funktion der skifter billede +onmouseover

http://root.terasoft.dk/dev

- Thomas

<ole>

Hvad siger Gotheren ...?!??!!!

/mvh
</bole>

- en forudsætning for at folk gider at hjælpe, er at spørgeren gider at spørge om noget ... og på en blot smule begavet måde

hvad mener ????

:)

- Thomas

Læs hvad der står når du trykker på linket ;) http://root.terasoft.dk/dev

okay :) undskyld :)

det står på siden jeg linker til :)

men her er det :)

Jeg kan ikke finde ud at lave det så pile ikonet skifter retning når jeg trykker på det.
Det skulle gerne gøres i toggleBox funktionen som ligger i default.js
Derudover prøver jeg også på at få onmouseover med i funktioen, så den også skifter billede når man fører musen over.

Jeg ved godt det jeg har lavet ikke vil virke, men det er for at I for en ide af hvad det er jeg vil have.

Det er muligt at se HTML koden her: http://root.terasoft.dk/dev/default.html
og javascript funktionen her: http://root.terasoft.dk/dev/default.js

på forhånd tak.

- Thomas

function imgover(id) {
  status = document.getElementById["Box"+id].style.display;
  document.getElementById["Img"+id].src = (status == "none" ? "/images/open_box_over.gif" : "/images/close_box_over.gif" ;
}
function imgout(id) {
  status = document.getElementById["Box"+id].style.display;
  document.getElementById["Img"+id].src = (status == "none" ? "/images/open_box.gif" : "/images/close_box.gif" ;
}
function imgclick(id) {
  status = document.getElementById["Box"+id].style.display;
  document.getElementById["Box"+id].style.display = (status == "none" ? "block" : "none");
  document.getElementById["Img"+id].src = (status == "none" ? "/images/open_box.gif" : "/images/close_box.gif" ;
}

Og så skal billedet laves sådan her

<img style="cursor:pointer;" class=Img1 onclick="imgclick(1);" onmouseover="imgover(1);" onmouseout="imgout(1);" src="images/open_box.gif" alt="" width="18" height="18" name="Icon1">

Har ikke lige testet, men prøv

<img style="cursor:pointer;" class=Img1 onclick="imgclick(1);" onmouseover="imgover(1);" onmouseout="imgout(1);" src="images/open_box.gif" alt="" width="18" height="18" name="Icon1">

skal være

<img style="cursor:pointer;" id=Img1 onclick="imgclick(1);" onmouseover="imgover(1);" onmouseout="imgout(1);" src="images/open_box.gif" alt="" width="18" height="18" name="Icon1">

Her kommer en kode der virker:
http://plazm.1go.dk/test.php

Nice Work :)

Så ved jeg hvem jeg skal spørge næsten gang jeg vil af med nogle point :)

Smider du et svar ?

- Thomas

Det hedder document.getElementById() - med parenteser ... ikke brackets. Ellers er det kun buggy browsere, der kan forstå det  :)

Det virker nu fint i mozilla/firefox/IE :D

- Thomas

ahh.. han har også rettet, hvis du havde kigget på det endelige resultat.

- Thomas

svar her :)

hehe ja olebole. men det skulle lige gå hurtigt og har lige siddet og lavet 30 forskellige arrays  i PHP :)