Avatar billede motu Nybegynder
28. oktober 2001 - 14:08 Der er 5 kommentarer og
1 løsning

mouseover ting

Davs ..

Har et Q, på http://www.motu.dk har jeg nogle knapper i bunden .. når man kører musen henover en af dem skal der komme text frem, med hvad de linker til .. texten skal stå til venstre for knapperne .. hvordan løser jeg dette ?
Avatar billede Tony Juniormester
28. oktober 2001 - 14:11 #1
En måde kunne være at sætte små layers ind ved siden af knapperne og så bruge \'show / hide\' layer.
Avatar billede jakoba Nybegynder
28. oktober 2001 - 14:15 #2
http://www.bosrup.com/web/overlib/    ret genialt.

mvh JakobA
Avatar billede jakoba Nybegynder
28. oktober 2001 - 14:15 #3
Ups. det var et svar
Avatar billede 2kbo Nybegynder
28. oktober 2001 - 14:16 #4
onMouseOver=\"popup(\'<b>:: klik .. <br> for at komme til links !</b>\',\'white\')\" onMouseOut=\"kill()\"

Jeg kan ikke hjælpe dig med at få det til at stå til venstre, men hva faen
Avatar billede Slettet bruger
28. oktober 2001 - 16:13 #5
Det her skulle gerne virke:

<!-- Sættes i <head> -->
<script>
nyDom = document.getElementById;
ie4 = document.all;
ns4 = document.layers;

function visTekst(nr) {
if (nyDom) {
el = document.getElementById(\"tekst\" + nr);
el.style.visibility = \"visible\";
}
else if (ie4) {
el = eval(\"document.all.tekst\" + nr);
el.style.visibility = \"visible\";
}
else if (ns6) {
el = eval(\"document.tekst\" + nr);
el.visibility = \"show\";
}
}

function skjultTekst(nr) {
if (nyDom) {
el = document.getElementById(\"tekst\" + nr);
el.style.visibility = \"hidden\";
}
else if (ie4) {
el = eval(\"document.all.tekst\" + nr);
el.style.visibility = \"hidden\";
}
else if (ns6) {
el = eval(\"document.tekst\" + nr);
el.visibility = \"hide\";
}
}
</script>

<!-- Sættes ved dine knapper i bunden -->
<tr>
          <td valign=\"top\" width=\"57\"><div id=\"tekst0\" style=\"position:relative; visibility:hidden;\">Menutekst 1</div> <a href=\"#\" onMouseOut=\"MM_swapImgRestore(); skjulTekst(0);\" onMouseOver=\"MM_swapImage(\'Image7\',\'\',\'buttonpink.jpg\',1); visTekst(0);\"><img name=\"Image7\" border=\"0\" src=\"buttonred.jpg\" width=\"16\" height=\"9\"></a></td>
          <td valign=\"top\" width=\"57\"><div id=\"tekst1\" style=\"position:relative; visibility:hidden;\">Menutekst 2</div> <a href=\"#\" onMouseOut=\"MM_swapImgRestore(); skjulTekst(1);\" onMouseOver=\"MM_swapImage(\'Image8\',\'\',\'buttonpink.jpg\',1); visTekst(0);\"><img name=\"Image8\" border=\"0\" src=\"buttonred.jpg\" width=\"16\" height=\"9\"></a></td>
          <td valign=\"top\" width=\"57\"><div id=\"tekst2\" style=\"position:relative; visibility:hidden;\">Menutekst 3</div> <a href=\"#\" onMouseOut=\"MM_swapImgRestore(); skjulTekst(2);\" onMouseOver=\"MM_swapImage(\'Image9\',\'\',\'buttonpink.jpg\',1); visTekst(0);\"><img name=\"Image9\" border=\"0\" src=\"buttonred.jpg\" width=\"16\" height=\"9\"></a></td>
          <td valign=\"top\" width=\"57\"><div id=\"tekst3\" style=\"position:relative; visibility:hidden;\">Menutekst 4</div> <a href=\"#\" onMouseOut=\"MM_swapImgRestore(); skjulTekst(3);\" onMouseOver=\"MM_swapImage(\'Image10\',\'\',\'buttonpink.jpg\',1); visTekst(0);\"><img name=\"Image10\" border=\"0\" src=\"buttonred.jpg\" width=\"16\" height=\"9\"></a></td>
          <td valign=\"top\" width=\"51\"><div id=\"tekst4\" style=\"position:relative; visibility:hidden;\">Menutekst 5</div> <a href=\"#\" onMouseOut=\"MM_swapImgRestore(); skjulTekst(4);\" onMouseOver=\"MM_swapImage(\'Image101\',\'\',\'buttonpink.jpg\',1); visTekst(0);\"><img name=\"Image101\" border=\"0\" src=\"buttonred.jpg\" width=\"16\" height=\"9\"></a></td>
<script>
//Jeg er ikke sikker på, om følgende er nødvendigt. Det er til NS4.x!
for (i = 0; i < 5; i++) skjulTekst(i);
</script>
        </tr>
Avatar billede Slettet bruger
28. oktober 2001 - 16:16 #6
Skift lige nederste script ud med:
<script>
//Jeg er ikke sikker på, om følgende er nødvendigt. Det er til NS4.x!
if (ns4) {
for (i = 0; i < 5; i++) skjulTekst(i);
}
</script>
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