how to echo javascript generated value in href?

Question

This is my javascript code below (Just to get current url)

<html>
<head>
</head>
<body onload="myFunction();">

<p id="myurl"></p>

<script>
function myFunction() {
    document.getElementById("myurl").innerHTML =
    window.location.host;
}
</script>
</body>
</html>

And Now i want to use <p id="myurl"></p> as below:

<a href="https://www.facebook.com/sharer/sharer.php?u=<p id="demo"></p>">Share on Facebook</a> <br>

But as it cant be execured inside href="value"
Is there any way to do that with php or something else?

in u= param you must pass only URL it will not accept any tag — Nishit Maheta
– Nishit Maheta, Commented Mar 16, 2015 at 7:12
What exactly you want? Why you place tag instead of value in get method? Please clear your need first.. — Shahzad Barkati
– Shahzad Barkati, Commented Mar 16, 2015 at 7:16

Harpartap Singh Permar · Accepted Answer · 2015-03-16 07:16:36Z

2

Use this :-

 <a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo $_SERVER['REQUEST_URI']; ?>">Share on Facebook</a> <br>

answered Mar 16, 2015 at 7:16

Harpartap Singh Permar

2892 silver badges13 bronze badges

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

Comments

Maxim Zhukov · Accepted Answer · 2015-03-16 07:23:52Z

0

With pure javascript (default url in href):

<a id="share_url" href="https://www.facebook.com/sharer/sharer.php?u=">Share on Facebook</a>

<script>
    function myFunction() {
        var el = document.getElementById("share_url");
        el.href += window.location.host;
    }
</script>

Demo: http://jsfiddle.net/Lrkjr23o/1/

Other way to create href attribute dynamically:

<a id="share_url">Share on Facebook</a>

<script>
    function myFunction() {
        var el = document.getElementById("share_url");
        el.href = 'https://www.facebook.com/sharer/sharer.php?u=';
        el.href += window.location.host;
    }
</script>

Demo: http://jsfiddle.net/Lrkjr23o/

answered Mar 16, 2015 at 7:23

Maxim Zhukov

10.2k5 gold badges50 silver badges92 bronze badges

Comments

Bikas · Accepted Answer · 2015-03-16 07:21:49Z

0

I'm assuming client only solution is needed here, server can be anything (PHP, ASP, etc.) All you've to do is to modify the href property of anchor tag. You can modify your code as -

var elm = document.getElementById("demo");
var URLBase = elm.getAttribute("href");
var fullURL = URLBase.window.location.host;
elm.setAttribute("href", fullURL);

answered Mar 16, 2015 at 7:21

Bikas

2,76918 silver badges33 bronze badges

Collectives™ on Stack Overflow

how to echo javascript generated value in href?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related