Problema con prompt() e value textarea

09-04-2011, 04.47.15

Volevo creare una sorta di editor HTML in cui per ogni tag ( esempio: b , i , u ecc.) c'è una funzione js in cui appare un alert con un input text dove inserire una frase/parola, poi si dava l' ok e nella textarea scelta appariva esempio se si sceglieva italic , nella textarea appariva: <i>Testo/parola inserita nell' alert</i> .. Ho creato questi codici ma non funzionano, dove ho sbagliato?

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>0-c00l editor</title>
<script type="text/javascript">
function italic() {
var text = prompt("Parola:", "Testo o parola da rendere corsivo");
    document.getElementById("editor").value += &lt;i&gt; text &lt;/i&gt;;
}
</script>
</head>
<body>
<button value="I" onclick="italic();" />I</button><br>
<textarea name="editor" id="editor" cols="50" rows="15"></textarea>
</form>
</body>
</html>

EDIT: HO PROVATO ANCHE COSÌ MA NIENTE, SEMBRA NON 'LEGGERE' IL JS:

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>0-c00l editor</title>
<script type="text/javascript">
function italic() {
var text = prompt("Parola:", "Testo o parola da rendere corsivo");
    document.formeditor.editor.value += &lt;i&gt; text &lt;/i&gt;;
}
</script>
</head>
<body>
<form action="" method="post" name="formeditor">
<input type="button" value="I" onclick="italic();" /><br>
<textarea name="editor" id="editor" cols="50" rows="15"></textarea>
</form>
</body>
</html>

09-04-2011, 07.49.33

Stai cercando di passare al campo una stringa e una variabile contemporaneamente. Il tutto senza apici, con un operatore di concatenazione "+=" (al posto del semplice "=") e con un doppio ";" finale. Solo la Microsoft potrebbe creare un browser capace di digerire un codice del genere

Allora, intanto metti un bel charset utf-8 al posto del tuo ISO-8859-1 (non è questo il problema, ma ti evita un sacco di rogne):

Codice:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Poi:

Codice:

  document.getElementById("editor").value = "<i>"+text+"<\/i>";

E ancora:

Codice:

<button value="I" onclick="italic(); return false" />I</button><br>

Altrimenti, a seconda del browser che ti esegue lo script, potresti vedere "submittato" il form.

09-04-2011, 14.41.37

Grazie mille ^^ .. Un' altra cosa, se per esempio faccio quest' operazione appare nella textarea perfettamente, ma se rifaccio click sul button per inserire un altro testo in italic viene sostituito il precedente, sai come fare per far in modo che appaia dopo? Una sorta di "a" o "a+" del php lol

Discussione: Problema con prompt() e value textarea

LinkBack

Strumenti discussione

Display

Problema con prompt() e value textarea

Regole di scrittura