Recuperare testo dentro iframe usato come textarea

**Mutato** · 08-12-2003, 15:43

Ciao, pensavo di utilizzare questo script al posto delle textarea
http://pro.html.it/view_forum.asp?id=357&idcat=11&pag=1

Solo non riesco a capire come recuperare il testo scritto dentro l'iframe e usarlo come variabile.

Qualche idea?

**var** · 08-12-2003, 16:28

uè Mutato, come ti va? ;)
ovviamente hai provato il metodo innerText, vero?

**Xinod** · 08-12-2003, 16:55

nella fattispecie dovrebbe essere

codice:

var contenuto=iFrameDoc.getElementsByTagName('BODY')[0].innerText // solo testo
var contenuto=iFrameDoc.getElementsByTagName('BODY')[0].innerHTML // testo + tag

**shopbazar** · 26-12-2003, 20:37

Scusa ma dove devo inserire

var contenuto=iFrameDoc.getElementsByTagName('BODY')[0].innerHTML // testo + tag

per recuperarlo e per inviarlo ad un database tramite form html?

GRAZIE

**var** · 26-12-2003, 20:49

Originariamente inviato da shopbazar
Scusa ma dove devo inserire

var contenuto=iFrameDoc.getElementsByTagName('BODY')[0].innerHTML // testo + tag

per recuperarlo e per inviarlo ad un database tramite form html?

GRAZIE

fai così:

codice:

function getvalue(f) {
 var contenuto=document.getElementById('idiframe').window.document.getElementsByTagName('BODY')[0].innerHTML;
 f.nomecampo.value=contenuto;
}

e nel form hai:

codice:

<form onSubmit="getvalue(this);">
<input type="hidden" name="nomecampo">

ciao

**Xinod** · 26-12-2003, 20:54

x sicurezza invece dell' hidden conviene una textarea nascosta
<textarea style="display:none" name="nomecampo"></textarea>
e mandare il form, chiaramente, con metodo post

gli hidden hanno un limite massimo di caratteri (255?)

**shopbazar** · 26-12-2003, 21:15

Scusa, ma non capisco bene come fare.

Ti posto il codice, dimmi come integrare quello che mi dici:

GRAZIE

<html>
<head>
<title>editor</title>
<script language="JavaScript">

var bHtmlMode = false;
var str_iFrameDoc = (document.all)? "document.frames(\"Composition\").document\;": "document.getElementById(\"Composition\").contentD ocument\;";
var contenuto;

// Inizializzazione
onload = initialize;
function initialize() {
iFrameDoc = eval(str_iFrameDoc);

iFrameDoc.open();
iFrameDoc.write("<html><body MONOSPACE style='font:10pt arial,sans-serif'></body></html>");
iFrameDoc.close();
iFrameDoc.designMode = "On";

document.getElementById("switchMode").checked = false;

if (!document.all) {
document.getElementById("taglia").style.visibility = "hidden";
document.getElementById("copia").style.visibility = "hidden";
document.getElementById("incolla").style.visibilit y = "hidden";
}
}

// Porta il focus al riquadro di testo
function setFocus() {
if (document.all)
document.frames("Composition").focus();
else
document.getElementById('Composition').contentWind ow.focus()
return;
}

// Controlla se la toolbar è abilitata nella modalità testo
function validateMode() {
if (! bHtmlMode)
return true;
alert("Deselezionare \"Visualizza HTML\" per utilizzare le barre degli strumenti");

setFocus();
return false;
}

// Formatta il testo
function formatC(what,opt) {
if (!validateMode())
return;

iFrameDoc = eval(str_iFrameDoc);
iFrameDoc.execCommand(what,false,opt);

setFocus();
}

//Scambia tra la modalità testo e la modalità HTML.
function setMode(newMode) {
var testo;

bHtmlMode = newMode;

iFrameDoc = eval(str_iFrameDoc);
riquadro = iFrameDoc.body;

if (document.all) {
if (bHtmlMode) {
testo = riquadro.innerHTML;
riquadro.innerText = testo;
} else {
testo = riquadro.innerText;
riquadro.innerHTML = testo;
}

} else if(document.getElementById && document.createTextNode) {
if (bHtmlMode) {
testo = document.createTextNode(riquadro.innerHTML);
riquadro.innerHTML = "";
riquadro.appendChild(testo);
} else {
testo = document.createRange();
testo.selectNodeContents(riquadro);
riquadro.innerHTML = testo.toString();
}
}

setFocus();

}

</script>
</head>

<body bgcolor="#FFFFFF" topmargin="0" marginheight="2">
<form action=../prova_news.php>

