Input text

JimP · March 9th, 2011, 07:08 AM

Hi,

Is it possible to output the same "text" as hyperlink?

Now, as you see, the word specified - >link< is displayed.

Would like to display the word(s) that is input'ed...possible???

<html>
<head>
<title>Links</title>
<script type="text/javascript">
function CreateLink() {
var str = '';
str += '<a href="http://'+document.getElementById('Text').value+'">link</a>';
document.getElementById('link').innerHTML = str;
}
</script>
</head>
<body>
<input type="text" id="Text" value="http://www." size="21">
<button onclick="CreateLink()">Convert</button>
<br>
<div id="link"></div>

</body>
</html>

Thanks
Jimp

JimP · March 10th, 2011, 03:30 AM

Did not think this was so tricky.....

Imar · March 10th, 2011, 04:36 AM

Maybe it's because your question isn't very clear?

Shouldn't you just concatenate document.getElementById('Text').value at the location of link as well, just as you do with the href part?

Imar

JimP · March 10th, 2011, 05:39 AM

That's great!

Thank you!

<html>
<head>
<title>Links</title>
<script type="text/javascript">
function CreateLink() {
var str = '';
str += '<a href="http://www.'+document.getElementById

('Text').value+'">'+document.getElementById('Text' ).value+'</a>';
document.getElementById('link').innerHTML = str;
}
</script>
</head>
<body>
<input type="text" id="Text" value="" size="21">
<button onclick="CreateLink()">Convert</button>
<br>
<div id="link"></div>

</body>
</html>

JimP · March 10th, 2011, 09:04 AM

One more thing...

Is it very difficylt to display a screenshot of the url?

<html>
<head>
<title>Links</title>
<script type="text/javascript">
function CreateLink() {
var str = '';
str += '<a href="http://'+document.getElementById('Text').value+'">link</a>';
document.getElementById('link').innerHTML = str;
}
</script>
</head>
<body>
<input type="text" id="Text" value="http://www." size="21">
<button onclick="CreateLink()">Convert</button>
<br>
<div id="link"></div>

<img src="" alt="Img" />

</body>
</html>

Thanks...

Imar · March 10th, 2011, 09:36 AM

Creating a real screenhot can be pretty difficult and requires server side code: http://www.google.com/#sclient=psy&h...9cf98ce320b18f

However, you could load the URL in am <iframe> and display it locally...

Imar

JimP · March 11th, 2011, 06:11 AM

Thanks Imar,

The iframe could be ok if there was a zoom properie, but its not.
(To se the hole site in a small 25px x 25px frame)

I like the other suggestion, I'll spend time on that...

Again, thanks...

Br
JimP