Avatar billede gozar Nybegynder
11. maj 2000 - 10:18 Der er 12 kommentarer og
1 løsning

3 mouseover. 3 i 1, kan det gå??

Jeg vil meget gerne have 3 eksempler på mouseover funktionen.

1) En mouseover der skifter fra 1 billed til 1 andet billed.

2) En mouseover der skifter fra en tekst til en anden tekst.

3) En mouseover der skifter fra tekst til billed.
Avatar billede kmx Nybegynder
11. maj 2000 - 10:46 #1
1)

<script language="JavaScript"><!--
function swap(img,isrc) {
  if (!document.images) return;
  document.images[img].src = isrc;
}
//--></script>

<img src="logo.gif" width=460 height=80 alt="Logo">

<a href="..." onMouseOver="swap(1,'home_on.gif');" onMouseOut="swap(1,'home_off.gif');"><img src="home_off.gif" width=40 height=30 alt="home"></a>

<a href="..." onMouseOver="swap(2,'feedback_on.gif');" onMouseOut="swap(2,'feedback_off.gif');"><img src="feedback_off.gif"
width=40 height=30 alt="feedback"></a>

Avatar billede kmx Nybegynder
11. maj 2000 - 10:48 #2
2) og 3)

<P>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeContent(what,text) {
    if (document.all)
        what.innerHTML = text;
    else if (document.layers) {
        what.document.open();
        what.document.write(text);
        what.document.close();
    }
}
//-->
</SCRIPT>

<P>
<DIV onMouseOver="changeContent(this,'<FONT COLOR=red>Ha! You moved the mouse over the text</FONT>')"
  onMouseOut="changeContent(this,'Move the mouse pointer over this text')">
<LAYER onMouseOver="changeContent(this,'<FONT COLOR=red>Ha! You moved the mouse over the text</FONT>')"
  onMouseOut="changeContent(this,'Move the mouse pointer over this text')">
Move the mouse pointer over this text
</LAYER>
</DIV>
</P>

Avatar billede kmx Nybegynder
11. maj 2000 - 10:52 #3
Faktisk så kan den sidste klare alle tre spørgsmål. Bare indsæt billeder efter behov!
Avatar billede kmx Nybegynder
11. maj 2000 - 10:55 #4
Nåeh ja... Så er der lige en løsning som virker til både NN og IE:
---

<SCRIPT LANGUAGE="JavaScript">
<!--
function nnRoll(what,href,linktext,color) {
    if (document.layers) {
        var text = '<A HREF="' + href + '">' +
                  '<FONT COLOR="' + color + '">' +
                  linktext + '<\/FONT><\/A>'
        what.document.open();
        what.document.write(text);
        what.document.close();
    }
}

function msieRoll(what,color) {
    if (document.all)
        what.style.color=color;
}
//-->
</SCRIPT>

<P>

<LAYER onMouseOver="nnRoll(this,'http://www.yahoo.com/','Yahoo!','green')"
        onMouseOut="nnRoll(this,'http://www.yahoo.com/','Yahoo!','blue')">
<A onMouseOver="msieRoll(this,'green')" onMouseOut="msieRoll(this,'blue')"
  HREF='http://www.yahoo.com/'>Yahoo!</A>
</LAYER>

<BR>

<LAYER
onMouseOver="nnRoll(this,'http://www.netscape.com/','Netscape','green')"

onMouseOut="nnRoll(this,'http://www.netscape.com/','Netscape','blue')">
<A onMouseOver="msieRoll(this,'green')" onMouseOut="msieRoll(this,'blue')"
  HREF='http://www.netscape.com/'>Netscape</A>
</LAYER>

<BR>

<LAYER
onMouseOver="nnRoll(this,'http://www.microsoft.com/','Microsoft','green')"

onMouseOut="nnRoll(this,'http://www.microsoft.com/','Microsoft','blue')">
<A onMouseOver="msieRoll(this,'green')" onMouseOut="msieRoll(this,'blue')"
  HREF='http://www.microsoft.com/'>Microsoft</A>
</LAYER>

That's all...
Avatar billede gozar Nybegynder
11. maj 2000 - 11:04 #5
Lige et  spørgsmål og pointene er hjemme!!

Virker <LAYER> kun med NS og <a> kin Med IE??

Minimums krav af browser?
Avatar billede kmx Nybegynder
11. maj 2000 - 11:12 #6
<LAYER> virker også med IE og <A> virker med alt hvad der er på markedet. men forskellen er at Netscape ikke har det så godt med udskiftninger i et <A> tag, som til gengæld kører bedre i IE end <LAYER> gør. Derfor det dobbelte script.

Brugen af Layers kræver min. 4.0 browsere.
Avatar billede gozar Nybegynder
11. maj 2000 - 11:20 #7
Når jeg øndre denne her
<LAYER onMouseOver="nnRoll(this,'http://www.yahoo.com/','Yahoo!','green')"
til
<LAYER onMouseOver="nnRoll(this,'http://www.yahoo.com/','Sucks!','green')"
Hvoffor skifter teksten så ikke??

Ved svar 2) 3) Så skifter de to tekster hele tiden når man køre musen rundt på dem!! Den skal kun vise 1 tekst når musen er over, og en anden når musen er udenfor!! Ikke skifte mellem de to tekster!!
Avatar billede kmx Nybegynder
11. maj 2000 - 11:30 #8
Tja... Jeg har ikke lige afprøvet det, men jeg kan da se at det sidste script ikke laver andet end at skifte farve, så det kræver nok en lidt mere gennemgribende ændring.

Scripts'ene er hugget fra irt.org
Du kan finde en mere uddybende forklaring her:
http://www.irt.org/articles/js200/#hilight
Avatar billede gozar Nybegynder
11. maj 2000 - 11:34 #9
Svar 2) 3) Jeg har løst problemet, muligvis!!

<Hvis jeg kun bruger <div ....></div> skifyter tekstewn ikke hele tiden!

hvad bliver <layer> så brugt til??>
Avatar billede kmx Nybegynder
11. maj 2000 - 11:36 #10
Det er bare forskellige typer layers med hver deres fordele og ulemper. Netscape 4.0 havde det ikke så godt med div-layers, men det er vist blevet bedre med de senere versioner.
Avatar billede gozar Nybegynder
11. maj 2000 - 11:38 #11
Virker <div ...></div> Også med NE???
Avatar billede kmx Nybegynder
11. maj 2000 - 11:40 #12
Det burde virke...
Avatar billede gozar Nybegynder
11. maj 2000 - 12:46 #13
Jeg kan kun få <div....></div> til at virke med IE Og <Layer....></layer> til at virke med NE!!!
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