Get a href value using JavaScript and open it new window

Question

What I want to do is to get the value of value and open it in new window with a specific size using JavaScript.

HTML

<a id="LNK" href="##" value="edit2.aspx?ren=<%# Eval("GLR_ID") %>" onclick="clickLink()">RENAME</a>

JavaScript

<script type="text/javascript">
        function clickLink() {
           var myLink = //I need to get the value of `value`
           window.open(myLink,'Rename','height=150px','width=250px');
           return false;
        }
</script>

Please correct my grammar, Thank You.

The <%# tags seem to indicate to me that this involves more than just HTML and Javascript. Off the top of my head, though, I don't actually know what serverside language that is... — Katana314
– Katana314, Commented Aug 30, 2013 at 3:25

Trevor Dixon · Accepted Answer · 2013-08-30 03:27:18Z

2

http://jsfiddle.net/trevordixon/4HE97/

Pass a reference to the anchor to clickLink:

<a id="LNK" href="##" value="edit2.aspx?ren=<%# Eval("GLR_ID") %>" onclick="clickLink(this)">RENAME</a>

Use getAttribute to get the value:

    function clickLink(a) {
       var myLink = a.getAttribute('value');
       window.open(myLink,'Rename','height=150px','width=250px');
       return false;
    }

answered Aug 30, 2013 at 3:27

Trevor Dixon

24.6k13 gold badges77 silver badges114 bronze badges

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

Comments

Carl0s1z · Accepted Answer · 2016-02-26 12:53:03Z

2

document.getElementById("LNK").getAttribute("value");

edited Feb 26, 2016 at 12:53

Carl0s1z

4,7237 gold badges34 silver badges49 bronze badges

answered Aug 30, 2013 at 3:26

aspie

434 bronze badges

Comments

Dipesh Parmar · Accepted Answer · 2013-08-30 03:25:13Z

1

You can get DOM value using getElementByID().value

document.getElementByID('LNK').value

OR

You can pass argument into your onClick function.

onclick="clickLink(this.value)"

and in function.

function clickLink(value) {
var myLink = value;

answered Aug 30, 2013 at 3:25

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

1 Comment

Onel Sarmiento Over a year ago

The window open but no content displayed.

arb · Accepted Answer · 2013-08-30 03:32:21Z

1

Check out this solution:

function clickLink(e) {
  var myLink = e.getAttribute("value");
  window.open(myLink,'Rename','height=150px','width=250px');
  return false;
}

HTML:<a id="LNK" href="##" value="edit2" onclick="clickLink(this)">RENAME</a>

A working example can be found here

answered Aug 30, 2013 at 3:32

arb

7,8847 gold badges35 silver badges67 bronze badges

Comments

Suresh Pattu · Accepted Answer · 2013-08-30 04:10:50Z

1

Try this

 window.clickLink = function(a) {
           var myLink = a.getAttribute('value');
           window.open(myLink,'Rename','height=150px','width=250px');
           return false;
        }

edited Aug 30, 2013 at 4:10

answered Aug 30, 2013 at 3:31

Suresh Pattu

6,28718 gold badges62 silver badges93 bronze badges

Collectives™ on Stack Overflow

Get a href value using JavaScript and open it new window

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related