ciao a tutti...
ho un problema con il compo iframe
ho una pagina con un campo iframe e un pulsante che serve per inserire in un db
il valore del campo iframe ma non riesco a prendere questo valore...
mi potete dare una mano...
io sto avendo difficolta perche di solito non uso i campi iframe ma questa volta sono obbligata.....
grazie a tutti...
cosa intendi per "campo" iframe?
Che io sappia è un tag per l'inclusione di pagine /script esterni. Un frame nella pagina in pratica...non un campo di un form.
:master:
io ho una pagina con il tag iframe e dei pulsanti per la formattazione del testo(bold,....) che inserisco in questa area iframe...
io devo caricare su un db tutto quello che ho scritto nel campo iframe...
come posso fare???
sicura di non sbagliare iframe con textarea?
altrimenti non posso aiutarti perchè per me non ha senso
EDIT: se posti del codice è meglio^^
Ho questo codice preso da un articolo di html.it:
<html>
<head>
<title>Un editor Visuale: Esempio 9, Risultato finale</title>
<script type="text/javascript" language="javascript">
function load(){
AttivaFrame("editArea").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){
if (!document.getElementById("editArea").contentDocum ent){
switch(valCmdStr){
case "h1":
valCmdStr = "heading 1";
break;
case "h2":
valCmdStr = "heading 2";
break;
case "h3":
valCmdStr = "heading 3";
break;
case "p":
valCmdStr = "paragraph";
break;
}
}
AttivaFrame("editArea").execCommand(cmdStr,false,v alCmdStr);
}
function aggiungiLink(){
var linkURL = prompt("Inserisci il link da aggiungere:", "");
AttivaFrame("editArea").execCommand("createLink", false, linkURL);
}
function vediCodice(){
var contenuto = AttivaFrame("editArea").body.innerHTML;
document.getElementById("codice").innerHTML = contenuto.replace(/</g,"<");
}
function pulisciCodice(){
var contenuto = AttivaFrame("editArea").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;
}
</script>
<style type="text/css">
div#pulsantiera {
background: ButtonFace;
width: 402px;
padding: 10px 0;
text-align: center;
}
#editArea {
width: 400px;
border: 1px solid #CCC;
}
#pulsantiera a {
background: ButtonFace;
color: ButtonText;
border: 1px solid ButtonFace;
}
#pulsantiera a.premuto {
background: ButtonHighlight;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
#pulsantiera img {
border: 0;
}
#pulsantiera a:hover {
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
</style>
</head>
<body onload="load()">
<form action="paginalatoserver.xxx" method="POST" id="formEditArea" onsubmit="pulisciCodice()">
<input type="hidden" name="codicePulito"/>
<iframe src="" id="editArea" name="editArea" width="300" frameborder="0"></iframe>
<div id="pulsantiera">
[img]img/corsivo.gif[/img]
[img]img/grassetto.gif[/img]
[img]img/sottolineato.gif[/img]
[img]img/link.gif[/img]
[img]img/allineadestra.gif[/img]
[img]img/allineasinistra.gif[/img]
[img]img/allineacentro.gif[/img]
[img]img/giustifica.gif[/img]
[img]img/listaordinata.gif[/img]
[img]img/lista.gif[/img]
[img]img/copia.gif[/img]
[img]img/incolla.gif[/img]
[img]img/undo.gif[/img]
[img]img/redo.gif[/img]
<select onchange="applicaComando('formatblock',this.option s[this.selectedIndex].value)">
<option>Scegli formato</option>
<option value="h1">Titolo Grande</option>
<option value="h2">Titolo Medio</option>
<option value="h3">Titolo Piccolo</option>
<option value="p">Paragrafo</option>
</select>
<select onchange="applicaComando('forecolor',this.options[this.selectedIndex].value)">
<option>Scegli un colore</option>
<option value="#00FF00">Verde</option>
<option value="#FF0000">Rosso</option>
<option value="#0000FF">Blu</option>
<option value="#000000">Nero</option>
<option value="#990000">Rosso Mattone</option>
</select>
</div>
<input type="submit" value="salva"/>
</form>
</body>
</html>
Ho provato a sostituire l'iframe con la textarea per prendere i dati e memorizzarli su un database ma non riesco ad adattarlo,tutto questo all'interno di uno script php.
sapreste dirmi se è possibile?
Anchio ho lo stesso codice e lo stesso problema, textarea e iframe sono simili ma hanno regole diverse.
Quindi c'è da trovare un'altra soluzione?!?
Permessi di invio
Rispondi quotando