Funzione per iframe da cambiare per textarea

**Braco** · 21-03-2008, 19:33

Mi spiego, ho questo codice che uso per un iframe però questo iframe lo voglio sostituire con un textarea con lo stesso id (text-guest) ma non so cosa cambiare nel codice

VVoVe:

codice:

function load(){
      AttivaFrame("text-guest").designMode = "On";       
    }
function AttivaFrame(iFrameID){
      if (document.getElementById(iFrameID).contentDocument){  
		  //Mozilla
        return document.getElementById(iFrameID).contentDocument;
      } else {
		  //Internet Explorer
        return document.frames[iFrameID].document;
       }
     }
 function applicaComando(cmdStr,valCmdStr){
      AttivaFrame("text-guest").execCommand(cmdStr,false,valCmdStr);
    } 
...

**Braco** · 21-03-2008, 22:26

Originariamente inviato da Xinod
textarea: impossibile
iframe con designMode='on': si'
e' il principio con cui funzionano tutti gli editor wysiwyg in pagina web
e ne esistono vari esempi, dai piu' elementari a completissimi/complessissimi
ciao

Mi intrometto, sto proprio tentando di usare piu' elementari ma l'esempio 10 (l'ultimo) da errore di script e non trovo dove, dov'è sto errore?

**Xinod** · 21-03-2008, 22:50

che errore ti da e con quale browser?
syntax error: void() su firefox?

**Braco** · 22-03-2008, 00:07

Originariamente inviato da Xinod
che errore ti da e con quale browser?
syntax error: void() su firefox?

Si void() su ff.
Con ie7 e ff "linea1 carattere 6 errore di sintassi" http://javascript.html.it/articoli/l...tor-wysiwyg/7/ l'ultimo esempio

**Xinod** · 22-03-2008, 00:26

per il void, o aggiungi uno zero tra le parentesi
href="javascript:void(0)"
o cambi tutto il link in
<a href="#" onclick="applicaComando('italic');return false">...

altri errori non me ne da

ciao

**Braco** · 22-03-2008, 00:31

Originariamente inviato da Xinod
per il void, o aggiungi uno zero tra le parentesi
href="javascript:void(0)"
o cambi tutto il link in
<a href="#" onclick="applicaComando('italic');return false">...

altri errori non me ne da

ciao

Ho messo cosi e non da piu errore href="javascript:void(0)"...

**Braco** · 22-03-2008, 02:12

Però adesso non carica i controlli js

codice:

<form method="post" action="ins.php" id="mioform" onkeyup="highlight(event)" onsubmit="return (xxxGuest1() && controlla() && pulisciCodice())">

...

<iframe src="" name="messaggio" id="editArea" frameborder="0" scrolling="auto" onkeyup="conta(this.form);"></iframe>

e mostra errore quando clicco invia

Linea 13 Carattere 1 "Value è nullo o non è un'oggetto"

ma alla linea 13 non c'è niente

VVoVe:

12 </head>
13
14 <body onload="load()">
...

e questo è il codice richiamato che dovrebbe formattare

codice:

//Formatta il testo con B, I, U e Color
function load(){
AttivaFrame("messaggio").designMode = "On";       
}
function AttivaFrame(iFrameID){
if (document.getElementById(iFrameID).contentDocument){  
//Mozilla Firefox
return document.getElementById(iFrameID).contentDocument;
} 
else {
//Internet Explorer
return document.frames[iFrameID].document;
}
 }
function applicaComando(cmdStr,valCmdStr){
AttivaFrame("messaggio").execCommand(cmdStr,false,valCmdStr);
}
function pulisciCodice(){
var contenuto = AttivaFrame("messaggio").body.innerHTML;
contenuto = contenuto.replace(/<br\>/gi,"
");
contenuto = contenuto.replace(/(<p\>)(.*)(<\/p\>)/gi,"

$2</p>");
contenuto = contenuto.replace(/<\a/gi,"<a");
contenuto = contenuto.replace(/<\/a\>/gi,"</a>");
contenuto = contenuto.replace(/<\div\>/gi,"<div>");
contenuto = contenuto.replace(/<\/div\>/gi,"</div>");
contenuto = contenuto.replace(/(<strong\>)(.*)(<\/strong\>)/gi,"<span style=\"font-style: bold;\">$2</span>");
contenuto = contenuto.replace(/(<ul\>)(.*)(<\/ul\>)/gi,"<ul>$2[/list]");
contenuto = contenuto.replace(/(<li\>)(.*)(<\/li\>)/gi,"[*]$2");
//Internet Explorer	
contenuto = contenuto.replace(/(<font )(color)(=)(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$9</span>"); 
contenuto = contenuto.replace(/(<p )(align)(=)([A-Za-z]*)(>)(.*)(<\/p\>)/gi,"<div style=\"text-align: $4;\">$6</div>");
contenuto = contenuto.replace(/(<em\>)(.*)(<\/em\>)/gi,"<span style=\"font-style: italic;\">$2</span>");
//Opera
contenuto = contenuto.replace(/(<font )(color)(=\")(#?([A-Fa-f0-9]){3}(([A-Fa-f0-9]){3})?)(\")(>)(.*)(<\/font\>)/gi,"<span style=\"$2:$4;\">$10</span>"); 
contenuto = contenuto.replace(/(<div )(align)(=\")([A-Za-z]*)(\")(>)(.*)(<\/div\>)/gi,"<div style=\"text-align:$4;\">$7</div>");		
contenuto = contenuto.replace(/(<i\>)(.*)(<\/i\>)/gi,"<span style=\"font-style: italic;\">$2</span>");
document.getElementById("codicePulito").value = contenuto;	
}

**Xinod** · 22-03-2008, 03:00

questo non ha senso:

codice:

<iframe src="" name="messaggio" id="editArea" frameborder="0" scrolling="auto" onkeyup="conta(this.form);"></iframe>

l' iframe non e' un elemento del form

**Braco** · 22-03-2008, 07:55

Originariamente inviato da Xinod
questo non ha senso:

codice:

<iframe src="" name="messaggio" id="editArea" frameborder="0" scrolling="auto" onkeyup="conta(this.form);"></iframe>

l' iframe non e' un elemento del form

Dove richiamo questo onkeyup="conta(this.form);"?

**Braco** · 22-03-2008, 11:31

Però almeno dovrebbe richiamare i controlli, invece invia subito controlla() è proprio quello importante

codice:

<form method="post" action="ins.php" id="mioform" onkeyup="highlight(event)" onsubmit="return (xxxGuest1() && controlla() && pulisciCodice())">

Discussione: Funzione per iframe da cambiare per textarea

Strumenti discussione

Ricerca discussione

Visualizza

Funzione per iframe da cambiare per textarea

Permessi di invio