Avatar billede sorenmt84 Juniormester
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?
Avatar billede knudgert Nybegynder
29. maj 2002 - 00:35 #1
Prøv at se om du kan bruge display: none, hvor den skal være usynlig, det reserverer ikke plads.
Må man evt. se siden?
Avatar billede sorenmt84 Juniormester
29. maj 2002 - 11:55 #2
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 & "&nbsp;</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>
Avatar billede sorenmt84 Juniormester
12. juni 2002 - 10:15 #3
Lukker...
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