Al click di un bottone scrivere in una textarea

**titto96** · 21-02-2012, 17:51

Salve vorrei sapere come posso far si che nel mio sito compaia un bottone e al click di quest'ultimo, far scrivere un qualcosa all'interno di una textarea

Grazie a tutti e buon pomeriggio

**Vincent.Zeno** · 21-02-2012, 17:53

basta un po' di javascript...

ssviiiissshhh teletrasporto!

**titto96** · 21-02-2012, 17:57

il fatto è che sono alle prime armi con l'html... e a 0 con il java

P.s forse la sezione più adatta era l'html

**br1** · 21-02-2012, 18:11

Originariamente inviato da titto96
il fatto è che sono alle prime armi con l'html... e a 0 con il java

P.s forse la sezione più adatta era l'html

Ma se sei a 0 quali elementi hai per valutare?

<button onclick="document.nomedelform.nomedellatextarea.va lue='qualcosa'">clicca</button>

ciao

**titto96** · 21-02-2012, 18:20

Grazie

Ma come faccio ad aggiungerlo alla fine della textarea?

es. Scrivo ciao nella textarea e poi vorrei che ci fosse scritto ciò che io faccio scrivere al bottone

Un'altra cosa... perchè quando premo il bottone mi ricarica la pagina?

**br1** · 21-02-2012, 18:39

Ma secondo te noi, senza vedere dove l'hai messo e cos'altro contiene la tua pagina, come facciamo ad indovinare cosa non va?

E poi mi traduci questo: "Scrivo ciao nella textarea e poi vorrei che ci fosse scritto ciò che io faccio scrivere al bottone" ???

**carlomarx** · 21-02-2012, 18:49

Boh, è difficile capire cosa vuoi... Prova un po' questo codice già pronto e dì un po' se è quello che cerchi...

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MDC Example</title>
<script type="text/javascript">
	function insertMetachars(sStartTag, sEndTag) {
		var bDouble = arguments.length > 1, oMsgInput = document.myForm.myTxtArea, nSelStart = oMsgInput.selectionStart, nSelEnd = oMsgInput.selectionEnd, sOldText = oMsgInput.value;
		oMsgInput.value = sOldText.substring(0, nSelStart) + (bDouble ? sStartTag + sOldText.substring(nSelStart, nSelEnd) + sEndTag : sStartTag) + sOldText.substring(nSelEnd);
		oMsgInput.setSelectionRange(bDouble || nSelStart === nSelEnd ? nSelStart + sStartTag.length : nSelStart, (bDouble ? nSelEnd : nSelStart) + sStartTag.length);
		oMsgInput.focus();
	}
</script>
<style type="text/css">
	.intLink {
		cursor: pointer;
		text-decoration: underline;
		color: #0000ff;
	}
</style>
</head>

<body>

<form name="myForm">


[<span class="intLink" onclick="insertMetachars('&lt;strong&gt;','&lt;\/strong&gt;');">Bold</span> | <span class="intLink" onclick="insertMetachars('&lt;em&gt;','&lt;\/em&gt;');">Italic</span> | <span class="intLink" onclick="var newURL=prompt('Enter the full URL for the link');if(newURL){insertMetachars('&lt;a href=\u0022'+newURL+'\u0022&gt;','&lt;\/a&gt;');}else{document.myForm.myTxtArea.focus();}">URL</span> | <span class="intLink" onclick="insertMetachars('\n&lt;code&gt;\n','\n&lt;\/code&gt;\n');">code</span> | <span class="intLink" onclick="insertMetachars(' :-)');">smile</span> | etc. etc.]</p>


<textarea rows="10" cols="50" name="myTxtArea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, arcu vitae adipiscing placerat, nisl lectus accumsan nisi, vitae iaculis sem neque vel lectus. Praesent tristique commodo lorem quis fringilla. Sed ac tellus eros. Sed consectetur eleifend felis vitae luctus. Praesent sagittis, est eget bibendum tincidunt, ligula diam tincidunt augue, a fermentum odio velit eget mi. Phasellus mattis, elit id fringilla semper, orci magna cursus ligula, non venenatis lacus augue sit amet dui. Pellentesque lacinia odio id nisi pulvinar commodo tempus at odio. Ut consectetur eros porttitor nunc mollis ultrices. Aenean porttitor, purus sollicitudin viverra auctor, neque erat blandit sapien, sit amet tincidunt massa mi ac nibh. Proin nibh sem, bibendum ut placerat nec, cursus et lacus. Phasellus vel augue turpis. Nunc eu mauris eu leo blandit mollis interdum eget lorem. </textarea></p>
</form>

</body>
</html>

Discussione: Al click di un bottone scrivere in una textarea

Strumenti discussione

Ricerca discussione

Visualizza

Al click di un bottone scrivere in una textarea

Permessi di invio