inserire del testo tramite javascript in una text area

**theboss280489** · 03-12-2009, 22:22

Salve ragazzi avrei bisogno di javascript per fare una cosa che spero sia semplice.
Penso si utilizzi javascript per questo tipo di problema.
Vi spiego il mio problema.
Ho una textarea e vorrei che alla pressione di un bottone in quest'area venisse inserito un testo prestabilito:
esempio.
Ho un bottone con la scritta BOLD e vorrei che cliccando su questo bottone nella textarea venisse inserito il testo [b]

Penso che l'esempio sia chiaro.
Sapete aiutarmi please?
Grazieee

**Ht28** · 04-12-2009, 11:17

Originariamente inviato da theboss280489
Salve ragazzi avrei bisogno di javascript per fare una cosa che spero sia semplice.
Penso si utilizzi javascript per questo tipo di problema.
Vi spiego il mio problema.
Ho una textarea e vorrei che alla pressione di un bottone in quest'area venisse inserito un testo prestabilito:
esempio.
Ho un bottone con la scritta BOLD e vorrei che cliccando su questo bottone nella textarea venisse inserito il testo [b]

Penso che l'esempio sia chiaro.
Sapete aiutarmi please?
Grazieee

Vorresti una cosa tipo il mio? http://photoman.altervista.org/guestbook/form.php

**theboss280489** · 04-12-2009, 12:13

Si esatto una cosa del genere sarebbe comodissima solo che a me servirebbe anche inserire il tag
per andare a capo

**Ht28** · 04-12-2009, 13:15

Originariamente inviato da theboss280489
Si esatto una cosa del genere sarebbe comodissima solo che a me servirebbe anche inserire il tag
per andare a capo

Questo?

codice:

//nl2br, Quando si preme il tasto-Invio manda a capo in php: nl2br è come il 
 dell' xhtml  
$messaggio = nl2br($messaggio);

**theboss280489** · 06-12-2009, 15:13

ok ma io devo inserirci anche il grassetto.
Come posso fare per inserire i tag?

**Gaglia88** · 06-12-2009, 16:42

Ciao, puoi usare una funzione del genere

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
	<script type="text/javascript" language="javascript">
		/* Parametri: id del textarea, tag da inserire */
    	function add_text(obj_id,tag){
			document.getElementById(obj_id).value = document.getElementById(obj_id).value + '<'+tag+'>' + prompt('Inserisci testo') + '</'+tag+'>';
		}
    </script>
</head>

<body>
    	
        <input type="button" onclick="add_text('txtarea','b')" value="BOLD" />

        <textarea name="txtarea" id="txtarea"></textarea>

    </form>
</body>
</html>

Questo per come lo hai richiesto tu, però io, più che mettere il tag html, userei una cosa tipo BBCode ad esempio questo (la pagina si chiama test.php)

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
	<script type="text/javascript" language="javascript">
		/* Parametri: id del textarea, tag da inserire */
    	function add_text(obj_id,tag){
			document.getElementById(obj_id).value = document.getElementById(obj_id).value + ' ['+tag+']' + prompt('Inserisci testo') + '[/'+tag+'] ';
		}
    </script>
</head>

<body>
	<form action="test.php" method="post">
    	
        <input type="button" onclick="add_text('txtarea','b')" value="B" style="font-weight:bold" />

        <textarea name="txtarea" id="txtarea"></textarea>

        <input type="hidden" value="1" name="sendform" />
        <input type="submit" value="invia" />
    </form>
    <?php
		/* Se il form è stato inviato */
		if(isset($_POST['sendform'])){
			/* Leggo il contenuto del textarea */
			$text = $_POST['txtarea'];
			/* Elimina tag html */
			$text = strip_tags($text);
			/* Aggiungo gli escape */
			$text = addslashes($text);
			/* Aggiunge i br */
			$text = nl2br($text);
			/* Sostituisco i [b] con il tag html, puoi sostituire 'b' con qualsiasi altro tag */
			$text = preg_replace('#\[b\](.*?)\[/b\]#si', '\1', $text);

			/* $text può essere messo nel db */
			
			/* Qui stampo di nuovo text */
			echo stripslashes($text);
		}
	?>
</body>
</html>

**theboss280489** · 17-12-2009, 10:30

Grazie 1000 risolto... si puo chiudere

Discussione: inserire del testo tramite javascript in una text area

Strumenti discussione

Ricerca discussione

Visualizza

inserire del testo tramite javascript in una text area

Re: inserire del testo tramite javascript in una text area

Permessi di invio