Formulário com problema

3 participantes

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

Tópico resolvido Formulário com problema

Mensagem por UNLead 21.04.11 20:59

Qual é sua questão:
Estou Recriando meu tópico que foi excluido.

Minha questão é:
Meu formulário de Pedidos Gráficos não esta enviando as mensagens.
Da o Seguinte erro:
Wising Fórum escreveu:Você precisa dar um titulo ao tópico antes de postar.
Você precisa escrever uma mensagem antes de postar

É este o meu problema..
Segue o código do Formulário:
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('52');
    break;
    case '[Assinatura] ':
    tipob = 'Assinatura';
    jQuery('input[name="f"]').val('52');
    break;
    case '[Userbar] ':
    tipob = 'Userbar';
    jQuery('input[name="f"]').val('52');
    break;
  [name="f"]').val('52');
    break;
    case '[Outros] ':
    case '[Imagem] ':
    jQuery('input[name="f"]').val('52');
    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="[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>
   

    </select></span>
    </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://2img.net/i/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://2img.net/i/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="52" />

    <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>


Que medidas você tomou para corrigir o problema:
Nenhuma'~

Apresente-nos imagens do problema (se necessário):
Indisponíveis'~


Última edição por DarkLight em 06.05.11 15:50, editado 3 vez(es)
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por UNLead 24.04.11 7:02

UP

@OFF:
Ja vão começar a parar de responder e depois de uma semana falam:

Olá,
Ainda necessita de suporte adicional?

Pelo o amor de deus que pergunta desnecessária.. ( Não achei outra palavra para me expressar nesta frase )
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por Steeph 02.05.11 16:37

Olá!
Desculpe, mas eu não consegui arrumar... Triste
Acho que eu havia dito isto por MP a você, não? Se não, desculpe!
Tentei de várias formas, mas não consegui resultados...
Se quiser, aguarde a resposta de outros...
Até mais! ...
Steeph

Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por GonçaloRebelo 02.05.11 18:42

Dark vc quer o meu formulário?
Eu posso passar o codigo para vc Feliz
GonçaloRebelo

GonçaloRebelo
***

Membro desde : 26/02/2011
Mensagens : 156
Pontos : 226

http://theworlddesign.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por UNLead 02.05.11 19:52

Quero Sim Gonçalo_Rebelo..
Ficaria muito agradecido!
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por Steeph 05.05.11 12:43

Olá!
Esse formulário é praticamente idêntico a este que você está usando, porém, é possível que não dê nenhum erro.
Apenas faça um teste e veja se funciona e se serve para você:
Código:
<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://ajuda.forumeiros.com/t32850-regras-e-afins-da-secao-de-criacoes-graficas">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 site :</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://2img.net/i/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://2img.net/i/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="52" />
<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>
É o formulário anterior das criações gráficas. Eu acho que o bbcode que sai é o mesmo. Caso queira fazer alguma edição como adicionar campos, retirar, é só avisar.
Esse é mais provável que funcione.
Mas certifique-se de que está fazendo a "instalação" correta (o formulário não serve para dois fóruns, dois sub-fóruns e entre outras coisas que podem fazê-lo não funcionar).
Até mais!
Steeph

Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por UNLead 05.05.11 14:47

Steeph..

Quero que tire as opções:
[Banner]
[Logo]
[Botões]
[Ícones]
[Menu]
[Ranks]
[Imagem]
E o Link do Fòrum

O Avatar, Assinatura e Userbar quero que vá para o Fórum:
../f75-avatares-assinaturas-userbars

O Outros quero que vá para o Fórum:
../f76-outros-pedidos
PS:. Esses são Sub-Forum's do fórum Criações Gráficas em meu fórum
OBS: Os JQuerys ja estão configurados

Ja que não serve para dois fórum tem como fazer 2 Formulários para 2 Sub-Fórum?


Acabei de fazer um teste com o formulário, e não pegou Steeph!
Você precisa dar um o título ao tópico antes de postá-lo.
Antes de postar, você deve escrever uma mensagem.
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por Steeph 06.05.11 14:25

Olá!
Bem... eu acho melhor começar tudo novamente, mas tente este pela última vez:
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('75');
    break;
    case '[Assinatura] ':
    tipob = 'Assinatura';
    jQuery('input[name="f"]').val('75');
    break;
    case '[Userbar] ':
    tipob = 'Userbar';
    jQuery('input[name="f"]').val('75');
    break;
    case '[Outros] ':
    case '[Imagem] ':
    jQuery('input[name="f"]').val('76');
    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] "") {
    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="[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>
   

    </select></span>
    </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://2img.net/i/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://2img.net/i/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="52" />

    <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>
Faça a instalação novamente, alterei algumas coisas, mas acho que não funcionará novamente...
Se não funcionar, você tem o código sem modificações?!
Se sim, me passe e podemos tentar novamente do zero.
Até mais!
Steeph

Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por UNLead 06.05.11 14:42

Steeph, Desculpe o Trabalho mais, Não funcionou.

O Código a partir do Zero eu acho que não tenho ..

Irei tentar construir um formulário. Se conseguir posto aqui

@EDIT
Aqui está:
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 = '[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 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://ajuda.forumeiros.com/t32850-regras-e-afins-da-secao-de-criacoes-graficas">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="[Ranks] ">Ranks</option>
 <option value="[Outros] ">Outros</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://2img.net/i/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://2img.net/i/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="71" />
 <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>
Este é o Formulário daqui
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por UNLead 06.05.11 15:03

Desculpe o Double Post.

Eu editei o formulário que eu enviei E DEU CERTO..

Mais não consigo retirar certas opções

PODEM TRANCAR.. RESOLVI
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário com problema

Mensagem por Steeph 06.05.11 15:08

Então, me passe este que você editou e me diga exatamente o que quer que seja retirado e se quiser incluir algo, diga agora mesmo!
Até mais!
Steeph

Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Ja tá tudo Resolvido!

Mensagem por UNLead 06.05.11 15:50

Pode trancar, Ja editei o Formulário e ta funcionando certinho em cada área..

Obrigado por sua ajuda e desculpe o Trabalho Feliz

T+
DarkLight
UNLead

UNLead
Membro

Membro desde : 30/11/2010
Mensagens : 516
Pontos : 746

http://www.plusone.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos