Home Page
Articoli
Tips & Tricks
News
Forum
Archivio Forum
Blogs
Sondaggi
Rss
Video
Utenti
Chi Siamo
Contattaci
Username:
Password:
Login
Registrati ora!
Recupera Password
Home Page
Stanze Forum
HTML, Javascript, CSS, DHTML, XHTML
Iframe da problema di invio
domenica 23 marzo 2008 - 11.17
Elenco Threads
Stanze Forum
Aggiungi ai Preferiti
Cerca nel forum
xpWin
Profilo
| Newbie
21
messaggi | Data Invio:
dom 23 mar 2008 - 11:17
Quasi funziona, parte ma mi mette a video la parola "Invia" sia che scrivo parole o nò
<body onload="load()">
<form method="post" action="ins.php" id="mioform" onkeyup="highlight(event)" onsubmit="return (xxxGuest1() && controlla() && pulisciCodice())">
Campo 1
Campo 2
Canpo 3
<!-- inizio codice iframe -->
Bottone B
Bottone U
Bottone I
<iframe src="" name="messaggio" id="editArea" frameborder="0" scrolling="auto"></iframe>
<input type="submit" name="messaggio" value="Invia" />
Wamba
Profilo
| Expert
722
messaggi | Data Invio:
mar 25 mar 2008 - 09:45
Ciao,
non ho capito bene il tuo problema.
Ti scrive la parola "invia" perchè è il valore di un button senza testo. Dovrebbe farlo in automatico il browser. Cosa stai cercando di fare?
-----------------------------------------------------------
Solo chi ha il Caos dentro può generare una stella danzante
Wamba
http://blogs.ugidotnet.org/WamBlog/
http://www.intellimaker.com
xpWin
Profilo
| Newbie
21
messaggi | Data Invio:
mar 25 mar 2008 - 09:57
Sto tentando da giorni di far funzionare questo form con l'iframe, con il textarea andava tutto
http://www.photoman.altervista.org/guestbook/form.php
Pag:
<form method="post" action="ins.php" id="mioform" onkeyup="highlight(event)" onsubmit="return (xxxGuest1() && controlla() && pulisciCodice())">
<input type="hidden" name="codicePulito"/>
<fieldset>
<div id="headerFormGuest">Photoman's Guestbook</div>
<div class="linea">
<label class="nomi">Tuo NOME <span class="asterisco">*</span></label>
<input name="nome" value="" size="30" type="text" maxlength="15" onblur="this.value=this.value.replace(/\s*$|^\s*/,'')" /> <!-- E' il Trim di js (onblur rimuove subito in modo visibile spazi prima e alla fine -->
<img src="../faccine/cxonfuso.gif" alt="Confuso" title="Confuso" onclick="document.forms.mioform.messaggio.value+='Cxonfuso';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/ixmpossibile.gif" alt="Impossibile" title="Impossibile" onclick="document.forms.mioform.messaggio.value+='Ixmpossibile';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/txestardo.gif" alt="Testardo" title="Testardo" onclick="document.forms.mioform.messaggio.value+='Txestardo';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
</div>
<div class="linea">
<label class="nomi">Tua EMAIL</label>
<input name="email" value="" size="30" type="text" maxlength="30" onblur="this.value=ignoreSpaces(this.value)" /> <!-- Rimuove tutti gli spazi (attacca le parole) -->
<img src="../faccine/pxiange.gif" alt="Piange" title="Piange" onclick="document.forms.mioform.messaggio.value+='Pxiange';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/bxacio.gif" alt="Bacio" title="Bacio" onclick="document.forms.mioform.messaggio.value+='Bxacio';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/fxelice.gif" alt="Felice" title="Felice" onclick="document.forms.mioform.messaggio.value+='Fxelice';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
</div>
<div class="linea">
<label class="nomi">Tuo SITO</label>
<input name="url" value="" size="30" type="text" maxlength="100" onblur="this.value=ignoreSpaces(this.value)" />
<img src="../faccine/rxide.gif" alt="Ride" title="Ride" onclick="document.forms.mioform.messaggio.value+='Rxide';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/oxcchiolino.gif" alt="Occhiolino" title="Occhiolino" onclick="document.forms.mioform.messaggio.value+='Oxcchiolino';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
<img src="../faccine/cxiao.gif" alt="Ciao" title="Ciao" onclick="document.forms.mioform.messaggio.value+='Cxiao';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
</div>
<div class="linea">
<label class="nomi">Tua CITTA'</label>
<input name="citta" value="" size="30" type="text" maxlength="15" onblur="this.value=this.value.replace(/\s*$|^\s*/,'')" />
</div>
<div class="linea">
<div class="formattazione">
<div id="bottoneB">
<a href="javascript:void(0)" onclick="applicaComando('bold')">B</a>
</div>
<div id="bottoneI">
<a href="javascript:void(0)" onclick="applicaComando('italic')">I</a>
</div>
<div id="bottoneU">
<a href="javascript:void(0)" onclick="applicaComando('underline')">U</a>
</div>
<select onchange="applicaComando('forecolor',this.options[this.selectedIndex].value)">
<option>Colore</option>
<option value="#000080" class="predef-color">Predefinito</option>
<option value="red" class="rosso-color">red</option>
<option value="green" class="verde-color">green</option>
<option value="gray" class="grigio-color">gray</option>
<option value="black" class="nero-color">black</option>
</select>
</div> <!-- formattazione -->
<label class="nomi">MESSAGGIO <span class="asterisco">*</span>
<br />
</label>
<iframe src="" name="messaggio" id="editArea" frameborder="0" scrolling="auto"></iframe>
<img src="../faccine/pxaura.gif" alt="Paura" title="Paura" onclick="document.forms.mioform.messaggio.value+='Pxaura';document.forms.mioform.messaggio.focus()" style="cursor:pointer" />
</div> <!-- linea -->
</fieldset>
<div id="footer-sx">
<span class="asterisco">* </span><span class="campiObb">Campi obbligatori</span>
</div>
<div id="footer-ct">
<input type="submit" name="messaggio" value="Invia" class="manina-guest" />
</div>
<div id="footer-dx">
<span class="red">Scrivi il codice</span>
<br />
<input type="text" name="validator" id="validator" />
<script type="text/javascript">Captca();</script>
</div> <!--footer-dx -->
</form>
</div> <!--formContainer-->
<div id="DXform"></div> <!--DXform-->
</div> <!--containerBig-->
Parte del php:
$nome = htmlentities(stripslashes(trim($_POST['nome'])));
$email = $_POST['email'];
$url = $_POST['url'];
$citta = htmlentities(stripslashes(trim($_POST['citta'])));
$ip=$_SERVER['REMOTE_ADDR'];
$messaggio = htmlentities(stripslashes(trim($_POST['messaggio'])));
e qui il codice che formatta:
//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,"<br/>");
contenuto = contenuto.replace(/(<p\>)(.*)(<\/p\>)/gi,"<p>$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</ul>");
contenuto = contenuto.replace(/(<li\>)(.*)(<\/li\>)/gi,"<li>$2</li>");
//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;
}
Wamba
Profilo
| Expert
722
messaggi | Data Invio:
mar 25 mar 2008 - 10:03
Scusami, ma non ho il tempo di leggermi tutto questo codice.
Chiedevo perchè volevi che il pulsante non contenesse testo. Se volessi renderlo invisibile ci sono metodi migliori.
-----------------------------------------------------------
Solo chi ha il Caos dentro può generare una stella danzante
Wamba
http://blogs.ugidotnet.org/WamBlog/
http://www.intellimaker.com
Torna su
Stanze Forum
Elenco Threads
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?
Dopo esserti registrato potrai chiedere
aiuto sul nostro
Forum
oppure aiutare gli altri
Consulta le
Stanze
disponibili.
Registrati ora !