How can I show url of current page inside a text input for user to copy?

Question

I'm trying to achieve something similar to what youtube has where when you press share button you can actually see url of current page inside some sort of text input and actually copy it etc. How can this be done with jQuery?

http://stackoverflow.com/questions/1034621/get-current-url-with-javascript searching faster than asking — RafH, May 08 '13 at 20:49
He's not asking how to get the current URL (which even makes my answer wrong). He's asking how to get that into some input via jQuery. — Geeky Guy, May 08 '13 at 20:59
@Renan.. This could have helped him.. http://stackoverflow.com/questions/1222316/jquery-javascript-setting-the-attribute-value-of-a-textfield — writeToBhuwan, May 08 '13 at 21:04

Geeky Guy · Accepted Answer · 2013-05-08T21:00:15.057

6

I think window.location.href would suffice.

Edit: as other have said:

$('#inputId').val(window.location);

Kudos for all the other guys who got that right before I did.

edited May 08 '13 at 21:00

answered May 08 '13 at 20:46

Geeky Guy

9,229
4
42
62

Mohammad's answer is more complete than mine. – Geeky Guy May 08 '13 at 20:48

Mohamed Nagy · Answer 2 · 2013-05-08T20:59:52.093

3

To get the path, you can use window.location.href:

var url = window.location.href;
$('#yor_text_id').val(url);

edited May 08 '13 at 20:59

answered May 08 '13 at 20:49

Mohamed Nagy

1,054
1
11
31

score 3 · Answer 3 · answered May 08 '13 at 20:50

3

Simple:

HTML:

<input type="text" />

JavaScript:

$('input').val(window.location.href);

And here it is in action.

answered May 08 '13 at 20:50

War10ck

12,387
7
41
54

Rajender Joshi · Answer 4 · 2013-05-08T20:52:17.070

1

Demo

$("a").click(function() {
  $("input").val(window.location.href);
});

edited May 08 '13 at 20:52

answered May 08 '13 at 20:46

Rajender Joshi

4,155
1
23
39

1

I think he wants the full URL, not the relative one. – Geeky Guy May 08 '13 at 20:47

score 1 · Answer 5 · answered May 08 '13 at 20:47

1

$("#YourTextInputID").val(window.location.href);

answered May 08 '13 at 20:47

Adil Shaikh

44,509
17
89
111

this inserts page url inside #YourTextInputId correct? Or do I need to use window.location.href ? – Ilja May 08 '13 at 20:49

writeToBhuwan · Answer 6 · 2013-05-08T20:56:49.360

1

$("#input").val(window.location);

The jQuery way, though not needed.

$('input').val($(window).attr('location'));

edited May 08 '13 at 20:56

answered May 08 '13 at 20:48

writeToBhuwan

3,233
11
39
67

That returns an object, not a string. – Geeky Guy May 08 '13 at 20:49
@Renan ... an object with a `.toString()` method set to return the href property... – bfavaretto May 08 '13 at 20:49
You're right. My bad. – Geeky Guy May 08 '13 at 20:51

How can I show url of current page inside a text input for user to copy?

6 Answers6