Avatar billede webbe Nybegynder
28. november 2002 - 09:57 Der er 10 kommentarer og
1 løsning

Mouseover / mouseout på input type=image"

Hejsa

Jeg har problemer med en mouseover effekt på en input type="image".

Scriptet fungerer fint nok på en img src - men bare ikke når det bliver input type....og hvorfor ikke!?

Mit script ser sådan ud:

if (document.images) {
    ok_off = new Image();
    ok_off.src = "../images/ok_knap.gif";
    ok_on = new Image();
    ok_on.src = "../images/ok_knap1.gif";
   
    slet_off = new Image();
    slet_off.src = "../images/slet_knap.gif";
    slet_on = new Image();
    slet_on.src = "../images/slet_knap1.gif";
    }
   
    function menuChange(Navn,Endelse) {
    if (document.images) {
          document [Navn].src = eval(Endelse + ".src");
        }
      }

Og her kalder jeg det på min input type:

<input type="image" name="ok" src="../images/ok_knap.gif" onmouseover="menuChange('ok','ok_on')" onmouseout="menuChange('ok','ok_off')">

Hvad er der galt?
Avatar billede nikolajdu Nybegynder
28. november 2002 - 10:02 #1
document.images[Navn].src = eval(Endelse + ".src");
Avatar billede webbe Nybegynder
28. november 2002 - 10:12 #2
Nope - det virker ikke - får en meddelelse om at "document.images[] er null eller ikke et object!
Avatar billede zyber Nybegynder
28. november 2002 - 10:14 #3
send id'et på image tag'et ind i din funktion og lav så document.getElementById(id)

function menuChange(id,Endelse) {
          document.getElementById(id).src = eval(Endelse + ".src");
      }
Avatar billede -mundi- Nybegynder
28. november 2002 - 10:16 #4
det er fordi et input felt er en del af forms og du kan derfor ikke tilgå det med document.images men derimod med document.forms['formname'].elements['elementnavn'].src eller document.formnavn.elementnavn.src
Avatar billede nikolajdu Nybegynder
28. november 2002 - 10:18 #5
bah selvf...
Avatar billede webbe Nybegynder
28. november 2002 - 10:26 #6
zyber:

Thanx - nu virker det....endda på begge knapper! ;0)
Avatar billede -mundi- Nybegynder
28. november 2002 - 10:32 #7
Det virker bare ikke i tidligere versioner af internet explorer og netscape.. Derudover kan jeg ikke forstå hvorfor jeg bliver afvist når jeg svarer på det spørgsmål du har stillet ?
Avatar billede webbe Nybegynder
28. november 2002 - 10:45 #8
-mundi-

Grunden til at jeg afviser dit svar er ikke at jeg ikke mener det virker (har ikke testet det), men fordi zyber kom med et svar FØR dig som tilsyneladende virker!

Men hvis du omskriver mit script så det virker i tidligere versioner, så vil jeg godt give dig point også!
Avatar billede nikolajdu Nybegynder
28. november 2002 - 10:47 #9
-mundi- Har nu ret. Det virker kun fra version 5 browsere og frem.....
Avatar billede -mundi- Nybegynder
28. november 2002 - 10:49 #10
hvornår kommer de med den der ban liste :-)
Avatar billede webbe Nybegynder
28. november 2002 - 10:53 #11
-mundi-

Var nu ikke min mening at snyde nogen :0)

Kender ikke meget til javascript, så vidste ikke det med versionerne.

Men er meget villig til at give point til dig, hvis du kan rette mit script til, så det virker i tidligere versioner!
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