Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17239
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário com preview

17-10-2007 21:46

Esse script abaixo é um script onde o visitante antes de enviar o formulário pode ver um preview dele.

Esse preview é em uma popup, onde por ela o visitante também pode enviar o formulário.

PARTE EM JAVASCRIPT

<script type="text/javascript"> function Preview() { var campo = document.form; var preview = '' +'nome: <b>'+campo.nome.value+'</b><br>' +'email: <b>'+campo.email.value+'</b><br>' +'idade: <b>'+campo.idade.value+'</b><br>' +'<center><input type="button" value="Enviar" onclick="window.opener.form.submit();window.close();">&nbsp;' +'&nbsp;<input type="button" value="Fechar" onclick="window.close();"></center>' abre = window.open("","","height=200, width=200"); abre.document.write(preview) abre.document.close(); } </script>

PARTE EM HTML

<form name="form" action="seudocumento.php" method="POST"> nome: <input type="text" name="nome" value=""> <br> email: <input type="text" name="email" value=""> <br> idade: <input type="text" name="idade" value=""> <br> <input type="button" value="Preview" onclick="Preview()"> <input type="submit" value="Enviar"> </form>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Mensagens: 96
Nome: Júnior
Descrição do site: Voltado para o Desenvolvimentos de Sistemas
Localização: Goiania
Contato:

Formulário com preview

22-01-2009 09:55

Bom dia web vc poderia me ajudar gostei muito deste post esta me ajudando mais eu estou com um pequeno problema eu estou usando em um
formulario o FCKeditor gostaria de saber com oque eu faço para poder visualizar oque esta dentro dele na preview
vc poderia me dar uma ideia

<?php $pathDefault = '../sistema/FCKeditor/'; include($pathDefault."fckeditor.php");   ?>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> function Preview() { var campo = document.frm; var preview = '' +'nome: <b>'+campo.titulo.value+'</b><br>' +'Texto: <b>'+campo.FCKeditor1.value+'</b><br>' //+'idade: <b>'+campo.idade.value+'</b><br>' +'<center><input type="button" value="Enviar" onclick="window.opener.form.submit();window.close();">&nbsp;' +'&nbsp;<input type="button" value="Fechar" onclick="window.close();"></center>' abre = window.open("","","height=200, width=200"); abre.document.write(preview) abre.document.close(); } </script> </head>   <body>    <form action="inserir.php" method="post" enctype="multipart/form-data" name="frm">         <table width="100%" border="0" cellpadding="0" cellspacing="5" class="frm">           <tr>             <td colspan="3" class="titulo_adm"><input name="id" type="hidden" id="id3" value="<? echo $id;?>"></td>           </tr>           <tr>             <td width="10%" class="texto_direito">T&iacute;tulo:</td>             <td width="90%" colspan="2"><input name="titulo" type="text" class="formulario" value="" maxlength="150"style="width:350px">              <span class="texto_justificado">*</span></td>           </tr>           <tr>             <td colspan="3" valign="top" class="label"><?php         $skin = 'office2003';         $sBasePath = $_SERVER['PHP_SELF'];         $sBasePath = substr( $sBasePath, 0, strpos( $sBasePath, "sistema" ) );         $sBasePath = $sBasePath."../sistema/FCKeditor/";         $oFCKeditor = new FCKeditor('FCKeditor1');         $oFCKeditor->BasePath = $sBasePath;         $oFCKeditor->Config['SkinPath'] = $sBasePath . 'editor/skins/' . $skin . '/';         $oFCKeditor->ToolbarSet = 'MyToolBar';         $oFCKeditor->Value = html_entity_decode($noticia->texto);                 $oFCKeditor->Create(); ?></td>           </tr>           <tr>             <td class="texto_direito">Data:</td>             <td colspan="2"><INPUT                        name="data" value="<?php echo date("d/m/Y"); ?>" class=formulario id="data" style="width:120px;" size=32 maxLength=10 readonly="readonly">                   <a href="javascript:void(0);" ><IMG src="../imagem/BotCalendar.gif"                                name=BotDataHora                                width=16                                height=16 border="0" id=BotDataInicial                                style="MARGIN-LEFT: 1px; CURSOR: pointer" title="Selecionar data">                     <SCRIPT>                                                                                                                                                                                                                                                                                                                                                                                                                                                         Calendar.setup(                                                                                                                                                                                                                                                                                                                                                                                                                                                         {                                                                                                                                                                                                                                                                                                                                                                                                                                                                 inputField     :    "data",                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ifFormat       :    "%d/%m/%Y",                                                                                                                                                                                                                                                                                                                                                                                                                                                                 showsTime      :    false,                                                                                                                                                                                                                                                                                                                                                                                                                                                                 button         :    "BotDataInicial",                                                                                                                                                                                                                                                                                                                                                                                                                                                                 singleClick    :    true,                                                                                                                                                                                                                                                                                                                                                                                                                                                                 step           :    1,                                                                                                                                                                                                                                                                                                                                                                                                                                                                 weekNumbers    :    false,                                                                                                                                                                                                                                                                                                                                                                                                                                                                 showsTime       :    false                                                                                                                                                                                                                                                                                                                                                                                                                                                         });                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </SCRIPT>                   </a></td>           </tr>           <tr>             <td colspan="3" align="center"><input name="gravar" type="submit" id="gravar4" value="Gravar Newsletter" class="botao">               <input name="gravar3" type="button" id="gravar34" value="Listar Newsletter" class="botao" onClick="listar('lista_news.php');">               <input name="gravar2" type="button" class="botao" id="gravar"  value="Preview" onclick="Preview()"></td>           </tr>         </table>       </form> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17239
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário com preview

22-01-2009 10:01

Não conheço esse sistema, tem o download do que você usa?
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Mensagens: 96
Nome: Júnior
Descrição do site: Voltado para o Desenvolvimentos de Sistemas
Localização: Goiania
Contato:

Formulário com preview

22-01-2009 10:10

o downloads
http://www.fckeditor.net/download

aguardo resposta
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17239
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário com preview

22-01-2009 10:29

Bem complexo o script, envolve o estudo do script para ver onde ficam armazenados os dados e tal, praticamente é um serviço personalizado adicionar um Preview ai.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17239
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário com preview

22-01-2009 10:40

Dá uma olhada nesse post, pode te dar uma idéia
http://www.codigosnaweb.com/forum/viewt ... f=3&t=1617
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Mensagens: 96
Nome: Júnior
Descrição do site: Voltado para o Desenvolvimentos de Sistemas
Localização: Goiania
Contato:

Formulário com preview

22-01-2009 10:40

bem vc podeira me dar uma ideia de como fazer isso
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17239
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formulário com preview

22-01-2009 10:49

Você tem que estudar o código, eu já mechi em um editor, e ví que o código é gerado em um documento editável, se você achar ele no script, pode pegar o conteúdo.
0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:
 
Mais de 75 postagens
Mais de 75 postagens
Mensagens: 96
Nome: Júnior
Descrição do site: Voltado para o Desenvolvimentos de Sistemas
Localização: Goiania
Contato:

Formulário com preview

22-01-2009 10:53

valeu pela ajuda assim que eu tiver tempo eu estudo o codigo e posto o resultado aqui
0

Quem está online

Usuários navegando neste fórum: Bing [Bot], web