これなら動く! JavaScriptでonclick属性を追加

ハイパーリンクを付けたところに、クリックでリンク先ポップアップするようにonclick属性を追加する方法。

というより、幅/高さを設定してポップアップさせたいけど、JavaScript OFF な人のユーザビリティのためにhrefを付けておきたい場合、hrefのハイパーリンク先を元にonclick属性を追加する方法。

Event.domReady.add( function() {
 var t = document.getElementsByClassName('class_name_that_contains_a_element');
 for (var i = 0; i < t.length; i++) {
  var a = t[i].getElementsByTagName('a');
   for (var j = 0; j < a.length; j++) {
    a[j].onclick = function() { 
     window.open(this.getAttribute('href'),null,'width=800,height=600');
     return(false);
    };
   }
  }
 });

getElementByClassName と domready.jsが必要。

Leave a Reply