Inserting text into a textarea

**Dragonfire2008** · 04-29-2012, 05:24 PM

I currently have this HTMl code...

HTML Code:

<p><a class="insertCode" href="#">&lt;p&gt;&lt;/p&gt;</a> | <a class="insertCode" href="#">&lt;a target=&quot;&quot; href=&quot;&quot;&gt;&lt;/a&gt;</a> | <a class="insertCode" href="#">&lt;h1&gt;&lt;/h1&gt;</a></p>

and this javascript...

HTML Code:

<script language="javascript" type="text/javascript">
	$('a.insertCode').click(function()
		{ 
   var htmltag = $(this).text();
   $('#codeArea').val($('#codeArea').val()+htmltag); 
   return false;
		})
</script>

I am trying to make those links into "buttons" that will insert code into my textarea. So far I have nothing happeneing, even the links still work...

**Dragonfire2008** · 05-07-2012, 04:52 PM

No help?

**xelawho** · 05-07-2012, 08:03 PM

I notice you don't have your script wrapped in the customary document ready function - in this case you need to make sure that your html is coded before your script...

Code:

<body> 
<p><a class="insertCode" href="#">&lt;p&gt;&lt;/p&gt;</a> | <a class="insertCode" href="#">&lt;a target=&quot;&quot; href=&quot;&quot;&gt;&lt;/a&gt;</a> | <a class="insertCode" href="#">&lt;h1&gt;&lt;/h1&gt;</a></p>
 <textarea id="codeArea"></textarea>
<script type="text/javascript">
	$('a.insertCode').click(function()
		{ 
   var htmltag = $(this).text();
   $('#codeArea').val($('#codeArea').val()+htmltag); 
		return false;   
		})
</script>
 </body>

**Dragonfire2008** · 05-07-2012, 10:10 PM

Yeah, this is the way I have it, but no dice.

Even tried this...

HTML Code:

<script type="text/javascript">
		$(function(){
			$('a.insertCode').bind("click",function()
			{ 
   			var htmltag = $(this).text();
   			$('#codeArea').val($('#codeArea').val()+htmltag);  
   			return false;
			});
		});
		</script>

**xelawho** · 05-07-2012, 10:28 PM

the code I posted works for me. must be something else.

**Dragonfire2008** · 05-07-2012, 10:34 PM

Ok I got it to work, for some reason the textarea has to come after the "links", otherwise it won't work...

That's ok, I can work with it, thanks

**xelawho** · 05-07-2012, 10:42 PM

this works for me in IE, FF and Chrome...

Code:

<body> 
<textarea id="codeArea"></textarea>
<p><a class="insertCode" href="#">&lt;p&gt;&lt;/p&gt;</a> | <a class="insertCode" href="#">&lt;a target=&quot;&quot; href=&quot;&quot;&gt;&lt;/a&gt;</a> | <a class="insertCode" href="#">&lt;h1&gt;&lt;/h1&gt;</a></p>
 
<script type="text/javascript">
	$('a.insertCode').click(function()
		{ 
   var htmltag = $(this).text();
   $('#codeArea').val($('#codeArea').val()+htmltag); 
		return false;   
		})
</script>
 </body>

Thread: Inserting text into a textarea

Thread Tools

Display

Hybrid View

Inserting text into a textarea

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions