Gerador de formulário

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

Resolvido Gerador de formulário

Mensagem por Uatyla em 03/09/13, 07:34 pm

Qual é minha questão:
Boa noite senhores!

Como a forumeiros não da suporte para formulário, tem algum gerador de formulário que possa me fornecer? Eu junto com um amigo temos um formulário, porem o mesmo está dando erro ao enviar, o mesmo abre um novo tópico ao enviar o formulário preenchido.

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>
<option value="[Tratamento] ">Tratamento</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> (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="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="40" />
 <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>


Endereço do meu fórum:
http://vidadeaquarista.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Gerador de formulário

Mensagem por Sennior em 03/09/13, 07:38 pm

Boa noite,

Veja este amigo:
Seta http://solkis.forumdosforuns.webuda.com/gerador/


Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerador de formulário

Mensagem por Uatyla em 03/09/13, 08:03 pm

Ok! Tem algum tutorial que ensina a usar esse formulário?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Gerador de formulário

Mensagem por Sennior em 03/09/13, 08:04 pm

Olá!

Infelizmente não amigo. O mesmo é simples, basta seguir os passos e ler atentamente as dicas ao lado direito do teu monitor. Piscada

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerador de formulário

Mensagem por MateusA em 03/09/13, 08:05 pm

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Gerador de formulário

Mensagem por Uatyla em 03/09/13, 08:27 pm

Isso é bem complicado, independente do que faço parece que tudo da errado, sempre que clico em enviar, sempre abre um novo tópico, o engraçado é que esse aqui funciona perfeitamente o da seção gráfica.


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 '[Avatar] ':
        tipob = 'Avatar';
        jQuery('input[name="f"]').val('13');
        break;
        case '[Assinatura] ':
        tipob = 'Assinatura';
        jQuery('input[name="f"]').val('13');
        break;
        case '[Userbar] ':
        tipob = 'Userbar';
        jQuery('input[name="f"]').val('13');
        break;
        case '[Banner] ':
        tipob = 'Banner';
        jQuery('input[name="f"]').val('9');
        break;
        case '[Logo] ':
        tipob = 'Logo';
        jQuery('input[name="f"]').val('9');
        break;

        case '[Menu] ':
        case '[Botões] ':
        case '[Ícones] ':
        case '[Ranks] ':
        jQuery('input[name="f"]').val('10');
        break;

        case '[Outros] ':
        case '[Imagem] ':
        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 == "[Avatar] " || tipo == "[Assinatura] " || tipo == "[Userbar] " || tipo == "[Banner] " || tipo == "[Logo] ") {
        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 ==
'') ? dimensaoA + ' x ' + dimensaoL + ' px' :
document.getElementById("size_extra").value;

        var urlforum = document.getElementById("urlforum").value;

  
      finalmessage = 'Endereço do fórum : [url]'+ urlforum +
'[/url]\nImagens a serem usadas : ' + imagensdopedido + '\n Dimensões : '
 + dimensaof +' \nCor do fundo : #' + cordofundo + '\nCor da fonte : #' +
 cordafonte + '\nFonte : ' + nomedafonte + '\nAnimação : ' +
tipodeanimacao + '\nMoldura : ' + tipodemoldura + '\nDescrição do
trabalho : ' + 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
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 pedidos gráficos</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 feitos na
seção gráfica deste fórum. Em cada uma das divisões abaixo poderá
encontrar uma parte do código, a primeira caixa - "Informações gerais" -
 vale para o título e a segunda para o corpo da mensagem. Assim que tudo
 estiver feito, poderá enviar o pedido, que será postado
automaticamente. Se necessitar de alguma modificação, poderá fazer
editando a sua mensagem. Lembre-se somente que antes de fazer um pedido,
 é recomendado ver a <a
href="http://mundonovo.cinebb.com/-t6.htm#7">Regras da seção de
criações gráficas!</a>.


        </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;">Informações gerais</div>

        <form action="/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onSubmit="fa_cookie();">
        <fieldset class="fields1">

        <dl><dt>

  
      <label>Tipo de pedido
:</label></dt><dd><select id="tipo" tabindex="1"
onChange="gerartitulo();" />
        <option value=""></option>
        <option value="[Avatar] ">Avatar</option>


        <option value="[Assinatura] ">Assinatura</option>
        <option value="[Userbar] ">Userbar</option>
        <option value="[Banner] ">Banner</option>

        <option value="[Logo] ">Logo</option>
        <option value="[Botões] ">Botões</option>
        <option value="[Ícones] ">Ícones</option>

        <option value="[Menu] ">Menu de navegação</option>
        <option value="[Ranks] ">Ranks</option>
        <option value="[Outros] ">Outros</option>

        <option value="[Imagem] ">Imagem em geral</option>
        </select></dd></dl>

        <dl><dt>
  
      <label>Cor geral
