29. juli 2001 - 21:31Der er
33 kommentarer og 1 løsning
mouseover ?
Jeg har lige et spørgsmål ang. mouseoverefekten !
Jeg har prøvet at illustrere hvad jeg vil nederst på siden. Jeg vil gerne lave det sådan, at når man peger på eks. Objekt 1, så kommer der en beskrivelse af objektet ude hvor x\'erne er på samme side. Altså uden at der bliver skiftet side.
Objekt 1 xxxxxxxxx Objekt 2 xxxxxxxxx Objekt 3 xxxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxxx
Jeg har prøvet at gøre det inde i paint shop pro, men det er ikke lykkedes. Så jeg er klar over, at jeg nok har brug for et java-script. Er der nogen som kan hjælpe med en løsning, eller evt. et sted hvor jeg kan hente et sådant java-script ?
Men det er vel noget med at lave det sådan <DIV id=\"beskrivelse\"> Her kommer beskrivelsen til at stå </DIV>
og så ved objektet(går ud fra det kunne være et billed) <IMG onMouseOver=\"document.getElementById(\'beskrivelse\').innerHTML=\'Beskrivelsen for dette billed\'\">
Det jeg har skrevet der skal stå i head placerer du mellem <head> og </head> og det jeg har skrevet skal stå i body paster du ind mellem <body> og </body>
Prøv at lave en testside. Så kan du nok godt se hvad der sker...
engrob>> lige en ting, beskrivelsen skulle fremkomme i den samme div så du skal ikke have tre og da de skal ligge i en celle skal de jo nok ikke have position:absolute.
poull> jeg forstår altså ikke helt hvad du mener ! skal jeg skrive <DIV id=\"(beskrive af objektet)\"> </DIV> i den celle hvor beskrivelsen skal fremkomme ?
hundevennen> jeg laver siden i frontpage, men jeg ved ikke om det kan lade sig gøre der !!! Jeg har lavet mine andre mouseovereffekter til linkknapper m.m. i PSP7, hvor der er en roolover funktion, men jeg ved ikke om det kan lade sig gøre at lave det der i!!!
nej okey, du har din tabel: <TABLE> <TR> <TD> <IMG src=\"billed.gif\" onMouseOver=\"document.getElementById(\'beskrivelse\').innerHTML=\'Dette er den tekst du skal ændre og som kommer til at udgøre beskrivelsen\'\"> </TD> <TD> <DIV id=\"beskrivelse\"> </DIV> </TD>
smask>> tja du behøver da ikke spytte flere point i det, men det kommer jo nok ikke til at blive browser-kompatibilitet, så sig lige om det er i orden. Det kommer til at blive en lille selvstændig fil
<BODY> <TABLE border=\"1\" width=\"100%\"> <TR> <TD width=\"80%\"> Her skal objekterne være:<BR><BR> <A onMouseOver=\"visbeskrivelse(\'Her er den tekst du skal ændre og det bliver beskrivelsen for linket\')\" onMouseOut=\"visbeskrivelse(\'\')\">Et link</A><BR> <IMG onMouseOver=\"visbeskrivelse(\'Her er den tekst du skal ændre og det bliver beskrivelsen for billedet\')\" onMouseOut=\"visbeskrivelse(\'\')\"> </TD> <TD width=\"20%\"> <DIV id=\"beskrivelse\"></DIV> </TD> </TR> </TABLE> </BODY> </HTML>
<ole> Hvis det bare skal virke i IE og NS6, er der ingen grund til at skrive: <TD width=\"20%\"> <DIV id=\"beskrivelse\"></DIV> </TD> ...du kan blot skrive: <TD width=\"20%\" id=\"beskrivelse\"></TD>
Men hvis du ønsker en virkning à la <a href=\"#\" title=\"noget tekst\"> - og det også skal virke i NS4.x og IE4.x, kan du bruge denne:
<html> <head> <script language=\"javascript\">
/* ----- Variabler, der skal ændres start ----- */
var backCol = \"#ffff33\"; // Baggrundsfarve var borderW = 2; // Rammebredde var borderCol = \"#333366\"; // Rammefarve var pad = 4; // Luft om tekst var xOffset = 15; // x-position i forhold til cursor var yOffset = 2;; // y-position i forhold til cursor
// Tekst-formatering sætter du i style-sheet\'et
/* ----- Variabler, der skal ændres slut ----- */
var ns4 = (document.layers) ? true : false; var ie4 = (document.all) ? true : false; var dom = (document.getElementById) ? true : false; var tekstBox = new Object(); var mouseX, mouseY; var tblStStr = \'<table width=\"1\" height=\"1\" border=\"0\" cellspacing=\"0\" cellpadding=\"\'+borderW+\'\" bgcolor=\"\'+borderCol+\'\"><tr><td>\\n\' + \'<table width=\"1\" height=\"1\" border=\"0\" cellspacing=\"0\" cellpadding=\"\'+pad+\'\" bgcolor=\"\'+backCol+\'\"><tr><td><span class=\"myTxt\">\\n\'; var tblEndStr = \'</span></td></tr></table></td></tr></table>\\n\'; function getMouse(e){ mouseX = (ns4 || (dom && !ie4))? parseInt(e.pageX) : parseInt(event.clientX); mouseY = (ns4 || (dom && !ie4))? parseInt(e.pageY) : parseInt(event.clientY); }
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.