28. maj 2002 - 21:26
Der er
2 kommentarer og 1 løsning
Placering af mouseover effekt
Har dette mouseover effekt script: <script language="JavaScript"> ns4 = (document.layers) ? true : false; ie4 = (document.all) ? true : false; dom = (document.getElementById) ? true : false; function show(id) { obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id); styleObj = (ns4)? obj : obj.style; styleObj.left = (ns4)? (window.innerWidth-obj.clip.width)/2 : (document.body.offsetWidth-obj.offsetWidth)/2 styleObj.top = (ns4)? ((window.innerHeight-obj.clip.height)/8)*3 : ((document.body.offsetHeight-obj.offsetHeight)/8)*3 //gyldne snit styleObj.visibility = "visible"; } function hide(id) { obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id); styleObj = (ns4)? obj : obj.style; styleObj.visibility = "hidden"; } </script> <td width="100" class="bla1"><a href="" onmouseover="show('info');" onmouseout="hide('info');" class="menu"><center>Information</center></a></td> <div id="info" style="visibility:hidden"><marquee class="lille_gra" width="230" scrolldelay="90">tekst her...</marquee></div> ----- Det viker også fint, problemet er at da det er til en menu, hvor der er flere forskellige menupunkter, skal de selvfølgelig også have forskellige mouseovertekster... Det er heller ikke noget problem, men det er noget der skal indsættes i et grafik element, hvor der kun er plads til en linie... Nu fylder teksterne så en linie hver og derved bliver den næste smidt ned på en ny linie, således så en menu med 5 punkter fylder 5 linier. Den skjulerne dem godt nok når den skal, men den "resevere" pladsen til det... Det duer ikke, hvordan får jeg den til at skrive det på samme linie, altså oven i hinanden?
Annonceindlæg fra Barco
Er jeres mødelokaler sikre nok?
Den moderne arbejdsplads er i stigende grad afhængig af mødelokaler til at fremme samarbejde, men dette skift medfører også stigende sikkerhedsudfordringer.
Hvis jeg bruger display: none, kan jeg overhovedet ikke få det frem, men du har ret i at det ikke optager plads... Her er hele koden... Det er godt nok ikke med grafikfilerne... Men man kan godt se det med at det kommer på hver sin linie... <script language="JavaScript"> ns4 = (document.layers) ? true : false; ie4 = (document.all) ? true : false; dom = (document.getElementById) ? true : false; function show(id) { obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id); styleObj = (ns4)? obj : obj.style; styleObj.left = (ns4)? (window.innerWidth-obj.clip.width)/2 : (document.body.offsetWidth-obj.offsetWidth)/2 styleObj.top = (ns4)? ((window.innerHeight-obj.clip.height)/8)*3 : ((document.body.offsetHeight-obj.offsetHeight)/8)*3 //gyldne snit styleObj.visibility = "visible"; } function hide(id) { obj = (ns4)? document.layers[id] : (ie4)? document.all[id] : document.getElementById(id); styleObj = (ns4)? obj : obj.style; styleObj.visibility = "hidden"; } </script> <table width="750" CELLPADDING="0" CELLSPACING="0" border="0"> <tr> <td width="100" class="bla1"><a href="" onmouseover="show('info');" onmouseout="hide('info');" class="menu"><center>Information</center></a></td> <td width="100" class="bla1"><a href="" onmouseover="show('gren');" onmouseout="hide('gren');" class="menu"><center>Grenene</center></a></td> <td width="100" class="bla1"><a href="" class="menu"><center>Kontakt os</center></a></td> <td width="100" class="bla1"><a href="" class="menu"><center>Links</center></a></td> <td width="100" class="bla1"><a href="" class="menu"><center>Interne sider</center></a></td> <td width="16"><img src="images/hjorne.gif" alt="" border="0"></td> <td width="234" class="bla" colspan="3"><% arrMonth = Array("januar", "febuar", "marts", "april", "maj", "juni", "juli", "august", "september", "oktober", "november", "december") arrDay = Array("Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag") dato = now() datoStreng = arrDay(WeekDay(dato)-1) & " den " & day(dato) & ". " & arrMonth(month(dato)-1) & " " & Year(dato) Response.Write "<DIV STYLE='text-align:right'><span class='lille_sort'>" & datoStreng & " </span></div>" %></td> </tr> <tr><td width="500" colspan="5" class="bla"></td> <td width="16"><img src="images/hjorne2.gif" alt="" border="0"></td> <td width="234" class="bla1"> <div id="info" style="visibility:hidden"><marquee class="lille_gra" width="230" scrolldelay="90">bla bla bla...</marquee></div> <div id="gren" style="visibility:hidden"><marquee class="lille_gra" width="230" scrolldelay="90">bla bla bla...</marquee></div> </td></tr> </table>