Geek Answers Handbook

Add the link that appears in the textarea field

Is there a way that a user can enter a URL into a text box, and does the link really display and work like a hyperlink?

For instance:

<textarea name="Miscell" cols="110" rows="5" wrap="Virtual" class="noborder"> 
          blah blah blah= 
          <a href="http://www.googel.com/">Google</a> 
          blah blah blah
</textarea>

Link not showing: what can I do?

I am not creating this site: I am just trying to change it with Firebug.

+5
source share
4 answers

You cannot place an Active Link in a text area. The text area is intended to display only text content. Instead, you can use a div and use some css make div as a text area.

For example: (Not my code)

    <style type="text/css">
#box {
width: 400px;
margin: 0 auto;
overflow: auto;
border: 1px solid #0f0;
padding: 2px;
text-align: justify;
background: transparent;
}
</style>

HTML...
<body>

<div id="box">
<h4>My Links</h4>
<a href=">• Paragraph One Here.</p><p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p>
</div>
+5
source

Use the DIV as follows:

<div id="box">
<h4>My Links</h4>
<p><a href="URL" title="Description">Text Description</a></p>
<p><a href="URL" title="Description">Text Description</a></p>
</div>

, script div

<script type="text/javascript">
document.getElementById("box").contentEditable='true'; 
</script>

jQuery, , u script, $(document).ready();. div . , . - ff.

div , , , . CSS, .

+5

, , RTF, niceditor, JS- HTML.

+1

Rich Text, http://www.tinymce.com/

0
source

More articles:


All Articles