:</label></dt><dd><select id="cor" tabindex="2"
onChange="gerartitulo();" />

        <option value=" "></option>

        <option value="Vermelho">Vermelho</option>
        <option value="Verde">Verde</option>

        <option value="Amarelo">Amarelo</option>
        <option value="Azul">Azul</option>
        <option value="Roxo">Roxo</option>

        <option value="Rosa">Rosa</option>

        <option value="Laranja">Laranja</option>
        <option value="Branco">Branco</option>

        <option value="Preto">Preto</option>
        <option value="Cinza">Cinza</option>
        <option value="Marrom">Marrom</option>

        <option value="Transparente">Transparente</option>

  
      <option value="">Nenhuma da
lista</option></select> <select id="cortonalidade"
onChange="gerartitulo();" />

        <option value=""></option>
        <option value="">Normal</option>
        <option value=" claro">Claro</option>
        <option value=" escuro">Escuro</option></select></dd></dl>


        <dl><dt>
  
      <label>Tamanho geral
:</label></dt><dd><select id="tamanho" tabindex="3"
 onChange="gerartitulo();" />


        <option value=" "></option>
        <option value=" - Pequeno ">Pequeno</option>
        <option value=" - Médio ">Médio</option>
        <option value=" - Grande ">Grande</option></select></dd></dl>

        <dl><dt>

  
      <label>Cor geral do texto
:</label></dt><dd><select id="texto" tabindex="4"
onChange="gerartitulo();" />

        <option value=" "></option>

        <option value="- Texto vermelho ">Vermelho</option>
        <option value="- Texto verde ">Verde</option>
        <option value="- Texto amarelo ">Amarelo</option>
        <option value="- Texto azul ">Azul</option>

        <option value="- Texto roxo ">Roxo</option>

        <option value="- Texto rosa ">Rosa</option>

        <option value="- Texto laranja ">Laranja</option>
        <option value="- Texto branco ">Branco</option>
        <option value="- Texto preto ">Preto</option>
        <option value="- Texto cinza ">Cinza</option>

        <option value="- Texto marrom ">Marrom</option>

  
      <option value="">Nenhuma da
lista</option></select> <select id="textotonalidade"
onChange="gerartitulo();" />

        <option value=""></option>
        <option value="">Normal</option>
        <option value=" claro">Claro</option>
        <option value=" escuro">Escuro</option></select></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>
        <dl><dt>
        <label>Dimensões :</label></dt>
  
      <dd> <input class="inputbox" type="text" id="dimensoesL"
tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;"
 />

        px (largura) X
        <input
class="inputbox" type="text" id="dimensoesA" tabindex="7"
onChange="gerarpedido();" style="width: 30px;" /> px (altura)
</dd><dd> <span id="size_extra_span" style="display:
none;"> Tamanhos padrões do tipo de pedido escolhido : <select
id="size_extra">

        <option value=""></option>
        <optgroup label="Avatar">
        <option value="120 x 120 px">120 x 120 px</option>
        <option value="100 x 120 px">100 x 120 px</option>

        <option value="120 x 160 px">120 x 160 px</option>
        <option value="140 x 180 px">140 x 180 px</option>

        <option value="140 x 200 px">140 x 200 px</option>

        <option value="150 x 180 px">150 x 180 px</option>
        <option value="150 x 200 px">150 x 200 px</option>
        </optgroup>

        <optgroup label="Assinatura">
        <option value="400 x 120 px">400 x 120 px</option>

        <option value="400 x 150 px">400 x 150 px</option>
        <option value="450 x 150 px">450 x 150 px</option>

        </optgroup>
        <optgroup label="Userbar">
        <option value="350 x 19 px">350 x 19 px</option>

        </optgroup>
        <optgroup label="Banner">

        <option value="70 x 30 px">70 x 30 px</option>
        <option value="90 x 15 px">90 x 15 px</option>

        <option value="120 x 60 px">120 x 60 px</option>
        <option value="150 x 50 px">150 x 50 px</option>
        <option value="468 x 60 px">468 x 60 px</option>


        </optgroup>
        <optgroup label="Logo">
        <option value="600 x 200 px">600 x 200 px</option>
        <option value="750 x 200 px">750 x 200 px</option>

        <option value="800 x 220 px">800 x 220 px</option>
        <option value="150 x 50 px">830 x 200 px</option>
        </optgroup>


        </select></span>
        </dd></dl>

        <dl><dt>
        <label>Endreço do seu fórum :</label></dt>

        <dd>Lembre-se que se se não possuir um endereço válido, seu pedido será recusado!<br>
  
      <input class="inputbox" type="text" id="urlforum" tabindex="8"
