[HTML] Texte mittels Klick

m3x

Ensign
Registriert
Aug. 2005
Beiträge
218
Hab auf einer HTML seite einen Textbereich.. Neben dran sind kleine Bilder.. Wenn ich jetzt ein Bild anklick möcht ich das in dem Textfeld ein Texteingefügt wird...
(Also wie die Smilies hier im Forum).

THX, m3x
 
Mit reinem HTML wird das nicht gehen. Aber sicherlich mit javascript. Wenn bis Morgen noch keiner was genaueres geantwortet habe mache ich mir noch mal mehr Gedanken. Jetzt muss ich aber erstmal weg ;)
 
Code:
<textarea name="text" id="text">

</textarea>
<img src="hallo.jpg" onclick="document.getElementById('text').firstChild.nodeValue='Hallo angeklickt';">
<img src="ciao.jpg" onclick="document.getElementById('text').firstChild.nodeValue='Ciao angeklickt';">

Das ist mittels Javascript.
Habe das nicht geprüft und nur eben hingeblättert, muss jetzt leider weg.
 
HTML:
<script type="text/javascript">
<!--
	function add(id, text) {
		var itm = document.getElementById(id);
		if(itm) {
			var currentMessage = itm.innerHTML;
			var newMessage = currentMessage+text;
			itm.innerHTML = newMessage;
		}
	}
//-->
</script>

<textarea id="text">

</textarea>

<img src="button1.jpg" onclick="add('text', 'Hello ')">
<img src="button2.jpg" onclick="add('text', 'World! ')">
Dürfte selbsterklärend sein.
 
Cool Danke!
 
und wenn der text in ein <input type> soll?
 
HTML:
<script type="text/javascript">
<!--
function add(id, text) {
	var itm = document.getElementById(id);
	
	if(itm) {
		if(itm.type == 'textarea') {
			var currentMessage = itm.innerHTML; 
			var newMessage = currentMessage+text; 
			itm.innerHTML = newMessage;			
		}

		if(itm.type == 'text') {
			var currentMessage = itm.value; 
			var newMessage = currentMessage+text; 
			itm.value = newMessage;			
		}

	} 
} 
//--> 
</script> 

<form action="#" method="get">
<textarea id="text"> </textarea>
<input type="text" id="input1" />
</form>
<img src="button1.jpg" onclick="add('text', 'Hello ');"> 
<img src="button2.jpg" onclick="add('input1', 'World! ');">
Zehn Zeichen
 
Zurück
Oben