JS - onclick för varje ankarelement?

Adestro · 2007-12-17, 16:41

Finns det något sätt att ange ett onclick-event för varje ankarelement på en sidan eller måste man sätta onclick på varje element?

orreborre · 2007-12-17, 17:25

Tja, ett javascript som letar upp alla a-taggar och lägger till ett onclickattribut borde fungera.

Titta lite på getElementsByTagName så kan du nog knåpa ihop något.

Gidlof · 2007-12-17, 17:48

Du kan använda attributet getElementsByTagName i document för att hitta alla ankarelement. Nedan har du ett exempel på hur det kan se ut.

Kod:

<html>
 <head>
  <script type="text/javascript">
   onload = function( )
   {
    var AllObjects = document.getElementsByTagName('A');
    for (var i=0;i< AllObjects.length;i++)
    {
     AllObjects[i].onclick = new Function("return ancarFunctionName( this );");
    }
   }
   function ancarFunctionName( ob )
   {
    try
    {
     alert('Länken går till '+ob.href+' ('+ob.innerHTML+')');
    }
    catch (e)
    {
     alert('Länken leder ingenstans.');
    }
    return false;
   }
  </script>
 </head>
 <body>
  <a href="http://www.iis.se/">Internetstiftelsen</a> <br>
  <a href="http://www.sunet.se/">Sunet</a> <br>
  <a href="http://www.aftonbladet.se/">Aftonbladet</a> <br>
  <a href="http://www.webmasternetwork.se/">Webmaster Network</a>
 </body>
</html>

Adestro · 2007-12-18, 09:47

Tack för hjälpen, fungerar utmärkt.

allstars · 2007-12-19, 20:32

Kan man använda samma förfarande med ett ajax-anrop samt med return true efteråt?!

edit: Ja

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

JS - onclick för varje ankarelement?