Avatar billede kwanstudios Nybegynder
13. juli 2003 - 12:16 Der er 7 kommentarer og
1 løsning

Javascript ændrer billedets navn onClick

Jeg har en menu som ser sådan ud: <table cellspacing="0" cellpadding="0" style="width: 100%; height: 23px; background-color: rgb(255,255,255); border: 0;">
<tr>
<td style="width: 5px; background-image: url(m_Spacer_1.gif);" valign="bottom"><span style="font-size: 1px;">&nbsp;</span></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Forside_2.gif" alt="" border="0"></a></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_E-mail_1.gif" alt="" border="0"></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Kalender_1.gif" alt="" border="0"></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Filserver_1.gif" alt="" border="0"></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Links_1.gif" alt="" border="0"></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Forum_1.gif" alt="" border="0"></td>
<td style="background-image: url(m_Spacer_1.gif);" valign="bottom"><span style="font-size: 1px;">&nbsp;</span></td>
</tr>
</table>

m_Forside_2.gif er den side der er valgt, og alle med _1 er ikke valgt. Denne menu ligger i en frame og jeg tænker derfor om man der findes et javascript der ændrer billedet på de forskellige menupunkter til _2 og den forrige tilbage til _1 eftersom de bliver valgt?

Håber det var forklarende nok og på forhånd tak,

Jacob (der sidder i Københavns Lufthavn og keder sig med en bærbar og GPRS)
Avatar billede roenving Novice
13. juli 2003 - 12:20 #1
Avatar billede kwanstudios Nybegynder
13. juli 2003 - 12:25 #2
Kunne du skære det ud i pap for et grafikmongol som mig der fatter nul af javascript? :)
Avatar billede kwanstudios Nybegynder
13. juli 2003 - 12:37 #3
Nu har siddet og læst lidt på http://www.eksperten.dk/spm/375715, også det nye du har skrevet, men kan stadig ikke se hvordan jeg får det til at virke i mit?
Avatar billede roenving Novice
13. juli 2003 - 12:45 #4
<script language="JavaScript" type="text/javascript">
if (document.images) {
    button_1_on=new Image;
    button_1_on.src="images/info2.gif";
    button_1_off=new Image;
    button_1_off.src="images/info.gif";

}

var buttonClicked = null;//global variabel
function clickButton(imgName){
  var imgs = document.getElementsByTagName("IMG");
  for (i=1;imgs.length>i;i++){
    if(imgs[i]!=imgName){
      imgs[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf("_"))+"_1.gif"
    }
  }
  imgName.src = imgName.src.substring(0,imgName.src.lastIndexOf("_"))+"_2.gif"
  buttonClicked = imgName;
}

function rollOut(imgName){
    if (document.images&&imgName!=buttonClicked) {
  imgName.src = imgName.src.substring(0,imgName.src.lastIndexOf("_"))+"_1.gif"
    }
}

function rollIn(img){
    if (document.images) {
  imgName.src = imgName.src.substring(0,imgName.src.lastIndexOf("_"))+"_2.gif"
    }
}
</script>

<table cellspacing="0" cellpadding="0" style="width: 100%; height: 23px; background-color: rgb(255,255,255); border: 0;">
<tr>
<td style="width: 5px; background-image: url(m_Spacer_1.gif);" valign="bottom"><span style="font-size: 1px;">&nbsp;</span></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_Forside_2.gif" alt="" border="0" onMouseover="rollIn(this)" onMouseout="rollOut(this)" onclick="clickButton(this)></a></td>
<td style="width: 95px; background-image: url(m_Spacer_1.gif);" valign="bottom"><img src="m_E-mail_1.gif" alt="" border="0" onMouseover="rollIn(this)" onMouseout="rollOut(this)" onclick="clickButton(this)></td>

</tr>
</table>

Jeg har ikke testet, men jeg håber du kan se ideen -- du har helt ret, der skal lige en anden vinkel på ...
Avatar billede roenving Novice
13. juli 2003 - 12:52 #5
Hov, der mangler lige noget ""

onclick="clickButton(this);"></td>

-- og den </a> er vist til overs i den første ...
Avatar billede kwanstudios Nybegynder
13. juli 2003 - 13:12 #6
smid et svar :)
Avatar billede roenving Novice
13. juli 2003 - 13:14 #7
Velbekomme '-)
Avatar billede roenving Novice
13. juli 2003 - 13:16 #8
-- og tak for points ;~}
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