使用Scriptaculous更改链接文本?

时间:2012-02-10 07:57:11

标签: hyperlink toggle scriptaculous

我有一个链接,点击后,使用Scriptaculous显示图像。当我再次单击该链接时,它会再次隐藏图像。现在,当单击链接时,我调用一个名为toggle()的函数。当我点击链接文本并将其更改回再次点击时的状态时,如何更改链接文本?多数民众赞成我的职责:

<script type="text/javascript">

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

</script>

谢谢!

1 个答案:

答案 0 :(得分: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});
}