<table border=0>
<tr>
<td><u>POS - SLIDER</u></td>
<td>Scegli <select name=posiz><option value=0>1</option>
<option value=1>2</option>
<option value=2>3</option>
<option value=3>4</option>
<option value=4>5</option>
</select></td>
</tr>
<tr>
<td><u>TITOLO - SLIDER</u></td>
<td><input type=text name=title maxlength=20 size=20><input type="hidden" name="nomecampo">
</td>
</tr>
<tr>
<td><u>NOTIZIA - SLIDER</u></td>
<td><input type=text name=notizia maxlength=100 size=100><input type=hidden name=page value=1></td>
</tr>
<tr>
<td><u>TITOLO - NEWS</u></td>
<td><input type=text name=title_news maxlength=100 size=100></td>
</tr>

<hr>
<tr>
<td colspan="2">

NEWS</td>
</tr>
<table border="1" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF" width="100%" class="greyborder" style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td>
<div id="ParaToolbar">
<select id="ParagraphStyle" onchange="formatC('formatBlock',this[this.selectedIndex].value);this.selectedIndex=0">
<option selected>Paragrafo
<option value="<H1>">Titolo 1 <H1>
<option value="<H2>">Titolo 2 <H2>
<option value="<H3>">Titolo 3 <H3>
<option value="<H4>">Titolo 4 <H4>
<option value="<H5>">Titolo 5 <H5>
<option value="<H6>">Titolo 6 <H6>
<option value="<PRE>">Formattato <PRE>
</select>
<select id="FontName" onchange="formatC('fontname',this[this.selectedIndex].value);this.selectedIndex=0">
<option class="heading" selected>Tipo Carattere
<option value="Arial">Arial
<option value="Arial Black">Arial Black
<option value="Arial Narrow">Arial Narrow
<option value="Comic Sans MS">Comic Sans MS
<option value="Courier New">Courier New
<option value="System">System
<option value="Times New Roman">Times New Roman
<option value="Verdana">Verdana
<option value="Wingdings">Wingdings
</select>
<select id="FontSize" onchange="formatC('fontsize',this[this.selectedIndex].value);this.selectedIndex=0">
<option class="heading" selected>Dimensione
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
</select>
<select id="FontColor" onchange="formatC('forecolor',this[this.selectedIndex].value);this.selectedIndex=0">
<option class="heading" selected>Colore Testo
<option value="red">rosso
<option value="blue">blu
<option value="green">verde
<option value="black">nero
</select>
<select id="FontBackColor" onchange="formatC('backcolor',this[this.selectedIndex].value);this.selectedIndex=0">
<option class="heading" selected>Colore Sfondo
<option value="red">rosso
<option value="blue">blu
<option value="green">verde
<option value="black">nero
<option value="yellow">giallo
<option value="">BIANCO
</select>
<hr>
<div id="EditMode">
<input type=checkbox name="switchMode" id="switchMode" onclick="setMode(switchMode.checked)" value="ON">
<font color="#000000">Visualizza HTML | </font>
Rimuovi Formattazione Carattere
</div>
<hr>
</div>

<table>
<tr>
<td>
<div title="Grassetto" onclick="formatC('bold');">
[img]bold.gif[/img]
</div>
</td>
<td>
<div title="Corsivo" onclick="formatC('italic')">
[img]italic.gif[/img]
</div>
</td>
<td>
<div title="Sottolineato" onclick="formatC('underline')">
[img]under.gif[/img]
</div>
</td>
<td>
<div title="Allinea a sinistra" onclick="formatC('justifyleft')">
[img]aleft.gif[/img]
</div>
</td>
<td>
<div title="Centra" onclick="formatC('justifycenter')">
[img]center.gif[/img]
</div>
</td>
<td>
<div title="Allinea a destra" onclick="formatC('justifyright')">
[img]aright.gif[/img]
</div>
</td>
<td>
<div title="Elenco puntato" onclick="formatC('insertorderedlist')">
[img]nlist.gif[/img]
</div>
</td>
<td>
<div title="Elenco numerato" onclick="formatC('insertunorderedlist')">
[img]blist.gif[/img]
</div>
</td>
<td>
<div title="Riduci rientro" onclick="formatC('outdent')">
[img]ileft.gif[/img]
</div>
</td>
<td>
<div title="Aumenta rientro" onclick="formatC('indent')">
[img]iright.gif[/img]
</div>
</td>
<td>
<div id="taglia" title="Taglia" onclick="formatC('cut')">
[img]cut.gif[/img]
</div>
</td>
<td>
<div id="copia" title="Copia" onclick="formatC('copy')">
[img]copy.gif[/img]
</div>
</td>
<td>
<div id="incolla" title="Incolla" onclick="formatC('paste')">
[img]paste.gif[/img]
</div>
</td>
</tr>
</table>

<iframe class="Composition" width="100%" id="Composition" height="190">
</iframe>
</td>
</tr>
</table>
<center>
<input type=submit value="ARCHIVIA NEWS" style="border-style: solid; border-width: 2"></center>
</form>

</body>
</html>

**shopbazar** · 27-12-2003, 15:57

qulacuno mi aiuta?

Discussione: Recuperare testo dentro iframe usato come textarea

Strumenti discussione

Ricerca discussione

Visualizza

Recuperare testo dentro iframe usato come textarea

Permessi di invio