Ajuda em Formulario de postagem
+3
Sennior
RafaelS.
Mauricio Molina
7 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Ajuda em Formulario de postagem
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.
Sem ativação:
Com ativação:
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!
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:
- 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]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]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]Fauna:[/b] '+jQuery('#15').val()+'\n\n[b]Flora:[/b] '+jQuery('#16').val()+'\n\n[b]Injeção de CO2:[/b] '+jQuery('#24').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[img]'+jQuery('#imgtutorialform').val()+'[/img]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 2:[/b][/i][/font][/color][/size]\n\n[img]'+jQuery('#imgtutorialform2').val()+'[/img]\n\n[size=16][color=#660099][font=Comic Sans MS][i][b]Imagem 3:[/b][/i][/font][/color][/size]\n\n[img]'+jQuery('#imgtutorialform3').val()+'[/img]\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>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="21"><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>Imagens do Peixe:</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>Imagens do Peixe:</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>Imagens do Peixe:</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/>
<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>
Sem ativação:
Com ativação:
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!
Re: Ajuda em Formulario de postagem
Alguém por favor?
Formulário atualizado:
Formulário atualizado:
- Spoiler:
- 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]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>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>Imagens do Peixe:</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>Imagens do Peixe:</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>Imagens do Peixe:</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, 1 minuto.<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>
Re: Ajuda em Formulario de postagem
Olá amigo!
Quando não utilizar o campo, quer que apareça o quê no lugar de undefined?
Abraços.
Quando não utilizar o campo, quer que apareça o quê no lugar de undefined?
Abraços.
Re: Ajuda em Formulario de postagem
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?
Re: Ajuda em Formulario de postagem
Alguém por favor?
Re: Ajuda em Formulario de postagem
Alguém por favor?
Código atualizado:
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>
Re: Ajuda em Formulario de postagem
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
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
Re: Ajuda em Formulario de postagem
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!
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!
Re: Ajuda em Formulario de postagem
Olá, tente este, veja se resulta:
Até mais!
- 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>
Até mais!
Re: Ajuda em Formulario de postagem
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...
Obrigado!
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...
Obrigado!
Re: Ajuda em Formulario de postagem
Up alguém?
Re: Ajuda em Formulario de postagem
Saudações,
Você está usando um código [youtube]Código do vídeo[/youtube]
Ou não?
Até,
Você está usando um código [youtube]Código do vídeo[/youtube]
Ou não?
Até,
Re: Ajuda em Formulario de postagem
Vughis escreveu:Saudações,
Você está usando um código [youtube]Código do vídeo[/youtube]
Ou não?
Até,
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.
Re: Ajuda em Formulario de postagem
Olá, ainda na parte de remover o undefined, tente este código:
Se der certo, vamos pra parte de youtube.
- 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.
Re: Ajuda em Formulario de postagem
Infelizmente ainda não deu certo...
Continua aparecendo "undefined".
Continua aparecendo "undefined".
Re: Ajuda em Formulario de postagem
Olá amigo!
Finalmente consegui algo!
Troque o seu formulário por este:
Crie um código JavaScript com investimento nos tópicos:
Até mais
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
Re: Ajuda em Formulario de postagem
Agora sim amigo...
Podemos prosseguir com o link do video para aparecer no tópico de forma automática?
Ao invés de aparecer apenas o link quando colocado no campo, quero que apareça o video, entende?
Obrigado por enquanto...
Podemos prosseguir com o link do video para aparecer no tópico de forma automática?
Ao invés de aparecer apenas o link quando colocado no campo, quero que apareça o video, entende?
Obrigado por enquanto...
Re: Ajuda em Formulario de postagem
Saudações!
Troque o código HTML por este:
Até mais!
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!
Re: Ajuda em Formulario de postagem
Não aparece nem o link quando posto...
Re: Ajuda em Formulario de postagem
Olá amigo!
Troque o código por este:
Lembre-se! O sistema de BBCode do youtube funciona assim
Logo se o link for assim: https://www.youtube.com/watch?v=0tt00tt0
Você apenas escreve no campo a parte que eu marquei como negrito.
Abraços
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
Você apenas escreve no campo a parte que eu marquei como negrito.
Abraços
Re: Ajuda em Formulario de postagem
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?
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?
Re: Ajuda em Formulario de postagem
Olá amigo!
Infelizmente não compreendi o que quis dizer, poderia me explicar detalhadamente?
Obrigado e desculpe
Atenciosamente.
Infelizmente não compreendi o que quis dizer, poderia me explicar detalhadamente?
Obrigado e desculpe
Atenciosamente.
Re: Ajuda em Formulario de postagem
Olá amigo!
Tente usar este código:
Atenciosamente.
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("&");
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.
Re: Ajuda em Formulario de postagem
Não funcionou amigo...
Re: Ajuda em Formulario de postagem
Olá amigo!
Tente este código:
Atenciosamente.
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("&");
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>
Atenciosamente.
Re: Ajuda em Formulario de postagem
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. |
Tópicos semelhantes
» Formulário de Postagem
» Formulário de postagem
» Formulário de Postagem
» Formulário de postagem
» Formulário de postagem
» Formulário de postagem
» Formulário de Postagem
» Formulário de postagem
» Formulário de postagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos