Avatar billede tejs Nybegynder
08. januar 2003 - 14:12 Der er 4 kommentarer

Toggle billede

Hej

Jeg har en liste med en lang række overskrifter. Når man klikker på disse overskrifter folder der sig en tekst ud under overskriften. Trykker man igen, folder denne tekst sig ind igen.. meget smart..!!!

Jeg vil dog gerne have et lille plus ud for hver overskrift, som bliver til minus, når teksten folder sig ud. Præcis som stifinderen i windows.

Derfor har jeg brug for at "toggle" mellem den grafik der hedder minus.gif og den der plus.gif.

Håber I kan hjælpe
Avatar billede Slettet bruger
08. januar 2003 - 14:21 #1
Du skal nok flette nedenstående ind i dit nuværende script!
Desuden skal du sørge for at hvert billede til hver overskrift har en unik id. eks.
liste1 - Overskrift1
liste2 - Overskrift2
liste3 - Overskrift3

<script language="javascript">
function toggleimg(objectId)
{
  object = document.getElementById(objectId);
  if(object.src=="plus.gif")
  {
      object.src = "minus.gif";
  }
  else
  {
      object.src = "plus.gif";
  }
}
</script>

<img src="minus.gif" ALT="minus" id="liste1"><a href="java script:toggleimg('liste1');">Oversrift!</a>
Avatar billede tejs Nybegynder
08. januar 2003 - 14:29 #2
Det ser perfekt ud - jeg prøver lige..!
Avatar billede tejs Nybegynder
08. januar 2003 - 14:56 #3
Det virker halvt..! :-(

Når jeg trykker skifter billedet, men når jeg trykker igen, så skifter ikke tilbage igen..

Hvis jeg, efter at have trykket ser i sourcen, så kan jeg se at der stadig står minus.gif, selvom det er plus.gif der bliver vist. Det vil nok sige at "object.src =" ikke ændre koden, men gør det i RAM'en (?)

Hvis nu man lage en variable mere ind, ville man så ikke kunne gøre det..?
Avatar billede Slettet bruger
08. januar 2003 - 15:01 #4
Det HTML du ser når du viser kilden, er det som er blevet loadet fra serveren... ikke det der er ændret dynamisk!
Så din tolkning af det er rigtig!

Prøv med: (så skulle du få et svar!)

function toggleimg(objectId)
{
  object = document.getElementById(objectId);
  alert(object.src);
  if(object.src=="plus.gif")
  {
      object.src = "minus.gif";
  }
  else
  {
      object.src = "plus.gif";
  }
}
</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