Strip URL of JavaScript

Question

I have a URL that contains a lot of JavaScript.

I want to strip the URL of all JavaScript using of course JavaScript!

Here's my HTML

<a id="product_photo_zoom_url" href="javascript:OpenNewWindow('/PhotoDetails.asp?ShowDesc=N&PhotoNumber=3&ProductCode=TCP65GT30', 640, 480); void(0);" title="" rel="lightbox">

Basically I'd like the URL to just look like this:

 <a id="product_photo_zoom_url" href="/PhotoDetails.asp?ShowDesc=N&PhotoNumber=3&ProductCode=TCP65GT30" title="" rel="lightbox">

There are many instances of this so trimming off the first and last ten characters would not be sufficient.

Get Element by ID product_photo_zoom_url would be fine.

Thank you for helping me!

Does the solution need to be in raw js? or are you using other js libraries such as jquery. — Dessus
– Dessus, Commented Jan 5, 2012 at 2:01

Ry- · Accepted Answer · 2012-01-05 03:52:45Z

2

Just get the text between single quotes:

var href = "javascript:OpenNewWindow('/PhotoDetails.asp?ShowDesc=N&PhotoNumber=3&ProductCode=TCP65GT30', 640, 480); void(0);";
var url = /'(.+?)'/.exec(href)[1];

Demo

Also, you shouldn't use mutliple elements with the same id, it's invalid. ids are meant to be unique. You should be using classes instead. If you can, you should change them.

edited Jan 5, 2012 at 3:52

answered Jan 5, 2012 at 2:02

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

henryaaron Over a year ago

How can I make this apply to anchors with the id product_photo_zoom_url?

Dessus Over a year ago

Nice, very lean. You can modify that with JQuery to find all the anchor tags using something like $('a[href^="javascript"]').each(function(){})

Ry- Over a year ago

@user1090389: Since you're using jQuery, try this: jsfiddle.net/minitech/QJQRa/1

user1000131 Over a year ago

Why would you use jQuery for anything but the line 4? You can delete the function, and replace that mess of $().prop...s with this.href=/'(.+?)'/.exec(this.href)[1];.

Ry- Over a year ago

@skier88: Not enough jQuery :) I hate mixing the two anyway, doesn't feel right.

|

score 2 · Accepted Answer · 2012-01-05 02:53:16Z

2

If you just want it to run on the one anchor, you can do this:

var el=document.getElementById('product_photo_zoom_url');
el.href=/'(.*?)'/.exec(el.href)[1];

edited Jan 5, 2012 at 2:53

answered Jan 5, 2012 at 2:15

user1000131

Collectives™ on Stack Overflow

Strip URL of JavaScript

2 Answers 2

9 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related