Re: Setup para identificação de Doença e tratamento

por **Adilson** Sáb Abr 13, 2013 5:42 pm

Com certeza ficou ótimo, eu mesmo já fiz bom uso dela, parabéns novamente pela idéia meu amigo!
Gostei muito.

Abrçs!

por reinaldobill Sáb Abr 13, 2013 9:48 pm

oi pessoal, a tabela ja foi reescrita ? esta em algum link direto para ela já ? aguardo ...

por **Adilson** Sáb Abr 13, 2013 11:28 pm

Foi ainda não meu amigo, estamos no aguardo do Maurício colocar, é codificação e ele acabou de casar e está sem tempo, mais com certeza colocará em breve.

Abrçs!

por **Lucas Duarte** Sáb Abr 13, 2013 11:34 pm

Ainda não está implantada como queremos, mas ficará assim:
https://aquapeixes.forumeiros.com/t3912-ficha-de-dados-para-identificacao-de-doencas-e-tratamentos
Abç.

por **Mauricio Molina** Dom Abr 14, 2013 12:34 pm

Ola meus amigos, a ficha ja esta quase pronta, falta pouco, mas esta me dando um dor de cabeça para fazer ela enviar os dados ao tópico, acho que esta faltando algum fechamento no código, estou revisando tudo para ver o que pode ser...

Ja podem ver a ficha aqui:

https://aquapeixes.forumeiros.com/h3-teste-setup

É claro que falta algumas adaptações...

É mais ou menos isso que pensaram?

Abraços!

por **Adilson** Dom Abr 14, 2013 2:14 pm

Caraca, está melhor que a encomenda, vai ficar top, parabéns Maurício, muito bem feito mesmo!

Abrçs!

por **Mauricio Molina** Dom Abr 14, 2013 2:29 pm

Valeu Adilson, preciso confessar, apenas peguei o código na net e estou editando em cima dele, não sei criar a partir do zero...

É por isso a minha dor de cabeça para que ele gere isso dentro do tópico, mas vou conseguir, pode levar um tempinho mas vou...

Atualizei com o campo do título...

Se alguém tiver conhecimento e puder me ajudar agradeço.

Segue o código:

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; } var cor = document.getElementById("cor").value; var tamanho = document.getElementById("tamanho").value; var texto = document.getElementById("texto").value; var textotonalidade = document.getElementById("textotonalidade").value; var cortonalidade = document.getElementById("cortonalidade").value; jQuery("input[name=subject]").attr('value', tipo+cor+cortonalidade+tamanho+texto+textotonalidade); jQuery("#titlecode").html(tipo+cor+cortonalidade+tamanho+texto+textotonalidade); if(tipo == "[Doença] " ) { 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 cordofundo = document.getElementById("fundo").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 urlforum = document.getElementById("urlforum").value; finalmessage = '[b]Endereço do fórum :[/b] [url]'+ urlforum + '[/url]\n[b]Imagens a serem usadas :[/b] ' + imagensdopedido + '\n [b]Dimensões :[/b] ' + dimensaof +' \n[b]Cor do fundo :[/b] #' + cordofundo + '\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> </select></dd></dl> <dl><dt> <label>Título:</label></dt> <dd><br> <input class="inputbox" type="text" id="urlforum" tabindex="8" onChange="gerarpedido();" 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> <input class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" /> cm (Comp) x <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 30px;" /> cm (Larg) x <input class="inputbox" type="text" id="dimensoesA" tabindex="7" onChange="gerarpedido();" style="width: 30px;" /> cm (Alt)</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="urlforum" 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 temperaura 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>  <input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf();" />  <input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();" /></form>

Abraços!

por **Mauricio Molina** Qui Abr 18, 2013 5:04 pm

Ola...

O formulário esta pronto, mas cheguei no limite do que eu consigo fazer (não tenho conhecimento, é pura tentativa e erro), pois falta fazer com o que o formulário gere o titulo e o corpo da mensagem, estou procurando ajuda em outros fóruns de programação, mas acho que vai demorar pois ninguém respondeu a minha dúvida...

Consegui ele fazer gerar apenas o prefixo do título, doença ou tratamento, mas o título nada... doença - Setup para identificação de Doença e tratamento - Página 2 814333

doença - Setup para identificação de Doença e tratamento - Página 2 814333

Se alguém puder dar uma força agradeço..

Segue a visualização do formulário:

https://aquapeixes.forumeiros.com/page_html?mode=preview

Código mais atual:

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 + '[/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>  <input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="gerarf();" />  <input type="submit" name="post" class="button2" value="Enviar" onClick="gerarf();" /></form>

Abraços!

por **Adilson** Qui Abr 18, 2013 6:18 pm

Vixi Maurício eu sou completamente analfabeto neste quesito, se soubesse ajudaria com certeza.

Abrçs!

por **Wladimyr** Sex Abr 19, 2013 9:21 am

Olá amigo

Posso dar uma olhada, mas já adianto que faço minhas as palavras do Adilson! rsrsrsrs

[]s

por Conteúdo patrocinado