Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Formulario de postagem
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Formulario de postagem
- Descrição:
Ola pessoal...
Consegui criar o formulário de postagem especifico a um subfórum, mas não consigo fazer com que ele gere o tópico corretamente...
Deve ser porque não editei corretamente a parte de envio...
Podem, dar uma analisada para mim?
Obrigado!
- Código:
<style>
.previsu {
background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
border: 1px solid #1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px !important;
}
.previsuimg {
position: relative;
}
.previsuimg div {
position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
}
#addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
.image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
.image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
.image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
.image { width: 300px; }
</style>
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script>
function gerartitulo() {
var tipo = document.getElementById("tipo").value;
switch(tipo) {
case '[Doença] ':
tipob = 'Doença';
jQuery('input[name="f"]').val('17');
break;
case '[Tratamento] ':
tipob = 'Tratamento';
jQuery('input[name="f"]').val('17');
break;
}
jQuery("input[name=subject]").attr('value', tipo+tituloforum);
jQuery("#titlecode").html(tipo+tituloforum);
if(tipo == "[Doença] "|| tipo == "[Tratamento] ") {
jQuery('#size_extra optgroup').css('display','block');
jQuery('#size_extra optgroup[label!=' + tipob + ']').css('display','none');
jQuery('#size_extra_span').css('display','block');
}
else {
jQuery('#size_extra_span').css('display','none'); }
}
imagensdopedido = '';
function gerarpedido() {
gerartitulo();
var Litragem = document.getElementById("litros").value;
var cordafonte = document.getElementById("fontecor").value;
var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
var descricaodopedido = document.getElementById("adicionais").innerHTML;
var descricaodopedido = document.getElementById("adicionais").value;
var dimensaoA = document.getElementById("dimensoesA").value;
var dimensaoL = document.getElementById("dimensoesL").value;
var dimensaof = (document.getElementById("size_extra").value == '') ? dimensaoL + ' x ' + dimensaoA + ' px' : document.getElementById("size_extra").value;
var titulo = document.getElementById("tituloforum").value;
finalmessage = '[b]Endereço do fórum :[/b] [url=+ urlforum + ]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do litros :[/b] #' + Litragem + '\n[b]Cor da fonte :[/b] #' + cordafonte + '\n[b]Fonte :[/b] ' + nomedafonte + '\n[b]Animação :[/b] ' + tipodeanimacao + '\n[b]Moldura :[/b] ' + tipodemoldura + '\n[b]Descrição do trabalho :[/b] ' + descricaodopedido;
jQuery("input[name=message]").attr('value', finalmessage);
}
function outra(id) {
var inputID = id+"Nome";
(document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
document.getElementById(inputID).focus();
}
function removeimg(obj) {
obj.parent().parent().remove();
update_img();
}
function addimg() {
$('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
$('#addimage').prev().find('.previsualise').hover(
function () {
$(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
},
function () {
$(this).parent().find('.previsuimg div').css('display','none');
}
);
update_img();
}
function update_img() {
if($('.image').length<2) $('.image .remove').hide();
else $('.image .remove').show();
update_img_list();
}
function update_img_list() {
imagensdopedido = '';
jQuery('input[name=images]').each( function(index) {
if($(this).val() != '') {
imagensdopedido = imagensdopedido + $(this).val() + ' ; ';
}
});
gerarpedido();
}
gerartitulo();
gerarpedido();
</script>
<h1 class="page-title">Formulário de ajuda com doenças e tratamentos.</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>
<p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos de ajuda feito na seção de doenças 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". Caso envie sua mensagem e mesmo assim precise editar, basta editá-la no tópico.
</p><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o Título.</div>
<form action="/posting.forum" method="post" id="fa_form" name="Pedidos" onSubmit="return ValidarFormulario();" >
<fieldset class="fields1">
<dl><dt>
<label>Prefixo Título:</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" name="prefixotitulo" />
<option value=""></option>
<option value="[Doença]- ">Doença</option>
<option value="[Tratamento]- ">Tratamento</option>
</select></dd></dl>
<dl><dt>
<label>Título:</label></dt>
<dd><br>
<input class="inputbox" type="text" id="tituloforum" tabindex="2" onChange="gerartitulo();" name="tituloforum" style="width: 600px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações gerais</div>
<fieldset class="fields1">
<dl><dt>
<label>Dimensões:</label></dt>
<dd> (Comp.) <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 50px; clear: both;" />
cm x (Larg.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm x (Alt.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm</dd><dd> <span id="size_extra_span" style="display: none;">
</dd></dl>
<dl><dt>
<label>Litragem:</label></dt>
<dd>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!<br>
<input class="inputbox" type="text" id="litragem" tabindex="8" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Filtro(s) :</label></dt>
<dd>Descreva aqui todos os seus equipamentos de filtragem!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Mídias filtrantes:</label></dt>
<dd>Descreva aqui todas as suas mídas filtrantes, ex: perlon, cerâmicas, fvms, etc!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Iluminação:</label></dt>
<dd>Descreva quantidade de lampadas, temperaturade cor e capacidade luminosa em lúmens!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Parâmetros da água.</div>
<fieldset class="fields1">
<dl><dt>
<label>Usa aquecedor :</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('aquecedor'); gerarpedido();" />
<option value=" "></option>
<option value="Não">Não</option>
<option value="">Sim</option>
</select> <input id="aquecedorNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
<dl><dt>
<label>Temperatura :</label></dt>
<dd>Indique a temperatura em ºC!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>pH:</label></dt>
<dd>Descreva aqui a escala numérica do pH!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Amônia:</label></dt>
<dd>Descreva a quantidade de amônia em ppm<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Nitrito:</label></dt>
<dd>Descreva a quantidade de nitrito em ppm<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Manutenção (TPAs):</label></dt>
<dd>Indique além da porcentagem de troca, quantas vezes realiza as TPAs!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações específicas.</div>
<fieldset class="fields1">
<dl><dt>
<label>Aspecto físico:</label></dt>
<dd>Descreva como estão as cores, pele/escamas, nadadeiras, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Aspecto comportamental:</label></dt>
<dd>Descreva como está o nado, interação, equilibrio, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Aspecto das fezes:</label></dt>
<dd>Descreva como está a cor, resistência, comprimento, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Alimentação:</label></dt>
<dd>Descreva quais rações ou comidas da aos seus peixes! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Alimenta-se:</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('Alimenta-se'); gerarpedido();" />
<option value=" "></option>
<option value="Não">Não</option>
<option value="">Sim</option>
</select> <input id="Alimenta-seNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações específicas</div>
<fieldset class="fields1">
<dl><dt>
<label>Imagens a serem usadas :</label></dt>
<dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
<table>
<tr id="addimage">
<td class="part"></td>
<td>
<div class="more" onClick="addimg()"></div>
</td>
</tr>
</table>
<script type="text/javascript">addimg()</script>
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Observações relevantes</div>
<fieldset class="fields1">
<dl><dt>
<label>Descreva:</label></dt>
<dd><textarea class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: both; height: 100px; width: 500px;">Descrava algo que precisamos saber!</textarea></dd></dl>
</fieldset>
<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="17" />
<input type="hidden" name="lt" value="0" />
<span class="corners-bottom"><span></span></span></div></div>
<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf();" />
<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();" /></form>
- Informações:
Fórum: | http://aquapeixes.forumeiros.com | Versão: | PHPBB3 |
Tipo: | Erros diversos | Tags: | Formulario,postagem |
Última edição por Mauricio Molina em 16.05.14 1:58, editado 1 vez(es)
Re: Formulario de postagem
Olá,
O que exatamente ocorre com o tópico que não deveria ocorrer? Poderia nos dar um exemplo?
Abraços.
O que exatamente ocorre com o tópico que não deveria ocorrer? Poderia nos dar um exemplo?
Abraços.
Re: Formulario de postagem
Saudações prezado autor!
Peço que substitua o código atual de seu formulário, por este outro abaixo:
Feito tal substituição, salve e veja se resulta!
Caso não resulte, peço que o senhor seja mais específico, fornecendo-nos mais informações sobre o problema no formulário para que possamos resolver a sua questão.
Hakuouki
Peço que substitua o código atual de seu formulário, por este outro abaixo:
- Código:
<style>
.previsu {
background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
border: 1px solid #1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px !important;
}
.previsuimg {
position: relative;
}
.previsuimg div {
position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 0.9);
}
#addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
#addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
.image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
.image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
.image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
.image { width: 300px; }
</style>
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script>
function gerartitulo() {
var tipo = document.getElementById("tipo").value;
switch(tipo) {
case '[Doença] ':
tipob = 'Doença';
jQuery('input[name="f"]').val('17');
break;
case '[Tratamento] ':
tipob = 'Tratamento';
jQuery('input[name="f"]').val('17');
break;
}
jQuery("input[name=subject]").attr('value', tipo+tituloforum);
jQuery("#titlecode").html(tipo+tituloforum);
if(tipo == "[Doença] "|| tipo == "[Tratamento] ") {
jQuery('#size_extra optgroup').css('display','block');
jQuery('#size_extra optgroup[label!=' + tipob + ']').css('display','none');
jQuery('#size_extra_span').css('display','block');
}
else {
jQuery('#size_extra_span').css('display','none'); }
}
imagensdopedido = '';
function gerarpedido() {
gerartitulo();
var Litragem = document.getElementById("litros").value;
var cordafonte = document.getElementById("fontecor").value;
var nomedafonte = (document.getElementById("fonte").value == '') ? document.getElementById("fonteNome").value : document.getElementById("fonte").value;
var tipodeanimacao = (document.getElementById("animacao").value == '') ? document.getElementById("animacaoNome").value : document.getElementById("animacao").value;
var tipodemoldura = (document.getElementById("moldura").value == '') ? document.getElementById("molduraNome").value : document.getElementById("moldura").value;
var descricaodopedido = document.getElementById("adicionais").innerHTML;
var descricaodopedido = document.getElementById("adicionais").value;
var dimensaoA = document.getElementById("dimensoesA").value;
var dimensaoL = document.getElementById("dimensoesL").value;
var dimensaof = (document.getElementById("size_extra").value == '') ? dimensaoL + ' x ' + dimensaoA + ' px' : document.getElementById("size_extra").value;
var titulo = document.getElementById("tituloforum").value;
finalmessage = '[b]Endereço do fórum :[/b] [url=+ urlforum + ]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do litros :[/b] #' + Litragem + '\n[b]Cor da fonte :[/b] #' + cordafonte + '\n[b]Fonte :[/b] ' + nomedafonte + '\n[b]Animação :[/b] ' + tipodeanimacao + '\n[b]Moldura :[/b] ' + tipodemoldura + '\n[b]Descrição do trabalho :[/b] ' + descricaodopedido;
jQuery("input[name=message]").attr('value', finalmessage);
}
function outra(id) {
var inputID = id+"Nome";
(document.getElementById(id).value == '') ? document.getElementById(inputID).style.display = 'inline' : document.getElementById(inputID).style.display = 'none';
document.getElementById(inputID).focus();
}
function removeimg(obj) {
obj.parent().parent().remove();
update_img();
}
function addimg() {
$('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
$('#addimage').prev().find('.previsualise').hover(
function () {
$(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
},
function () {
$(this).parent().find('.previsuimg div').css('display','none');
}
);
update_img();
}
function update_img() {
if($('.image').length<2) $('.image .remove').hide();
else $('.image .remove').show();
update_img_list();
}
function update_img_list() {
imagensdopedido = '';
jQuery('input[name=images]').each( function(index) {
if($(this).val() != '') {
imagensdopedido = imagensdopedido + $(this).val() + ' ; ';
}
});
gerarpedido();
}
gerartitulo();
gerarpedido();
</script>
<h1 class="page-title">Formulário de ajuda com doenças e tratamentos.</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>
<p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos de ajuda feito na seção de doenças 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". Caso envie sua mensagem e mesmo assim precise editar, basta editá-la no tópico.
</p><span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o Título.</div>
<form action="/posting.forum" method="post" id="fa_form" name="Pedidos" onSubmit="return ValidarFormulario();" >
<fieldset class="fields1">
<dl><dt>
<label>Prefixo Título:</label></dt><dd><select id="tipo" tabindex="1" onChange="gerartitulo();" name="prefixotitulo" />
<option value=""></option>
<option value="[Doença]- ">Doença</option>
<option value="[Tratamento]- ">Tratamento</option>
</select></dd></dl>
<dl><dt>
<label>Título:</label></dt>
<dd><br>
<input class="inputbox" type="text" id="tituloforum" tabindex="2" onChange="gerartitulo();" name="tituloforum" style="width: 600px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações gerais</div>
<fieldset class="fields1">
<dl><dt>
<label>Dimensões:</label></dt>
<dd> (Comp.) <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 50px; clear: both;" />
cm x (Larg.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm x (Alt.) <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 50px;" /> cm</dd><dd> <span id="size_extra_span" style="display: none;">
</dd></dl>
<dl><dt>
<label>Litragem:</label></dt>
<dd>Para saber a litragem bruta basta multiplicar comprimento (cm) x largura (cm) x altura (cm) / 1000!<br>
<input class="inputbox" type="text" id="litragem" tabindex="8" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Filtro(s) :</label></dt>
<dd>Descreva aqui todos os seus equipamentos de filtragem!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Mídias filtrantes:</label></dt>
<dd>Descreva aqui todas as suas mídas filtrantes, ex: perlon, cerâmicas, fvms, etc!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Iluminação:</label></dt>
<dd>Descreva quantidade de lampadas, temperaturade cor e capacidade luminosa em lúmens!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Parâmetros da água.</div>
<fieldset class="fields1">
<dl><dt>
<label>Usa aquecedor :</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('aquecedor'); gerarpedido();" />
<option value=" "></option>
<option value="Não">Não</option>
<option value="">Sim</option>
</select> <input id="aquecedorNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
<dl><dt>
<label>Temperatura :</label></dt>
<dd>Indique a temperatura em ºC!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>pH:</label></dt>
<dd>Descreva aqui a escala numérica do pH!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Amônia:</label></dt>
<dd>Descreva a quantidade de amônia em ppm<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Nitrito:</label></dt>
<dd>Descreva a quantidade de nitrito em ppm<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 100px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Manutenção (TPAs):</label></dt>
<dd>Indique além da porcentagem de troca, quantas vezes realiza as TPAs!<br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 500px; clear: both;" />
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações específicas.</div>
<fieldset class="fields1">
<dl><dt>
<label>Aspecto físico:</label></dt>
<dd>Descreva como estão as cores, pele/escamas, nadadeiras, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Aspecto comportamental:</label></dt>
<dd>Descreva como está o nado, interação, equilibrio, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Aspecto das fezes:</label></dt>
<dd>Descreva como está a cor, resistência, comprimento, etc! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Alimentação:</label></dt>
<dd>Descreva quais rações ou comidas da aos seus peixes! <br>
<input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" style="width: 400px; clear: both;" />
</dd></dl>
<dl><dt>
<label>Alimenta-se:</label></dt><dd><select id="animacao" tabindex="12" onChange="outra('Alimenta-se'); gerarpedido();" />
<option value=" "></option>
<option value="Não">Não</option>
<option value="">Sim</option>
</select> <input id="Alimenta-seNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';" onChange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Informações específicas</div>
<fieldset class="fields1">
<dl><dt>
<label>Imagens a serem usadas :</label></dt>
<dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
<table>
<tr id="addimage">
<td class="part"></td>
<td>
<div class="more" onClick="addimg()"></div>
</td>
</tr>
</table>
<script type="text/javascript">addimg()</script>
</dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Observações relevantes</div>
<fieldset class="fields1">
<dl><dt>
<label>Descreva:</label></dt>
<dd><textarea class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: both; height: 100px; width: 500px;">Descrava algo que precisamos saber!</textarea></dd></dl>
</fieldset>
<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="17" />
<input type="hidden" name="lt" value="0" />
<span class="corners-bottom"><span></span></span></div></div>
<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" />
<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" /></form>
Feito tal substituição, salve e veja se resulta!
Caso não resulte, peço que o senhor seja mais específico, fornecendo-nos mais informações sobre o problema no formulário para que possamos resolver a sua questão.
Hakuouki
Re: Formulario de postagem
Ola....
Obrigado pela força...
Simplesmente ele não gera o tópico, nem na pre visualização e nem se mandar criar o tópico
Ao pre visualizar, no título fica assim: [Doença]- [object HTMLInputElement]
mas não gera mais nada...
Tenho outros formulários que editei em cima dos do FDF mas consegui fazer gerar numa boa, mas este não gera, deve ter conflitos ai no código....
Este eu consegui fazer funcionar, mas gostaria que no lugar de Imagem 1, imagem 2 e imagem 3, dicasse com este gerador de campo para imagem entende?
Esta funcionando veja:
http://aquapeixes.forumeiros.com/h9-
Obrigado pela força...
Simplesmente ele não gera o tópico, nem na pre visualização e nem se mandar criar o tópico
Ao pre visualizar, no título fica assim: [Doença]- [object HTMLInputElement]
mas não gera mais nada...
Tenho outros formulários que editei em cima dos do FDF mas consegui fazer gerar numa boa, mas este não gera, deve ter conflitos ai no código....
Este eu consegui fazer funcionar, mas gostaria que no lugar de Imagem 1, imagem 2 e imagem 3, dicasse com este gerador de campo para imagem entende?
Esta funcionando veja:
http://aquapeixes.forumeiros.com/h9-
- Código:
<script>
function gerarf(){
jQuery('input[name="message"]').val('<br/>[b]Dimensões do aquário:[/b] '+jQuery('#4').val()+'\n \n[b]Litragem:[/b] '+jQuery('#5').val()+'\n \n[b]Filtro(s):[/b] '+jQuery('#6').val()+'\n <br>[b]Mídias filtrantes:[/b] '+jQuery('#7').val()+'\n <br>[b]Iluminação:[/b] '+jQuery('#8').val()+'\n <br>[b]Usa aquecedor:[/b] '+jQuery('#9').val()+'\n <br>[b]Temperatura da água:[/b] '+jQuery('#10').val()+'\n <br>[b]pH:[/b] '+jQuery('#11').val()+'\n <br>[b]Amônia:[/b] '+jQuery('#12').val()+'\n <br>[b]Nitrito:[/b] '+jQuery('#13').val()+'\n <br>[b]Manutenção (TPAs):[/b] '+jQuery('#14').val()+'\n <br>[b]* Fauna:[/b] '+jQuery('#15').val()+'\n <br>[b]* Flora:[/b] '+jQuery('#16').val()+'\n <br>[b]Aspecto físico:[/b] '+jQuery('#17').val()+'\n <br>[b]Aspecto comportamental:[/b] '+jQuery('#18').val()+'\n <br>[b]Aspecto das fezes:[/b] '+jQuery('#19').val()+'\n <br>[b]Alimentação:[/b] '+jQuery('#20').val()+'\n <br>[b]O peixe esta se alimentando? [/b] '+jQuery('#21').val()+'\n <br>[b]Imagens a serem usadas:[/b] <br /><br /><font color="#6B238E"> Imagem 1:</font> <br /><br />'+jQuery('#22').val()+'\n <br><font color="#6B238E"> Imagem 2: </font><br /><br />'+jQuery('#23').val()+'\n <br> <font color="#6B238E">Imagem 3: </font><br /><br />'+jQuery('#24').val()+'\n <br>[b]Descrição:[/b] <br /><br />'+jQuery('#25').val()+'\n');
jQuery('input[name="subject"]').val(' '+jQuery('#2').val()+' '+jQuery('#3').val()+'');
jQuery('input[name="f"]').val('7');
}
</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 de ajuda com doenças e tratamentos.</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 promover uma maior organização dos pedidos de ajuda feito na seção de doenças 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;"> Sobre o Título</h3> <br />
<dl class="campos_form"><dt><span class="1"><label>Prefixo Título:</label></span></dt><br/>
<dd><span class="2" style="floar: right"><select class="find " id="2"><option value="[Doença]">Doença</option><option value="[Tratamento]"> Tratamento</option></select></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Título:</label>Descreva um título bem descritivo.</span></dt><br/><dd><span class="2"><input class="find input" id="3" type="text"" style="width: 700px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />
</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 gerais:</h3> <br />
<dl class="campos_form"><dt><span class="1"><label>Dimensões do aquário:</label>Comprimento, Largura e Altura.</span></dt><dd><br/><span class="2"><input class="find input" id="4" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Litragem:</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" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Iluminação:</label>Descreva quantidade de lâmpadas, temperatura de cor e total de watts e capacidade luminosa em lúmens!</span></dt><br/><dd><span class="2"><input class="find input" id="8" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />
</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></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 (ºC):</label>
Indique a temperatura em ºC!</span></dt><br/><dd><span class="2"><input class="find input" id="10" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Manutenção (TPAs):</label>Indique além da porcentagem de troca, quantas vezes realiza as Trocas Parciais de água!</span></dt><br/><dd><span class="2"><input class="find input" id="14" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br />
</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>Fauna: </label>Descreva quais peixes possui no aquário. </span></dt><br/><dd><span class="2"><input class="find input" id="15" type="text"" style="width: 400px; height: 20px; clear: both;"></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" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl><br/>
<dl class="campos_form"><dt><span class="1"><label>Aspecto físico: </label>Descreva como estão as cores, pele/escamas, nadadeiras, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="17" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Aspecto comportamental:</label>Descreva como está o nado, interação, equilíbrio, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="18" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Aspecto das fezes:</label>Descreva como está a cor, resistência, comprimento, etc! </span></dt><br/><dd><span class="2"><input class="find input" id="19" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>Alimentação:</label>Descreva quais rações ou comidas da aos seus peixes! </span></dt><br/><dd><span class="2"><input class="find input" id="20" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl>
<br /><dl class="campos_form"><dt><span class="1"><label>O peixe esta se alimentando?</label></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></div><br/>
</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 peixe:</h3> <br />
<dl class="campos_form"><dt><span class="1"><label>Imagem 1:</label></span></dt><br/><dd><span class="2"><input class="find input" id="22" type="text"" style="width: 400px; height: 20px; clear: both;"><br/><br/>
<dl class="campos_form"><dt><span class="1"><label>Imagem 2:</label> </span></dt><br/><dd><dd><span class="2"><input class="find input" id="23" type="text"" style="width: 400px; height: 20px; clear: both;"><br/><br/>
<dl class="campos_form"><dt><span class="1"><label>Imagem 3:</label> </span></dt><br/><dd><dd><span class="2"><input class="find input" id="24" type="text"" style="width: 400px; height: 20px; clear: both;"></span></dd></dl></div><br /><br />
</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 que possa ajudar no diagnóstico: </label></span></dt><br/><dd><span class="2"><textarea style="" rows="10" cols="35" class="find textarea" id="25"></textarea></span></dd></dl></div><br />
</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 type="submit" name="post" onclick="gerarf();" value="Enviar"/>
<input type="submit" name="preview" onclick="gerarf();" value="Pré-visualizar"/>
<input type="hidden" name="message" value="Formulário"/>
<input type="hidden" name="subject" value="Formulário"/>
<input type="hidden" name="mode" value="newtopic"><input type="hidden" name="f" value="1"/>
<span class="corners-bottom"><span></span></span>
</div>
</div>
</form>
Re: Formulario de postagem
Olá!
Você já criou o formulário de postagens através do Gerador? http://solkis.comuf.com/projetos/gerador/v2/
Atenciosamente,
Shek
Você já criou o formulário de postagens através do Gerador? http://solkis.comuf.com/projetos/gerador/v2/
Atenciosamente,
Shek
Re: Formulario de postagem
Edite este HTML neste site que o Shek passou.
- Código:
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://solkis.comuf.com/projetos/gerador/v2/form_postagens.js"></script>
<script src="http://solkis.comuf.com/projetos/gerador/v2/fieldlist.js"></script>
<link rel="stylesheet" href="http://solkis.comuf.com/projetos/gerador/v2/form_default.css" />
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
<input type="hidden" name="form_mode" value="0">
<input type="hidden" name="f" value="">
<input type="hidden" name="subject" value="O script não enviou o título" template="">
<input type="hidden" name="description" value="O script não enviou a descrição" template="">
<textarea name="message" style="display:none"></textarea>
<textarea id="message-template-bbcode-0" style="display:none"></textarea>
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="lt" value="0">
<input type="submit" name="post" class="button2" value="Enviar">
</form>
TheJokerGFR- ****
- Membro desde : 22/09/2012
Mensagens : 316
Pontos : 473
Tópicos semelhantes
» Formulario de postagem
» Formulário de postagem
» Formulario de postagem
» Formulario de postagem no IE
» Formulário de Postagem
» Formulário de postagem
» Formulario de postagem
» Formulario de postagem no IE
» Formulário de Postagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos