WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   JS - onclick för varje ankarelement? (https://www.wn.se/forum/showthread.php?t=25719)

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 :)


Alla tider är GMT +2. Klockan är nu 02:07.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson