Coder Wiki | HowTos | Links abfangen und an Funktion weiterleiten

Hier wird erläutert wie man normale HTML Links abfangen kann und stattdessen eine JavaScript/AJAX Funktion aufrufen kann.

Das Attribut rel ist im ursprünglichen Sinne nicht dazu gedacht, eignet sich aber hervorragend.

[Get Code]

javascript-links-abfangen.html
<html><head><script type="text/javascript">
function eigeneFunktion(param) {
        alert(param);
}
function linkRel(patt) {
        var anchors = document.getElementsByTagName('a');
        for (var i=0; i<anchors.length; i++) {
                var anchor = anchors[i];
                var relAttribute = String(anchor.getAttribute('rel'));
                if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match(patt))){
                        anchor.onclick = function () {eigeneFunktion(i); return false;}
                }
        }
}
</script>
<body onload="linkRel('toplist');">
 
<a href="asda.html" rel="toplist">HTML Link</a>
 
</body>
</html>

Coder How To's

Links abfangen und an Funktion weiterleiten