javascript to either redirect or update all url's on a page?

Hello,
I am displaying a the html for a web page in a frame on my web page.
We only support IE and are only using Win XP or higher.

That web page contains HREF entries for other url's.
For example:
<A HREF="http://www.myhost.com" >MyHost</A>

Is there a way to use JavaScript to either programmatically dynamically
update all the links or to dynamically modify the link when it is clicked?

My goal is to programmatically end up with the behavior of the below link
without actually modifying the <body> of the original html.

<A HREF="http://localhost:12060/analyze.aspx?url=http://www.myhost.com">MyHost</A>

My problem is that the user can specify any web site to be included in my frame. I would like to add either a script to iterate through the objects in that
html and add a prefix to the HREF= text or to leave the HREF text unchanged
but to catch the OnClick event and then to add the prefix on prior to the
link being processed.

I am new to this and I would appreciate any help.
Thanks,
-Tom

May 18 '07 #1

Subscribe Post Reply

1626

iam_clint

1,208

Expert 1GB

ok so you would do something like this

Expand|Select|Wrap|Line Numbers

 
//when you want to change the links call this function. it can be onload or whatever... example.   window.onload=updateLinks;

function updateLinks() {

 var links = document.getElementsByTagName("A"); // get an array of all the links.

 for (i=0; i<links.length; i++) { //make a loop to go through them all

   var curlink = links[i].getAttribute("href");  //get the current href attribute.

   links[i].setAttribute("href", "http://localhost:12060/analyze.aspx?url="+curlink); // append your link before the current link.

 }

} // and this is how it could be done.

Please reply back.

May 18 '07 #2

MrTom

Hi Clint,
Thanks for your help and patience. I am a c++/C# guy and totally new to JavaScript.

I created the below and when it loads, I see "Error on page" on my status line.
Is there a way to see more info about the error?

When I click on the link, It is not redirected.

Thanks again,
-Tom

Expand|Select|Wrap|Line Numbers

 
<html>

<head>
 
<script language="JavaScript"><!--

function updateLinks() {

 var links = document.getElementsByTagName("A"); // get an array of all the links.

 for (i=0; i<links.length; i++) { //make a loop to go through them all

   var curlink = links[i].getAttribute("href");  //get the current href attribute.

   links[i].setAttribute("href", "http://localhost:12060/Integrated4.aspx?url="+curlink);

}

//--></script>

</head>
 
<body onload="updateLinks()">
 
<A HREF="http://www.softwarecommitments.com"">softwarecommitments</A>  
 
</body>
 
</html>

Please reply back.[/quote]

May 21 '07 #3

iam_clint

1,208

Expert 1GB

There is a way to view a more detailed message... on Internet explorer when theres a javascript error there will be a yellow icon in the bottom left hand side of the window and double click it...

but your problem is your missing a }

you have

Expand|Select|Wrap|Line Numbers

 
function updateLinks() {

 var links = document.getElementsByTagName("A"); // get an array of all the links.

 for (i=0; i<links.length; i++) { //make a loop to go through them all

   var curlink = links[i].getAttribute("href");  //get the current href attribute.

   links[i].setAttribute("href", "http://localhost:12060/Integrated4.aspx?url="+curlink);

}

when it should be

Expand|Select|Wrap|Line Numbers

 
function updateLinks() {

 var links = document.getElementsByTagName("A"); // get an array of all the links.

 for (i=0; i<links.length; i++) { //make a loop to go through them all

   var curlink = links[i].getAttribute("href");  //get the current href attribute.

   links[i].setAttribute("href", "http://localhost:12060/Integrated4.aspx?url="+curlink);

}

}

see you open the function { then you open the for loop { then you closed the for loop } but you didn't close the function.

May 21 '07 #4

MrTom

Hi Clint,

Thanks for being kind about me missing the closing brace.

That resolved the ''error on page" message.

If I right click and choose properties on the softwarecommitments href,
should I see the updated url or the original?

I am seeing the original.

When I click on it, I go to the original

http://www.softwarecommitments.com
rather than

http://localhost:12060/Integrated4.aspx?url=http://www.softwarecommitments.com

I noticed I had an extra " in the A href which I fixed.

Below is what I am testing.
Thanks again,
-Tom

Expand|Select|Wrap|Line Numbers

 
<html>
 
<body>
 
<script language="JavaScript"><!--

function updateLinks() {

 var links = document.getElementsByTagName("A");

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

   var curlink = links[i].getAttribute("href");

   links[i].setAttribute("href", "http://localhost:12060/Integrated4.aspx?url="+curlink);

}

}

//--></script>
 
<A href="http://www.softwarecommitments.com">softwarecommitments</A>  
 
</body>
 
</html>

May 21 '07 #5

iam_clint

1,208

Expert 1GB

Hi you forgot your onload this time.

Expand|Select|Wrap|Line Numbers

<body onload="updateLinks()">

Man your having a lot of problems :P just kidding let me know if you got it now.

May 21 '07 #6

MrTom

Hi Clint,

That's it!

This is a huge improvement for our UI for our demo on Wednesday.

I'm a hero because of your help.

Thank you so much!
-Tom

May 21 '07 #7

by: Shapper | last post by:

Hello, I am working on an ASP.NET/VB web site. I have several links including menu links. Considerer a want to load a page named page.aspx. I can do it using javascript. Or using this code:...

ASP.NET

Javascript error message using <meta> tags

by: Taras_96 | last post by:

Hi everyone, We' ve come to the conclusion that we wish the user to be directed to an error page if javascript is disabled <enter comment about how a webpage shouldn't rely on javascript here :)...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

javascript to either redirect or update all url's on a page?

Similar topics