Member Avatar for cjay175

Hi there all,

I want to grab information from an url with anchors and I suppose this can't be done with php, as ive been told and that it would have to be done with javascript.

I am wondering if anyone knows the code to grab the url and anchor inside the url and paste it to a textbox?

Ie. www.mysite.com/#a_id=joe&b_id=11111

Then to paste this url when someone goes to it into a textbox along with the anchor parameters.

  • 3 Contributors
  • 6 Replies
  • 463 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by cjay175
Member Avatar for Luckychap

anchor tag looks like this:

<a id="anchor_1" href="www.mysite.com/#a_id=joe&amp;b_id=11111" >click to visit (something like this)</a>

now to get the href property (url) you need a reference to anchor tag. That can be done in javascript like this:-

var anchor1 = document.getElementById('anchor_1');
var url = anchor1.href;

here url is the href property of anchor tag with id = 'anchor_1'

If you want to get url and paste it in textbox when someone goes over any anchor here is simple code:

<html>
	<head>
	</head>
	<title>Test</title>
	
	<script>
		function pastUrl(aElement) {
			var url = aElement.href;
			var textBox = document.getElementById('urlText');
			textBox.value = url;
		}
	</script>
	<body>
		<a href='http://www.google.com' onmouseover='pastUrl(this)'>Google</a> <br>
		<a href='http://www.google.com/search?hl=en&q=anchor&btnG=Search&meta=&aq=f&oq=' onmouseover='pastUrl(this)'>Google with params</a><br>
		<a href='http://www.yahoo.com' onmouseover='pastUrl(this)'>Yahoo</a><br>
		
		<input type='text' id='urlText' style='width:400px;'/>
	</body>
</html>
Member Avatar for ShawnCplus

Well you could do it either in PHP and Javascript or just Javascript. In PHP you would use $_SERVER['REQUEST_URI'] to get the request URI (who'd a thunk it?) and then give that to javascript to "paste" into the textbox. In purely Javascript you could use window.location.href as the value to put into the textbox.

Member Avatar for cjay175

Hey,

Thanks for the reply, I will try the code from luckychap see if I can get it working.

Here's what I tried first with php.

<input type="text" name="t3" id="t3" value="<?php $url="http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; echo $url; ?>" />

It only grabs upto the # and then doesnt get anything after that. I will try with javascript and see how it goes

thanks

Member Avatar for cjay175

Hi again,


I decided to use windows.location as I have no control on what information I can put in the links themselves.

<script type="text/javascript">
	  var currentURL = window.location;
( currentURL.href );
( currentURL.hash );

</script>

This is the code im messing with, I know nothing about javascript be the way, but how would I get the 2 elements "href" and "hash" to pass into a textbox?
How and where would I put an id to match with a textbox, so it is autofilled when the page loads?

Thanks

Member Avatar for Luckychap

How and where would I put an id to match with a textbox, so it is autofilled when the page loads?

You can put this code on page load:

<body onload="pasteUrl();">

As mentioned in my previous post:

function pasteUrl() {
    url = window.location;
    var textBox = document.getElementById('urlText');
    textBox.value = "href: " + ( url .href ) + "  hash: " + ( url .hash );
}
Member Avatar for cjay175

Hi,

Thanks luckychap, works perfectly. Sorry i didnt get it the first time round', but i need "javascript for dummies" - thanks a lot for the help.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.