2012-02-10 8 views
0

私は、クリックするとScriptaculousを使って画像を表示するリンクを持っています。リンクをもう一度クリックすると、画像が再び非表示になります。リンクがクリックされると、私はtoggle()と呼ばれる関数を呼び出します。クリックするとリンクのテキストを変更し、クリックしたときの状態に戻すことはできますか?それは私の機能です:Scriptaculousでリンクテキストを変更しますか?

<script type="text/javascript"> 

    function toggle(element){ 
     new Effect.toggle(element, 'Slide', {duration:0.5}); 
    } 

</script> 

ありがとう!

答えて

1

一つの解決策は、関数にクリックされたオブジェクトを渡し、そのinnerHTMLのをチェックすることです。

<a href="#" onclick="toggle('myDiv', this); return false">click this</a> 
//replace my div with the name of the element to slide. 

function toggle(element, obj){ 
    if(obj.innerHTML == 'click this'){ 
    obj.innerHTML = 'clicked'; 
    } 
    else{ 
    obj.innerHTML = 'click this'; 
    } 
    new Effect.toggle(element, 'Slide', {duration:0.5}); 
} 
+0

あなたは私のようなinnerHTMLプロパティでのHTMLコードを持っている場合は、IEのHTMLコードで大文字であるので、私はこのような場合は()文の文字低下を示唆していることに気づくと思います。var togglePlusMinus = OBJを。 innerHTML; if(togglePlusMinus.toLowerCase()== ' +'){ – jazkat

関連する問題