onChange="gerarpedido();" style="width: 300px; clear: both;" />
        </dd></dl>


        <dl><dt>
        <label>Cor do fundo :</label></dt>

        <dd>Código hexadecimal da cor que deverá ser usada :<br>
  
      <input type="text" tabindex="9" onChange="gerarpedido();"
class="inputbox color champ" value="FFFFFF" id="fundo"
name="couleur_fond" maxlength="7"
onblur="this.style.borderColor='#FFFFFF'"
onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px;
background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png')
no-repeat right;" />
        </dd></dl>


        <dl><dt>
        <label>Cor da fonte :</label></dt>

        <dd>Código hexadecimal da cor que deverá ser usada :<br>
  
      <input type="text" tabindex="10" onChange="gerarpedido();"
class="inputbox color champ" value="FFFFFF" id="fontecor"
name="couleur_fond" maxlength="7"
onblur="this.style.borderColor='#FFFFFF'"
onfocus="this.style.borderColor='#FFFFFF'" style="width: 70px;
background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png')
no-repeat right;" />
        </dd></dl>

        <dl><dt>

  
      <label>Fonte :</label></dt><dd><select
id="fonte" tabindex="11" onChange="outra('fonte'); gerarpedido();" />
        <option value=" "></option>

        <option value="Arial" style="font-family: Arial;">Arial</option>

        <option value="Arial Black" style="font-family: Arial Black;">Arial Black</option>
        <option value="Comic Sans MS" style="font-family: Comic Sans MS;">Comic Sans MS</option>
        <option value="Courier New" style="font-family: Courier New;">Courier New</option>

        <option value="Georgia" style="font-family: Georgia;">Georgia</option>
        <option value="Times New Roman" style="font-family: Times New Roman;">Times New Roman</option>

        <option value="Calibri" style="font-family: Calibri;">Calibri</option>

        <option value="Trebuchet MS" style="font-family: Trebuchet MS;">Trebuchet MS</option>
        <option value="Verdana" style="font-family: Verdana;">Verdana</option>
        <option value="Visitor TTK 2" style="font-family: Visitor TTK 2;">Visitor TTK 2 (usada em Userbars)</option>

        <option value="">Outra</option>
  
      </select> <input id="fonteNome" style="display: none;
width: 400px;" class="inputbox" value="Qual?" onclick="if (this.value ==
 'Qual?') this.value = '';" onblur="if (this.value == '') this.value =
'Qual?';" onChange="gerarpedido();" onfocus="if (this.value == 'Qual?')
this.value = '';" onblur="if (this.value == '') this.value =
'Qual?';"></dd></dl>



        <dl><dt>
  
      <label>Animação
:</label></dt><dd><select id="animacao"
tabindex="12" onChange="outra('animacao'); gerarpedido();" />
        <option value=" "></option>
        <option value="Não">Não</option>
        <option value="">Sim</option>

  
      </select> <input id="animacaoNome" 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>Moldura
:</label></dt><dd><select id="moldura"
tabindex="13" onChange="outra('moldura'); gerarpedido();" />
        <option value=" "></option>
        <option value="Não">Não</option>
        <option value="">Sim</option>
  
      </select> <input id="molduraNome" 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>Descrição do trabalho :</label></dt>

  
      <dd><textarea class="inputbox" id="adicionais"
tabindex="14" onChange="gerarpedido();" style="clear: both; height:
100px; width: 500px;"></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="27" />

        <input type="hidden" name="lt" value="0" />


        <span class="corners-bottom"><span></span></span></div></div>


        <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
  
      <fieldset class="submit-buttons"><input value="Enviar seu
 pedido gráfico" type="submit" class="button1" name="post"
/></fieldset>
        <span class="corners-bottom"><span></span></span></div>
        </form>
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Gerador de formulário

Mensagem por MateusA em 03/09/13, 08:32 pm

Olá,

Lamentamos muito, tente ler calmamente que irá entender.
Não podemos lhe ajudar em mais nada, visto que já lhe foi indicado onde fazer e como fazer.

Até.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Gerador de formulário

Mensagem por Uatyla em 03/09/13, 09:03 pm

Na boa desisto, podem fechar o tópico não sei como resolver.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum