Avatar billede sub_zero Nybegynder
04. februar 2003 - 23:02 Der er 10 kommentarer

Javascript: Skift billeder

Hey...

Jeg har lavet det lille script her nedenunder til www.subzer0.dk - det er så meningen at det skal skifte farve på den aktive side i menuen - skal blive rød, og de andre skal bevare deres farver (lilla eller grøn)...

det med at de andre bevarer deres farver virker fint (har testet med en anden farve) - men den skifter ikke farven på den aktive side's link..

function activePage( elm ) {
    var aArr = document.getElementsByTagName("IMG");
    for ( i=0; i<aArr.length; i++ ) {
        if ( aArr[i].className=="HovedMenu" ) aArr[i].src = "images/lillafirkant.gif";
        if ( aArr[i].className=="UnderMenu" ) aArr[i].src = "images/groenfirkant.gif";
    }
    elm.src = "images/roedfirkant.gif";
}

På Forhånd Tak!
Avatar billede sub_zero Nybegynder
04. februar 2003 - 23:08 #1
og ja, så skal jeg også gerne vide hvordan jeg kører 2 javascript funktioner på én onClick?
Avatar billede whatever Nybegynder
04. februar 2003 - 23:10 #2
Du skriver bare onclick="funktion1();funktion2()"
Avatar billede olebole Juniormester
04. februar 2003 - 23:32 #3
<ole>

Du har et billede, du identificerer med: name="webserveren". Dets link giver du id="webserverenLink". På samme måde giver du alle dine menu-links en id, bestående af billedets name + Link.
Derefter skriver du:

<script type="text/JavaScript">
var d=document;
function makeItalic( elm ) {
    var aArr = d.getElementsByTagName("A");
    for ( i=0; i<aArr.length; i++ ) {
        if ( aArr[i].className=="menu-tekst" ) aArr[i].style.fontStyle = "normal";
        var pName = aArr[i].id.split("Link")[0];
        if ( d.images[pName].className=="HovedMenu" ) d.images[pName].src = "images/lillafirkant.gif";
        if ( d.images[pName].className=="UnderMenu" ) d.images[pName].src = "images/groenfirkant.gif";
    }
    elm.style.fontStyle = "italic";
    var elmPname = elm.id.split("Link")[0];
    d.images[elmPname].src = "images/roedfirkant.gif";
}
</script>

Prøv det  ;o)
/mvh
</bole>
Avatar billede olebole Juniormester
04. februar 2003 - 23:35 #4
Så skulle ét script gerne udføre begge tasks  :)
Virker det, svarer du selv og tager dine points tilbage. Det gik først efterfølgende op for mig, du gav 200 points for det første svar ... det var mere end rigeligt  ;o)
/mvh
Avatar billede sub_zero Nybegynder
05. februar 2003 - 07:45 #5
hmm desværre, der er faktisk ingen af delene i det script der virker nu...
Avatar billede olebole Juniormester
05. februar 2003 - 12:58 #6
Der er forskel på name og id. Du skal give dine links et id ... ikke:
name="opgavenLink" - men:  id="opgavenLink"

Her konstruerer jeg et billednavn, ved at splitte linkets id til et array om ordet 'Link'. Det, der kommer før 'Link' bliver første element i array'et og det, der kommer efter bliver andet. Jaja ... jeg ved godt, der ikke er noget efter 'Link', men vi skal også kun bruge det første:
  var elmPname = elm.id.split("Link")[0];
Som du ser, er det id, jeg splitter - og ikke name.

Ret det, så funker det vist  ;o)
/mvh
Avatar billede sub_zero Nybegynder
05. februar 2003 - 14:00 #7
Er rettet nu, men som du ser forbliver firkanten ikke rød, den skifter så snart musen forlader linket - det skal virke så at den er rød så længe det er den aktive side
Avatar billede sub_zero Nybegynder
05. februar 2003 - 14:19 #8
jeg tænker det er mit andet script der laver fejlen - buttoncolor.js, hvis du gider må du gerne tage et kig, og se om du kan finde en løsning.
Avatar billede sub_zero Nybegynder
05. februar 2003 - 14:22 #9
og forresten, det med den kursive skrift - det er droppet igen, så jeg skal have fundet ud af at fjerne det fra scriptet...

Men, jeg er taknemmelig for din hjælp indtil videre !
Avatar billede sub_zero Nybegynder
05. februar 2003 - 14:42 #10
Okay, jeg har lige siddet og leget lidt med det.. har lavet den italic om til skiftfarve istedet, og derfor mangler jeg nu kun at skal have implementeret de 2 javascripts, så at den ikke laver den OnMouseOver/OnMouseOver hvis at farven er rød
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

Seneste spørgsmål Seneste aktivitet
I dag 21:00 Libre Office Impress Af Frank i Andre styresystemer
I dag 11:47 VB script Af Jenshentze i Word
I dag 11:21 Popup ved opstart Af mort1 i Windows
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel