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

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... Setup para identificação de Doença e tratamento - Página 2 814333

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