[javascript] img src check (nog een keer!)

[Predje]

Zojuist een topic gehad en weer gesloten foutje van mij.. ik had het al staan zoals gezegt werd.. maar dat werkt ook niet!

oude topic;

tweakers ik snap er niets van..
Kan iemand mij uitleggen waarom bij de volgende code de plaatjes niet veranderd worden. (krijg geen foutmelding)

javascript

code:

<script language="javascript">
<!--
function toggle(id, vierkantPijltje) {
 if( document.getElementById(vierkantPijltje).src=='pics/vierkant_pijltje.gif' ){
    document.getElementById(vierkantPijltje).src='pics/vierkant_pijltje_turn.gif';
 }else if( document.getElementById(vierkantPijltje).src=='pics/vierkant_pijltje_turn.gif' ){
    document.getElementById(vierkantPijltje).src='pics/vierkant_pijltje_visited.gif';
 }
 if( document.getElementById(id).style.display=='none' ){
   document.getElementById(id).style.display = '';
 }else{
   document.getElementById(id).style.display = 'none';
 }
}
-->
</script>

img code

code:

<tr onclick="toggle('<%= nummer %>','<%= ("vierkantPijltje") & teller %>');">
    <td width="438" height="45" class="artikelTopMouseOut">
    <p align="left" class="pgrijs">[img]"pics/vierkant_pijltje.gif"[/img]" border="0" style="vertical-align: middle; margin-left: 4px;">

Ik snap het namelijk echt niet.

voorbeeld hier te zien

Iemand een idee wat ik fout doe?

[NMe]

Even om iemand te quoten uit je vorige topic:

---

Predje schreef op dinsdag 15 maart 2005 @ 13:56:

code:

 if( document.getElementById(vierkantPijltje).src=='vierkantPijltje0' ){
    document.getElementById(vierkantPijltje).src='pics/vierkant_pijltje_turn.gif';
 }else if( document.getElementById(vierkantPijltje).src=='pics/vierkant_pijltje_turn.gif' ){
    document.getElementById(vierkantPijltje).src='pics/vierkant_pijltje_visited.gif';
 }

beide zijn false want je src is 'pics/vierkant_pijltje.gif'

---

Wat snap je daar niet aan?

[Predje]

-NMe- schreef op dinsdag 15 maart 2005 @ 14:32:
Even om iemand te quoten uit je vorige topic:

---

[...]

beide zijn false want je src is 'pics/vierkant_pijltje.gif'

---

Wat snap je daar niet aan?

Zoals je ziet, en ik zei, heb ik dat al veranderd.. had ik al voordat ik het topic poste, maar heb het verkeerd in de topic gezet..
Als ik het doe zoals je quote dan werkt het ook niet

[crisp]

JavaScript:

alert(document.getElementById('vierkantPijltje1').src); // http://www.moosdijk.com/wesley/temp/pics/vierkant_pijltje.gif

daarom niet dus

[Predje]

crisp schreef op dinsdag 15 maart 2005 @ 14:51:

JavaScript:

alert(document.getElementById('vierkantPijltje1').src); // http://www.moosdijk.com/wesley/temp/pics/vierkant_pijltje.gif

daarom niet dus

(zucht) je wilt toch niet zeggen dat ik de hele URL hard moet coderen.. dat word een ramp als ik het op een andere server moet zetten.
Misschien een andere oplossing dan?

[crisp]

Andere en mooiere oplossing is om gebruik te maken van een preloaded image:

JavaScript:

var pijltje = new Image(); pijltje.src = 'pics/vierkant_pijltje.gif';
var pijltje_turn = new Image(); pijltje_turn.src = 'pics/vierkant_pijltje_turn.gif';

function toggle(id, vierkantPijltje)
{
  var dezepijl = document.getElementById(vierkantPijltje);

  if (dezepijl.src == pijltje.src) dezepijl.src = pijltje_turn.src;
  else if (dezepijl.src == pijltje_turn.src) dezepijl.src = pijltje.src;

  var el = document.getElementById(id);

  if (el.style.display == 'none') el.style.display = '';
  else el.style.display = 'none';
}

[Predje]

crisp schreef op dinsdag 15 maart 2005 @ 14:58:
Andere en mooiere oplossing is om gebruik te maken van een preloaded image:

JavaScript:

var pijltje = new Image(); pijltje.src = 'pics/vierkant_pijltje.gif';
var pijltje_turn = new Image(); pijltje_turn.src = 'pics/vierkant_pijltje_turn.gif';

function toggle(id, vierkantPijltje)
{
  var dezepijl = document.getElementById(vierkantPijltje);

  if (dezepijl.src == pijltje.src) dezepijl.src = pijltje_turn.src;
  else if (dezepijl.src == pijltje_turn.src) dezepijl.src = pijltje.src;

  var el = document.getElementById(id);

  if (el.style.display == 'none') el.style.display = '';
  else el.style.display = 'none';
}

THX dat is idd DE oplossing;

code:

<script language="javascript">
<!--

var pijltje = new Image(); pijltje.src = 'pics/vierkant_pijltje.gif';
var pijltje_turn = new Image(); pijltje_turn.src = 'pics/vierkant_pijltje_turn.gif';
var pijltje_visited = new Image(); pijltje_visited.src = 'pics/vierkant_pijltje_visited.gif';
var pijltje_visited_turn = new Image(); pijltje_visited_turn.src = 'pics/vierkant_pijltje_visited_turn.gif';

function toggle(id, vierkantPijltje)
{
  var dezepijl = document.getElementById(vierkantPijltje);

  if (dezepijl.src == pijltje.src) dezepijl.src = pijltje_turn.src;
  else if (dezepijl.src == pijltje_turn.src) dezepijl.src = pijltje_visited.src;
    else if (dezepijl.src == pijltje_visited.src) dezepijl.src = pijltje_visited_turn.src;
        else if (dezepijl.src == pijltje_visited_turn.src) dezepijl.src = pijltje_visited.src;
        
 if( document.getElementById(id).style.display=='none' ){
   document.getElementById(id).style.display = '';
 }else{
   document.getElementById(id).style.display = 'none';
 }
}
-->
</script>

thx

[Pelle]

Zoeken naar javascriptjes die kunnen wat jij wil levert ook al veel resultaten op hoor... die search is er niet voor niets