Apply onclick to all links in a page (or div)

illtron · 2005-03-03T15:55:23+00:00

Here's my situation: I have a page set up for personal use that has three frames. In one of the frames is a list of links that are generated by a content m...

Apply onclick to all links in a page (or div)

illtron

One other thing, what's the href part for? That interferes with the actual link, which opens the linked pages in yet another frame. The result that I'm looking to get in the textarea is this:

http://www.addressoflink.com/linkpage.html
Link text here

TheBearMay

May want to try something like this instead:

function addClick(){
for (i=0;i<document.links.length;i++){
	   var hHref=document.links[i].getAttribute("href")
		document.links[i].setAttribute("onclick","intercept('"+hHref+"')");
      	document.links[i].setAttribute("href","javascript:intercept('"+hHref+"')");
   }
}
function intercept(hRef){
	var text="someValueHere";
	parent.topframe.document.getElementById('thebox').value=hRef+'\r'+text
}

illtron

That's really close.

That writes the href in the textarea exactly how I want it, but for the text, I just get someValueHere.

So my result is this:

/this/is/the/path/to/the/file.html
someValueHere

I understand how that occurs, from the script. How do I get it to just have the actual text of the link appear, rather than some value I would place in the script?

I'm really bad with Javascript, but I thought that "text" was the object that would have given me just the text of the link (back in what i originally posted). I played around with the script a bit and I can't figure out how to get it to give me the actual text of the link on that second line.

Thanks!

TheBearMay

By the text of the link do you mean the associated HTML of the link? If so make this change:

function addClick(){
   for (i=0;i<document.links.length;i++){
      	var hHref=document.links[i].getAttribute("href")
      	document.links[i].setAttribute("onclick","intercept('"+hHref+"')");
      	document.links[i].setAttribute("href","java script:intercept('"+hHref+"')");
   }
}
function intercept(hRef){
    oxmlhttp = null;
    try{
        oxmlhttp = new XMLHttpRequest();
        oxmlhttp.overrideMimeType("text/xml");
    }
    catch(e){
        try{
            oxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e){
            return null;
        }
    }
    if(!oxmlhttp) return null;
    try{
       oxmlhttp.open("GET",hRef,false);
       oxmlhttp.send(null);
    }
    catch(e){
       return null;
    }
    var text=oxmlhttp.responseText;
    parent.topframe.document.getElementById('thebox').value=hRef+'\r'+text
}

illtron

No, nothing that complex. Just the text. For example if this is my link,

<a href="/path/to/the/page.html">This is the link</a>

This would be my output in the textarea:

/path/to/the/page.html
This is the link

TheBearMay

Oh that, try this then:

function addClick(){
   for (i=0;i<document.links.length;i++){
      	var hHref=document.links[i].getAttribute("href")
	var lTxt=document.links[i].lastChild.nodeValue;
      	document.links[i].setAttribute("onclick","intercept('"+hHref+"','"+lTxt+"')");
      	document.links[i].setAttribute("href","javascript:intercept('"+hHref+"','"+lTxt+"')");
   }
}
function intercept(hRef,lTxt){
    parent.topframe.document.getElementById('thebox').value=hRef+'\r'+lTxt;
}

illtron

I get this result in my textarea:

/path/to/the/page.html
null

Also, I notice that this line seems to be extraneous for what I'm trying to do:
document.links.setAttribute("href","javascript:intercept('"+hHref+"','"+lTxt+"')");

I don't need to set any value for the href attribute of the link. That needs to be passed on to another frame, which I'm using the html <base> tag to set the target for the page to the other frame. That seems to cancel it out, and nothing loads in the other frame with that in place. WHen I remove it, however, I get the desired result in the other frame.

TheBearMay

Try replacing this line:

var lTxt=document.links[i].lastChild.nodeValue;

with:

var lTxt=document.links[i].innerHTML;

illtron

Success! It works!

You've been an absolutely huge help! I can't thank you enough!

For some reason, nothing happens in Internet Explorer, but if it's a pain to get it working, then I can live without IE. 99% of the time, I'm the only one who will ever be seeing this page since.

I'm also noticing that there's a weird problem where it works for a most links, but not others. Can you think of anything that would cause it not to work? All of the links are formatted identically.

TheBearMay

For some reason IE doesn't seem to execute the onclick when it's added this way. That's why I was modifying the href value.

illtron

I gotcha. Screw IE then, because when adding that, it causes other headaches for me.

Could this line be causing this not to function for some links?

for (i=0;i<document.links.length;i++){

I have no clue what exactly that does, but it appears to have something to do with the links. Some of them that I'm dealing with are quite long, and the longer ones seem to be the ones affected. Am I imagining the connection?

illtron

I gotcha. Screw IE then, because when adding that, it causes other headaches for me.

Could this line be causing this not to function for some links?

for (i=0;i<document.links.length;i++){

Willy_Duitt

Originally posted by TheBearMay
For some reason IE doesn't seem to execute the onclick when it's added this way. That's why I was modifying the href value.

onclick or click as it were...
IS NOT an attribute!! Is is an event...
Thus, you are calling it all wrong and is not a problem with IE but rather your coding technique... But then again, the heh with IE, right??

.....Willy

Syll

I realize this is a 2-year old thread, but...
I'd very much like to understand how this works.

I think I could use this script to apply an onclick that swaps images... but I'm not sure how to go about doing so.

I have something like this: (I realize I could be way off on the intercept part)

function addClick(){
   for (i=0;i<document.links.length;i++){
      	var hHref=document.links[i].getAttribute("href")
	var lTxt=document.links[i].innerHTML;
      	document.links[i].setAttribute("onclick","intercept('"+hHref+"','"+lTxt+"')");
      	document.links[i].setAttribute("href","javascript:intercept('"+hHref+"','"+lTxt+"')");
   }
}
function intercept(hRef,lTxt){
    getElementsByClassName(document, "a", "artist").value=hRef+'\r'+lTxt;
}

Anyone care to help? 😃