Forum PHP.pl

Problem dotyczy rozwijanego diva za pomocą takiego JS:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function toggle( link )
{
    var node = link.parentNode;
    // while loop not needed in code as shown, but here just in case:
    while ( node.tagName != "DIV" )
    {
        node = node.parentNode;
        if ( node == null ) return; // abort
    }
    var hider = node.getElementsByTagName("div")[0];
 
 
    link.innerHTML = ( link.innerHTML == "<img src='images/index/minus.png'>" ) ? "<img src=images/index/plus.png>" : "<img src='images/index/minus.png'>";
    hider.style.display = ( link.innerHTML == "<img src='images/index/minus.png'>" ) ? "none" : "block";
 
    return false; // so the href does nothing
}
</script>
[HTML] pobierz, plaintext 

Wywołuję to za pomocą:

[HTML] pobierz, plaintext 
<a href="java script:;" onclick="toggle(this);">a</a>
[HTML] pobierz, plaintext 

Problemem jest to, że jeśli za chowanie i pokazywanie diva odpowiada <img src='images/index/minus.png'> oraz <img src='images/index/plus.png'> to skrypt nie działa, w przypadku kiedy umieszczę jakikolwiek tekst wszystko jest ok. Od piątku się z tym męczę, kombinowałem z document.write w celu osadzenia tagów html js... ale bez skutku - cóż, to moja pierwsza styczność z JS.


Dziękuję za pomoc.

Ok, już sobie poradziłem. Przekombinowałem z " i zapomniałem o \ przed "

Niby sobie poradziłem, ale nie do końca. Wszędzie poprawiony kod działa, poza IE (ver. 8). Sądziłem, ze problem dotyczy onclick, jednak chyba nie - bo po zastąpieniu

[PHP] pobierz, plaintext 
    link.innerHTML = ( link.innerHTML == "Dopasuj do motocykla<img src=\"images/index/minus.png\">" ) ? "Dopasuj do motocykla<img src=\"images/index/plus.png\">" : "Dopasuj do motocykla<img src=\"images/index/minus.png\">";
[PHP] pobierz, plaintext 

tekstem bez grafiki kod działa w każdej przeglądarce.