Ajuda em Formulario de postagem

+3
Sennior
RafaelS.
Mauricio Molina
7 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 12.05.15 14:52

Ola,

Criei este formulário de postagem, onde tem um campo especifico onde o membro só vai ativar quando for necessário, seria o campo de video.

Spoiler:


Sem ativação:

Ajuda em Formulario de postagem Video_1

Com ativação:

Ajuda em Formulario de postagem Video_2

Quando se ativa o campo e escreve algo gera normalmente no tópico, porem quando não ativa o campo, escreve "UNDEFINED" no tópico.

Alguém pode me ajudar?

Obrigado!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 14.05.15 23:46

Alguém por favor?

Formulário atualizado:

Spoiler:
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 15.05.15 20:41

Olá amigo!

Quando não utilizar o campo, quer que apareça o quê no lugar de undefined?

Abraços.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 15.05.15 21:54

iChees escreveu:Olá amigo!

Quando não utilizar o campo, quer que apareça o quê no lugar de undefined?

Abraços.

Ola,

Que não apareça nada...

E como a maioria dos vídeos são postados no youtube, tem como ao colocar o link do video apareça de forma automática?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 20.05.15 23:57

Alguém por favor?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 22.05.15 14:58

Alguém por favor?

Código atualizado:

Código:
<script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][/tr][/table]\n\n[/center][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário:[/b][/color][/font][/size]\n\n'+jQuery('#ref').val()+'\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Sennior 22.05.15 15:05

Bom dia Mauricio,

Peço perdão quanto a demora ao seu atendimento.
Bem, o senhor deseja que ao não selecionar o campo de vídeo que nada apareça nas mensagens, correto?

Quanto a esta parte: "E como a maioria dos vídeos são postados no youtube, tem como ao colocar o link do video apareça de forma automática?"
Não entendi exatamente o que deseja.

Abraços.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 22.05.15 15:17

Ola, não esquenta, sei o quanto todos são ocupados...

Isso mesmo, ao não selecionar o campo, não aparecer nada no post, como se não existisse o campo para video, somente quando for selecionado.

Sobre os links, para que o video apareça temos que colocar o link entre as tags de video certo, mas muitos membros não sabem fazer isso, então gostaria que o membro apenas colocasse o link normal do video, e ao invés de aparecer somente o link no post, aparecesse direto o video, ou seja, dar um jeito de colocar o link postado entre as tags de video.

Fui mais claro?

Obrigado!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Shaman 22.05.15 15:37

Olá, tente este, veja se resulta:

Código:
<script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][color=#000000][color=#000000][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][color=#000000][/tr][color=#000000][/table][color=#000000]\n\n[/center][color=#000000][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário:[/b][/color][/font][/size]\n\n'+jQuery('#ref').val()+'\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
      
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div><br />
      
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
      
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>

      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
      
        <br/ >  
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
      
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
      
      
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
              
          <br><strong>Adicione o seu vídeo!</strong><br>  
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
      <script>$(function{
     if(jQuery('.button2') == false);
     $(this).hide();
     });</script>
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        </div>
[color=#000000]

Até mais!
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 22.05.15 16:04

Ola,

Não funcionou, continua escrevendo undefined...

E na pré-visualização, não gera todo o conteúdo dentro da caixa de mensagem, caso o membro queira editá-lo...

Ajuda em Formulario de postagem Capturar

Obrigado!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 24.05.15 15:32

Up alguém?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Diapt 24.05.15 15:41

Saudações,
Você está usando um código [youtube]Código do vídeo[/youtube]
Ou não?
Até, Welcome FdF
Diapt

Diapt
***

Membro desde : 24/05/2015
Mensagens : 128
Pontos : 190

http://www.temas.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 24.05.15 18:30

Vughis escreveu:Saudações,
Você está usando um código [youtube]Código do vídeo[/youtube]
Ou não?
Até, Welcome FdF

Por enquanto não esta configurado nada no código, primeiro preciso conseguir que o campo quando não for ativado não apareça no post.
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Shaman 24.05.15 18:46

Olá, ainda na parte de remover o undefined, tente este código:

Código:
<script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][/tr][/table]\n\n[/center][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário:[/b][/color][/font][/size]\n\n'+jQuery('#ref').val()+'\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
      
      <script>$(document).ready(function(){
       if('.button2' === false)
        $('button2').hide();
      });</script>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>

Se der certo, vamos pra parte de youtube.
Shaman

Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 26.05.15 23:36

Infelizmente ainda não deu certo...

Continua aparecendo "undefined".

Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 28.05.15 14:13

Alguém?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 28.05.15 14:36

Olá amigo!

Finalmente consegui algo!

Troque o seu formulário por este:
Código:
<script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][/tr][/table]\n\n[/center][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário: /n [/b][/color]'+jQuery('#ref').val()+'[/font][/size]\n\n\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>

Crie um código JavaScript com investimento nos tópicos:

Código:
$(function() {
  $("span:contains(undefined)").hide();
  });

Até mais Tchau
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 28.05.15 15:44

Agora sim amigo...

Podemos prosseguir com o link do video para aparecer no tópico de forma automática?

Ajuda em Formulario de postagem Capturar

Ao invés de aparecer apenas o link quando colocado no campo, quero que apareça o video, entende?

Obrigado por enquanto...
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 28.05.15 16:27

Saudações!

Troque o código HTML por este:

Código:
<script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][/tr][/table]\n\n[/center][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário: /n [/b][/color][youtube]'+jQuery('#ref').val()+'[/youtube][/font][/size]\n\n\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>

Até mais!
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 28.05.15 16:35

Não aparece nem o link quando posto...
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 28.05.15 17:50

Olá amigo!

Troque o código por este:

Código:
<br /><script>
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][/tr][/table]\n\n[/center][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário:[/b][/color][youtube]'+jQuery('#ref').val()+'[/youtube][/font][/size]\n\n\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }
        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>

Lembre-se! O sistema de BBCode do youtube funciona assim
Código:
[youtube]0tt00tt0[/youtube]
.
Logo se o link for assim: https://www.youtube.com/watch?v=0tt00tt0
Flecha ajudeiros Você apenas escreve no campo a parte que eu marquei como negrito.

Abraços Feliz
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 29.05.15 14:20

Entendi, mas tem alguma maneira de retirar o link que antecede esta parte final que citou?

Nem todos que postar farão isso...

Teria que existir alguma maneira de aparecer de forma automática se exigir alguma coisa de quem posta, entende?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 29.05.15 15:41

Olá amigo!

Infelizmente não compreendi o que quis dizer, poderia me explicar detalhadamente?
Obrigado e desculpe Piscada

Atenciosamente.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por guicoacci 29.05.15 17:08

mt bom
guicoacci

guicoacci
Novo Membro

Membro desde : 29/05/2015
Mensagens : 1
Pontos : 1

http://power-pixel.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por JonasB. 29.05.15 20:55

Olá amigo!

Tente usar este código:
Código:
<script>
   function get(){
      var url = jQuery('#ref').val();
      var dominio = url.split("/");
      if (url.indexOf("?") > 0) {
         query = url.split("?");
         param = query[1].split("&amp;");
         for (i=0; i < param.length; i++) {
            g = param[i].split("=");
            eval("var "+g[0]+"='"+g[1]+"';");
         }
      }
   }
        function gerarf(){
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][color=#000000][color=#000000][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][color=#000000][/tr][color=#000000][/table][color=#000000]\n\n[/center][color=#000000][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário: /n [/b][/color][youtube]'+v+'[/youtube][/font][/size]\n\n\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }

        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
      
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div><br />
      
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
      
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>

      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
      
        <br/ >  
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto;  
            overflow-x: auto;
        display:inline-block;  
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
      
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
      
      
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
              
          <br><strong>Adicione o seu vídeo!</strong><br>  
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
      
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
      
        </p><span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        <div class="fields1">
      
        <div class="panel row2">
      
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
      
        </div>
      
        </div>

Atenciosamente.
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por Mauricio Molina 30.05.15 14:11

Não funcionou amigo...
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por JonasB. 30.05.15 14:12

Olá amigo!

Tente este código:
Código:
<script>
        function gerarf(){
      var url = jQuery('#ref').val();
      var dominio = url.split("/");
      if (url.indexOf("?") > 0) {
        query = url.split("?");
        param = query[1].split("&amp;");
        for (i=0; i < param.length; i++) {
            g = param[i].split("=");
            eval("var "+g[0]+"='"+g[1]+"';");
        }
      }
        jQuery('input[name="message"]').val('\n[center][img]http://2img.net/i/fa/optimisation_fdf/common/medaille.gif[/img]\n\n[size=22][color=#0000ff][font=Comic Sans MS][b]Minha contribuição[/b][/font][/color][/size]\n\n[table class=sucesso][tr][td][b][color=#000000]Descrição:[/b][color=#000000][color=#000000][/color]\n\n[color=#5C4033]'+jQuery('#25').val()+'[/color][/td][color=#000000][/tr][color=#000000][/table][color=#000000]\n\n[/center][color=#000000][font=Comic Sans MS][i][b][size=18][color=#009900]Informações Gerais[/color][/size][/b][/i][/font]\n\n[quote][b]Montagem:[/b] '+jQuery('#41').val()+'\n\n[b]Data da montagem:[/b] '+jQuery('#4').val()+'\n\n[b]Dimensões do aquário:[/b] '+jQuery('#32').val()+'\n\n[b]Volume:[/b] '+jQuery('#5').val()+'\n\n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n\n[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Parâmetros da água[/color][/size][/b][/i][/font]\n\n[quote][b]Usa aquecedor?[/b] '+jQuery('#9').val()+'\n\n[b]Temperatura:[/b] '+jQuery('#10').val()+'\n\n[b]pH:[/b] '+jQuery('#11').val()+'\n\n[b]Amônia:[/b] '+jQuery('#12').val()+'\n\n[b]Nitrito:[/b] '+jQuery('#13').val()+'\n\n[b]KH:[/b] '+jQuery('#14').val()+'\n\n[b]GH:[/b] '+jQuery('#29').val()+'\n\n[/quote]\n\n[font=Comic Sans MS][i][b][size=18][color=#009900]Informações Específicas[/color][/size][/b][/i][/font]\n\n [quote][b]Iluminação:[/b] '+jQuery('#28').val()+'\n\n[b]Fotoperíodo:[/b] '+jQuery('#27').val()+'\n\n[b]Substrato:[/b] '+jQuery('#26').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#40').val()+'\n\n[b]Difusor de CO2:[/b] '+jQuery('#24').val()+'\n\n[b]Níveis de CO2:[/b] '+jQuery('#23').val()+'\n\n[b]Fauna:[/b]\n\n '+jQuery('#15').val()+'\n\n[b]Flora:[/b]\n\n '+jQuery('#16').val()+'\n\n[b]Fertilização:[/b] '+jQuery('#22').val()+'\n\n[b]Qual?[/b]\n\n '+jQuery('#35').val()+'\n\n[b]Mautenção (TPA):[/b]\n\n '+jQuery('#21').val()+'\n\n[/quote]\n\n[b]Imagens a serem usadas:[/b]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 1:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform2').val()+'\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n'+jQuery('#imgtutorialform3').val()+'\n\n[size=16][font=Comic Sans MS][color=#ff0000][b]Vídeo do Aquário: /n [/b][/color][youtube]'+v+'[/youtube][/font][/size]\n\n\n');
jQuery('input[name="subject"]').val(' [Consurso] Minha contribuição ');
        jQuery('input[name="f"]').val('32');
        }

        </script>

        <style>#2.find, #2 {
        position: relative !important;
        top: -5px !important;
        margin-left: 35px !important;
        }
        .fields1 {
        padding: 15px;
        padding-top: 5px;
        background-color: white;
        border: 1x solid #1675BC;
        }
        input, select {
        position: relative;
        margin-left: 55px !important;
        width: 250px;
        }
        </style>
        <form method="post" action="/post" name="post" enctype="multipart/form-data">
     
        <h1 class="page-title">
        Formulário para postagem das mensagens do Concurso.
        </h1>
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
        Sobre o formulário
        </div><br />
        <p style="font-size: 12px;">
        O presente formulário foi criado com o objetivo de padronizar as postagens do concurso deste fórum. Em cada uma das divisões basta descrever o que é pedido. Assim que tudo estiver feito, poderá enviar o tópico, que será postado automaticamente. Caso queira pré-visualizar sua mensagem, basta clicar no botão correspondente "Pré-visualizar". E se caso enviar sua mensagem e mesmo assim precisar editar, basta editá-la no tópico.
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div><br />
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações gerais:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Montagem:</label>Indique se o aquário é marinho ou doce.</span></dt><br /><dd><span class="2"><select class="find " id="41"><option value="Doce">Doce</option><option value="Marinho">Marinho</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Data da montagem:</label>Indique quando montou o aquário..</span></dt><dd><br /><span class="2"><input class="find input" id="4" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Indique: comprimento (cm) x largura (cm) x altura (cm).</span></dt><br /><dd><span class="2"><input class="find input" id="32" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Volume:</label>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!</span></dt><br /><dd><span class="2"><input class="find input" id="5" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Filtro(s):</label>Descreva aqui todos os seus equipamentos de filtragem!</span></dt><br /><dd><span class="2"><input class="find input" id="6" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Mídias filtrantes:</label>Descreva aqui todas as suas mídias filtrantes, ex: perlon, cerâmicas, fvms, etc!</span></dt><br /><dd><span class="2"><input class="find input" id="7" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br /><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Parâmetros da água:
        </h3>
        <br /> <br /><dl class="campos_form"><dt><span class="1"><label>Usa aquecedor?</label>Indique se usa ou não aquecedor.</span></dt><br /><dd><span class="2"><select class="find " id="9"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Temperatura da água:</label> Indique a temperatura em ºC!</span></dt><br /><dd><span class="2"><input class="find input" id="10" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>pH:</label>Descreva aqui a escala numérica do pH!</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Amônia:</label>Descreva a quantidade de amônia em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="12" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Nitrito:</label> Descreva a quantidade de nitrito em ppm</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>KH:</label>Descreva o valor de KH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="14" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
      <dl class="campos_form"><dt><span class="1"><label>GH:</label>Descreva o valor de GH em ºdH</span></dt><br /><dd><span class="2"><input class="find input" id="29" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Informações específicas:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantos Watts tem. </span></dt><br /><dd><span class="2"><input class="find input" id="28" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
      <dl class="campos_form"><dt><span class="1"><label>Fotoperíodo:</label>Descreva o(s) horário(s) que deixa sua iluminação funcionando. </span></dt><br />
<dd><span class="2"><input class="find input" id="27" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Substrato:</label>Descreva qual substrato utiliza. </span></dt><br /><dd><span class="2"><input class="find input" id="26" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Injeção de CO2:</label>Você faz injeção de CO2 no aquário?</span></dt><br /><dd><span class="2"><select class="find " id="40"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Difusor de CO2:</label>Você usa algum difusor para o CO2?</span></dt><br /><dd><span class="2"><select class="find " id="24"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Níveis de CO2:</label>Se usa CO2 descreva os níveis em ppm. </span></dt><br /><dd><span class="2"><input class="find input" id="23" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Fauna:</label>Descreva quais peixes possui no aquário.</span></dt><br /><dd><span class="2"><input class="find input" id="15" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Flora:</label>Descreva todas as plantas que possui no aquário, caso tenha. </span></dt><br /><dd><span class="2"><input class="find input" id="16" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl><br />
<dl class="campos_form"><dt><span class="1"><label>Usa fertilização?</label></span></dt><br /><dd><span class="2"><select class="find " id="22"><option value="Sim">Sim</option><option value=" Não"> Não</option></select></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Qual?</label>Descreva qual tipo utiliza, liquído, pastilha,etc.</span></dt><br /><dd><span class="2"><input class="find input" id="35" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl> <br />
<dl class="campos_form"><dt><span class="1"><label>Manutenção (TPA):</label>Descreva qual sua rotina de manutenção.</span></dt><br /><dd><span class="2"><input class="find input" id="21" "="" style="width: 400px; height: 20px; clear: both;" type="text" /></span></dd></dl>
        </div><br />
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>

     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Imagens do aquário:
        </h3>
        <br/>Para uma melhor demostração, coloque duas imagens focalizadas, e uma imagem de ângulo aberto (frontal).<br/>
     
        <br/ > 
          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform2" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >

          <dl class="campos_form"><dt><span class="1">  <label>Imagem:</label> Coloque a URL da imagem (link direto)!</dt><br/ >
            <dd><input id="imgtutorialform3" class="inputbox" style="clear: both; width: 510px;" value=""><div id="imagemtutorial" style="
            width: 100%;
            height: auto; 
            overflow-x: auto;
        display:inline-block; 
        "><div style="
            float: left;
            margin-right: -30000px;
        padding-left: 10px;
        padding-right: 10px;
        "></dd></dl><br/ >
     
        <dl class="campos_form"><dt><span class="1">  <label>Uploads de imagens:</label> <a href="http://postimage.org/"target="_blank">Postimage</a> - <a href="http://uploaddeimagens.com.br/"target="_blank">Uploaddeimagens</a> - <a href="https://imageshack.com/"target="_blank">Imageshack</a></dl></dt><br/ >
     
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Vídeo:
        </h3>
             
          <br><strong>Adicione o seu vídeo!</strong><br> 
<br/>Este campo é destinado apenas ao concurso, que for necessário introdução de vídeo, portanto apenas ative a opção, caso avisado no tópico com antecedência. <br/ ><br/ >* Tempo  limite de vídeo, mínimo de 1 minuto e máximo de 3 minutos.<br/><br/>
        <dl><dd><input type="button"  value="Adicionar vídeo" class="button2" onclick="if(jQuery(this).val()=='Adicionar vídeo'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://s7.postimg.org/sxe6gvchj/Imagem1.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover vídeo')}else if(jQuery(this).val()=='Remover vídeo'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar vídeo')};return false"></dd></dl>
     
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span>
        <h3 style="font-weight: bold;border-bottom: 4px solid #4682b4;color: #4682b4;text-transform: uppercase;">
        Observações relevantes:
        </h3>
        <br /> <dl class="campos_form"><dt><span class="1"><label>Descreva algo sobre seu aquário: </label></span></dt><br /><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25" onclick="if (this.value == 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!') this.value = '';" onblur="if (this.value == '') this.value = 'Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!';">Descreva o máximo que puder, este campo é muito importante para os membros conhecerem seu aquário!</textarea></span></dd></dl><br />
        </div><br />
        <p>
     
        </p><span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        <div class="fields1">
     
        <div class="panel row2">
     
        <div class="inner">
        <span class="corners-top"><span></span></span> <input name="post" onclick="gerarf();" value="Enviar" type="submit" /><input name="preview" onclick="gerarf();" value="Pré-visualizar" type="submit" /><input name="message" value="Formulário" type="hidden" /><input name="subject" value="Formulário" type="hidden" /><input name="mode" value="reply" type="hidden" /><input name="t" value="5429" type="hidden" /> <span class="corners-bottom"><span></span></span>
        </div>
     
        </div>
     
        </div>
E se puder dizer o que retorna quando a mensagem envia, pode me ajudar a resolver seu problema.

Atenciosamente. Piscada
JonasB.

JonasB.
*****

Membro desde : 30/07/2012
Mensagens : 481
Pontos : 638

http://suportedesign.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda em Formulario de postagem

Mensagem por RafaelS. 06.06.15 0:52

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico:
Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos