get href path from <a> attribute and pass to next html page using JavaScript

Question

I have two links:

<div class="holder_content1" id="link" >   
<p> <a href="PDFJS/pdfFile/Tut02_v2-Ans.pdf"  onclick="getPDFpath()">Tut02_v2-Ans</a>        
<p><a href="PDFJS/pdfFile/DA_Chap02_v3.pdf"  onClick="getPDFpath()">DA_Chap02_v3</a>

I need to get link from anchor attribute using Javascript. Here is my javascript function.

function getPDFpath(){
    var path = document.getElementById('link');
    var s = path.getAttribute('a');
    alert(s.href);  
}

Need link after pressing click. Thank you

Consider marking a post as "Answer" if you consider it as your solution. — Rohit
– Rohit, Commented Apr 14, 2013 at 15:48

plalx · Accepted Answer · 2013-04-14 15:48:35Z

1

Pass the link reference to the getPDFpath function.

<a href="PDFJS/pdfFile/DA_Chap02_v3.pdf"  onClick="getPDFpath(this)">DA_Chap02_v3</a>

You can now access the href property of the element.

function getPDFpath(link){
    //navigate to another page by passing the href as the `pdflink` query param.
    location.href = 'my_other_page.html?pdflink=' + encodeURIComponent(link.href);
}

However, you don't have to use any javascript code to do this:

<a href="my_other_page.html?pdflink=PDFJS/pdfFile/DA_Chap02_v3.pdf">DA_Chap02_v3</a>

edited Apr 14, 2013 at 15:48

answered Apr 14, 2013 at 15:15

plalx

43.8k7 gold badges77 silver badges94 bronze badges

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

9 Comments

user2279850 Over a year ago

thank your plalx! and how can i pass the link to another page using cookies?

plalx Over a year ago

@user2279850, Not sure I understand or if you are going in the right direction with cookies. Could you explain why you want to do this?

user2279850 Over a year ago

i want to pass the href path to another page that contain a iframe , and the iframe contain a js file

plalx Over a year ago

@user2279850, do you wish to navigate to that other page at the same time? If that's the case you could simply pass the href as a url parameter.

user2279850 Over a year ago

yes, i need to navigate to other page in fact, i want to pass the href as a var to the iframe JS file which in other page i want to navigate

|

Filip Minx · Accepted Answer · 2013-04-14 15:35:35Z

0

Here are functions to set and get cookies.

function setCookie(key, value, exdays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + exdays);
    value = escape(value) + ((exdays === undefined) ? "" : "; expires=" + exdate.toUTCString());
    document.cookie = key + "=" + value + '; path=/';
}

function getCookie(key) {
    var i, x, y,
        ARRcookies = document.cookie.split(";");

    for (i = 0; i < ARRcookies.length; i++) {
        x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
        y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
        x = x.replace(/^\s+|\s+$/g,"");
        if (x == key) {
            return unescape(y);
        }
    }
}

answered Apr 14, 2013 at 15:35

Filip Minx

2,4882 gold badges19 silver badges33 bronze badges

Collectives™ on Stack Overflow

get href path from <a> attribute and pass to next html page using 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