Avatar billede david_dollas Nybegynder
07. marts 2001 - 13:27 Der er 7 kommentarer og
1 løsning

javascript windows

Jeg har følgende:

<---

<head>
    <style>
    A {    text-decoration: none;    color: Black;}
    A:Hover {    text-decoration: underline;}
    </style>
<STYLE type=\"text/css\">body{overflow:scroll;overflow-x:hidden}.popper{position : absolute;visibility : hidden;}</STYLE>
</head>

<body>
<DIV ID=\"topdeck\" CLASS=\"popper\"></DIV>

<STYLE type=\"text/css\">body{overflow:scroll;overflow-x:hidden}.popper{position : absolute;visibility : hidden;}</STYLE>
<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function pop(msg)
{
var content =\"<TABLE width=180 bgcolor=#ffffff cellpadding=0 cellspacing=1 border=0><TR><TD bgcolor=#000066 align=center><FONT size=1 face=\\\"Verdana\\\" color=#ffffff><STRONG>Sundhedsguiden:</STRONG></FONT></TD></TR><TR><TD bgcolor=#000066 align=center><FONT size=1 face=\\\"Verdana, Arial, Helvetica\\\" color=#ffffff>\"+msg+\"</FONT></TD></TR></TABLE>\";
if (nav) {skn.document.write(content);skn.document.close();skn.visibility = \"visible\";}
else if (iex) {document.all(\"topdeck\").innerHTML = content;skn.visibility = \"visible\";}
}

function pop1(msg)
{
var content =\"<TABLE width=180 bgcolor=#000000 cellpadding=0 cellspacing=1 border=0><TR><TD bgcolor=#ffffff align=center><FONT size=1 face=\\\"Verdana\\\" color=#000000><STRONG>Jubii:</STRONG></FONT></TD></TR><TR><TD bgcolor=#ffffff align=center><FONT size=1 face=\\\"Verdana, Arial, Helvetica\\\" color=#000000>\"+msg+\"</FONT></TD></TR></TABLE>\";
if (nav) {skn.document.write(content);skn.document.close();skn.visibility = \"visible\";}
else if (iex) {document.all(\"topdeck\").innerHTML = content;skn.visibility = \"visible\";}
}
function get_mouse(e)
{var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;var y = (nav) ? e.pageY : event.y+document.body.scrollTop;skn.left = x - 60;  skn.top  = y+20;}
function kill() {skn.visibility = \"hidden\";}
function showstatus(msg) {window.status=msg;}
function killstatus() {window.status=\'\';}


</SCRIPT>


<center>
<A href=\"http://www.sundhedsguiden.dk\" target=\"_blank\" onmouseover=\"pop(\'<center><img src=sg.gif><br><br>I din daglige stræben efter et sundt liv, og når du søger helbredelse for dig selv eller dine nærmeste, kan du finde information på Sundhedsguiden om alt fra medicinsk til alternativ behandling.</center>\');\"onmouseout=\"kill()\"><b>Sundhedsguiden</b></a>
<br>
<A href=\"http://www.jubii.dk\" target=\"_blank\" onmouseover=\"pop1(\'<center><img src=jubii.gif><br><br>Jubii er også en forretning. At fodre 100 mand koster en del - og de penge skal vi tjene ind hver måned. Vi på Jubii har valgt primært at lade annoncørerne betale, for at du kan bruge os gratis. Alt i alt er Jubii en udmærket forretning og vi er stolte af, at vi er et af de eneste sites i verden, der giver overskud.</center><a href=222>aaa</a>\');\"onmouseout=\"kill()\"><b>Jubii</b></a>
</center>

</body>
</html>

<---


Men istedet for at lade vinduet følge med rundt skal den lade vinduet være hvordet er og først lukke det når jeg forlader hele rammen. På den måde ville det blive muligt at lave links i den popup box...

Er der en venlig sjæl der kan trylle lidt for mig?
Avatar billede ras2000 Nybegynder
07. marts 2001 - 13:32 #1
Det blev diskutteret til hudløshed her:
http://www.eksperten.dk/spm/50896
Avatar billede david_dollas Nybegynder
07. marts 2001 - 13:35 #2
Okay, har kigget, men det er jo ikke helt det jeg beder om, men via det der kan det jo være at jeg kan lave det selv, men hvis der var en der havde et liggende, så ville det være fedt...
Avatar billede ras2000 Nybegynder
07. marts 2001 - 13:40 #3
Jamen ville du ikke bare have en menu der koom op, når du kørte cursoren over noget tekst, som du kunne gå ned i? Ellers kan jeg ikke se hvad du vil have.
Avatar billede david_dollas Nybegynder
07. marts 2001 - 13:42 #4
Jeg vil gerne have at når man kørere musen over et link skal der komme en box frem som, bliver der hvor man du definere den til at brive. Når man så køre musen ind i box\'en skal den blive der, så man kan trykke på det evt. link man laver i teksten, men når man køre musen ud af box\'en eller linket, skal den forsvinde igen.
Avatar billede ras2000 Nybegynder
07. marts 2001 - 13:49 #5
Og er det ikke det der sker på eksempelvis mit sidste forslag, i det andet spørgsmål?
Du får det lige her:
<html>
<head>
<script type=\"text/javascript\">
function vis(n) {
uvis();
if (n==1) {
  document.all.hovedpunkt1.style.display=\'block\';
  document.all.hovedpunkt1.style.left=15 + document.all.punkt1.offsetLeft;
  document.all.hovedpunkt1.style.top=document.all.punkt1.offsetHeight + document.all.punkt1.offsetTop + 10;
}
if (n==2) {
  document.all.hovedpunkt2.style.display=\'block\';
  document.all.hovedpunkt2.style.left=15 + document.all.punkt2.offsetLeft;
  document.all.hovedpunkt2.style.top=document.all.punkt2.offsetHeight + document.all.punkt2.offsetTop + 10;
}
if (n==3) {
  document.all.hovedpunkt3.style.display=\'block\';
  document.all.hovedpunkt3.style.left=15 + document.all.punkt3.offsetLeft;
  document.all.hovedpunkt3.style.top=document.all.punkt3.offsetHeight + document.all.punkt3.offsetTop + 10;
}
}
function uvis() {
  document.all.hovedpunkt1.style.display=\'none\';
  document.all.hovedpunkt2.style.display=\'none\';
  document.all.hovedpunkt3.style.display=\'none\';
}
</script>
</head>
<body onmouseover=\"uvis()\">
<table cellspacing=\"10\">
  <tr>
    <td bgcolor=\"ff0000\" id=\"punkt1\" onmouseover=\"vis(1); window.event.cancelBubble=true\">hovedpunkt 1</td>
    <td bgcolor=\"ff0000\" id=\"punkt2\" onmouseover=\"vis(2); window.event.cancelBubble=true\">hovedpunkt 2</td>
    <td bgcolor=\"ff0000\" id=\"punkt3\" onmouseover=\"vis(3); window.event.cancelBubble=true\">hovedpunkt 3</td>
  </tr>
</table>
<table id=\"hovedpunkt1\" style=\"display:none;position:absolute\" onmouseover=\"vis(1); window.event.cancelBubble=true\">
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
</table>
<table id=\"hovedpunkt2\" style=\"display:none;position:absolute\" onmouseover=\"vis(2); window.event.cancelBubble=true\">
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
</table>
<table id=\"hovedpunkt3\" style=\"display:none;position:absolute\" onmouseover=\"vis(3); window.event.cancelBubble=true\">
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
  <tr>
    <td>underpunkt 1</td>
  </tr>
</table>
</body>
</html>

Eller skal den komme fra, der hvor musen går ind på linket? Så kan du bruge en <body onmouseover=\"if (window.event.srcElement.tagName==\'A\') vis()\"
og i vis brug window.event.clientX/Y til at sætte top og left. Så skal du lige styre at det vises når du er over linket, og over menuen, og fjernes ellers.
Avatar billede david_dollas Nybegynder
07. marts 2001 - 14:03 #6
Takker, men kan du ikke lave et script til mig hvor der er eet link, og når man køre musen over der, kommer der et vindue på 300,300 frem hvor man kan køre musen rundt inden i, og når man køre musen ud, lukker vinduet?
Avatar billede ras2000 Nybegynder
07. marts 2001 - 14:13 #7
Jeg synes du strækker den for 10 point, men her er der noget.
<html>
<head>
<script type=\"text/javascript\">
function vis(n) {
uvis();
if (n==1) {
  document.all.hovedpunkt1.style.display=\'block\';
  document.all.hovedpunkt1.style.left=15 + document.all.punkt1.offsetLeft;
  document.all.hovedpunkt1.style.top=document.all.punkt1.offsetHeight + document.all.punkt1.offsetTop + 10;
}
if (n==2) {
  document.all.hovedpunkt2.style.display=\'block\';
  document.all.hovedpunkt2.style.left=15 + document.all.punkt2.offsetLeft;
  document.all.hovedpunkt2.style.top=document.all.punkt2.offsetHeight + document.all.punkt2.offsetTop + 10;
}
if (n==3) {
  document.all.hovedpunkt3.style.display=\'block\';
  document.all.hovedpunkt3.style.left=15 + document.all.punkt3.offsetLeft;
  document.all.hovedpunkt3.style.top=document.all.punkt3.offsetHeight + document.all.punkt3.offsetTop + 10;
}
}
function uvis() {
  document.all.hovedpunkt1.style.display=\'none\';
  document.all.hovedpunkt2.style.display=\'none\';
  document.all.hovedpunkt3.style.display=\'none\';
}
</script>
</head>
<body onmouseover=\"uvis()\">
<table cellspacing=\"10\">
  <tr>
    <td bgcolor=\"ff0000\" id=\"punkt1\" onmouseover=\"vis(1); window.event.cancelBubble=true\"><a href=\"her\">link 1</a></td>
    <td bgcolor=\"ff0000\" id=\"punkt2\" onmouseover=\"vis(2); window.event.cancelBubble=true\"><a href=\"der\">link 2</a></td>
    <td bgcolor=\"ff0000\" id=\"punkt3\" onmouseover=\"vis(3); window.event.cancelBubble=true\"><a href=\"og_alle_veje\">link 3</a></td>
  </tr>
</table>
<div id=\"hovedpunkt1\" style=\"display:none;position:absolute;width:300;height:300;background-color:00ff00\" onmouseover=\"vis(1); window.event.cancelBubble=true\">
her står indholdet
</div>
<div id=\"hovedpunkt2\" style=\"display:none;position:absolute;width:300;height:300;background-color:00ff00\" onmouseover=\"vis(2); window.event.cancelBubble=true\">
her står indholdet
</div>
<div id=\"hovedpunkt3\" style=\"display:none;position:absolute;width:300;height:300;background-color:00ff00\" onmouseover=\"vis(3); window.event.cancelBubble=true\">
her står indholdet
</div>
</body>
</html>
Avatar billede david_dollas Nybegynder
07. marts 2001 - 15:02 #8
lll
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester