Problema no formulário
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Problema no formulário
Eu tenho o formulario usado pelo FDF em meu forum, agora eu não modifiquei nada mas da isso quando coloca em enviar:
Os Forms que eu uso
O formulario
O botão que chama o formulario:
E a descrição:
E como eu faço para ele aparecer em varias areas?
E as paginas:
pedido:http://rendersdesigner.forumeiro.com/h1-formulario-de-pedidos-graficos
botão:http://rendersdesigner.forumeiro.com/h2-botao
Obrigado a todos!!
Os Forms que eu uso
O formulario
- Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>function radio(nameObtido,valObtido){jQuery('[name="'+nameObtido+'"]').val( valObtido );}
function gerarf() {
/* Script do Formulário */
/* 4º */
}</script>
<form action="/posting.forum" method="post" enctype="multipart/form-data">
<!-- HTML do Formulário -->
<!-- 2º -->
<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.</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://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>
<!-- Ocultos -->
<input type="hidden" name="f" value="3" />
<input type="hidden" name="subject" value="O script não enviou o título" />
<input type="hidden" name="description" value="O script não enviou a descrição" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />
<!-- 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>
O botão que chama o formulario:
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=3&mode=newtopic"]').attr('href', '/h1-');
});
E a descrição:
- Código:
<script src=/h2-></script>
E como eu faço para ele aparecer em varias areas?
E as paginas:
pedido:http://rendersdesigner.forumeiro.com/h1-formulario-de-pedidos-graficos
botão:http://rendersdesigner.forumeiro.com/h2-botao
Obrigado a todos!!
Última edição por SantolaZ em 26.12.10 10:24, editado 1 vez(es) (Motivo da edição : Titulo modificado)
Re: Problema no formulário
Boa dia,
Você citou o código que usou na descrição em seu fórum mal! Deve ser por isso que não consegue fazer nada...
Tente este Código, e coloque somente na descrição do seu fórum:
Até mais.
Edit:
Para aparecer em varias área é este código:
- No campo a negrito, coloque o número do fórum em que deseja que o formulário funcione.
- No campo vermelho, coloque o ID da página criada anteriormente.
Você citou o código que usou na descrição em seu fórum mal! Deve ser por isso que não consegue fazer nada...
Tente este Código, e coloque somente na descrição do seu fórum:
- Código:
<script src=/-h2.htm></script>
Até mais.
Edit:
Para aparecer em varias área é este código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=225&mode=newtopic"]').attr('href', '/h1-');
jQuery('a[href^="/post?f=226&mode=newtopic"]').attr('href', '/h1-');
jQuery('a[href^="/post?f=227&mode=newtopic"]').attr('href', '/h1-');
});
- No campo a negrito, coloque o número do fórum em que deseja que o formulário funcione.
- No campo vermelho, coloque o ID da página criada anteriormente.
Re: Problema no formulário
Ta tudo certo mas quando eu clico em enviar aparece isto:
O que é?
aparece esta frase escreveu:Desculpa, mas apenas podem colocar tópicos neste fórum.
O que é?
Re: Problema no formulário
Olá novamente,
Isso da-me impressão que o seu formulário está errado
O formulário acima é das criações gráficas (como no fdf)?
Até já.
Isso da-me impressão que o seu formulário está errado
O formulário acima é das criações gráficas (como no fdf)?
Até já.
Re: Problema no formulário
Sim é do que é usado aqui, estava tudo certo, eu não modifiquei nada e apareceu aquela frase.
Re: Problema no formulário
Sendo assim utilize este:
- Código:
<script>
function gerartitulo() {
var tipo = document.getElementById("tipo").value;
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);
}
imagensdopedido = '';
function addimg() {
imagensdopedido = imagensdopedido + document.getElementById("imagens").value + " , ";
document.getElementById("imagens").value = "";
document.getElementById("imagens").focus();
}
function gerarpedido() {
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;
finalmessage = '[b\]Imagens a serem usadas :[/b\] ' + imagensdopedido + '\n [b\]Dimensões :[/b\] ' + dimensaoA + 'px X ' + dimensaoL + 'px\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();
}
</script>
<div id="form_pedidos_graficos">
<!-- Formulário dos pedidos -->
<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 formulário em baixo foi criado de forma a puder organizar melhor a forma como são feitos os pedidos gráficos. Selecione as opções que pretende para o seu 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;">Informações gerais</div>
<form action="/posting.forum" method="post" enctype="multipart/form-data" name="fa_form" id="fa_form" onsubmit="verificaForm();">
<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>
<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.
<input class="inputbox" type="text" id="imagens" tabindex="5" onChange="gerarpedido();" style="clear: both;" />
<a href="javascript: addimg();"><img src="http://2img.net/i/fa/fdf3/plus10.png" /></a></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="6" onChange="gerarpedido();" style="width: 30px; clear: both;" /> px (altura)
</dd></dl>
<dl><dt>
<label>Cor do fundo :</label></dt>
<dd>Código hexadecimal ou nome da cor que será usada no fundo do pedido. <a onclick="(document.getElementById('colorsel1').style.display == 'none') ? document.getElementById('colorsel1').style.display = 'block' : document.getElementById('colorsel1').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a>
<input class="inputbox" type="text" id="fundo" tabindex="6" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel1"></embed></center>
<dl><dt>
<label>Cor da fonte :</label></dt>
<dd>Código hexadecimal ou nome da cor que será usada na fonte do pedido. <a onclick="(document.getElementById('colorsel2').style.display == 'none') ? document.getElementById('colorsel2').style.display = 'block' : document.getElementById('colorsel2').style.display = 'none'" href="javascript:">Exibir/ocultar seletor de cores hexadecimal</a>
<input class="inputbox" type="text" id="fontecor" tabindex="7" onChange="gerarpedido();" style="width: 300px; clear: both;" />
</dd></dl>
<center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.2createawebsite.com/build/color.swf" width="500" height="450" type="application/x-shockwave-flash" wmode="transparent" quality="high" scale="exactfit" style="display: none;" id="colorsel2"></embed></center>
<dl><dt>
<label>Fonte :</label></dt><dd><select id="fonte" tabindex="8" 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="9" 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="9" 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="11" onChange="gerarpedido();" style="clear: both; height: 100px;"></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="3" />
<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>
<center><fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" type="submit" class="button1" name="post" /></center></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>
</div>
Re: Problema no formulário
O formulario esta mal criado(muito feio para um forum de design), poderia me passar outro?
Eu fiz varios sub-foruns, como eu tiro da descrição?
Eu fiz varios sub-foruns, como eu tiro da descrição?
Re: Problema no formulário
Nós já não fazemos formulários, somente ajudamos, com problemas
Mas adaptei códigos ao seu formulário, veja se dá:
O formulário no meu fórum não é visualizado...
Mas adaptei códigos ao seu formulário, veja se dá:
- Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </ script>
<script> rádio função (nameObtido, valObtido) {jQuery ('[name =' + nameObtido +'"]'). val (valObtido);}
gerarf function () {
/ * Script do Formulário * /
/ * 4 * º /
} </ Script>
<form action="/posting.forum" method="post" enctype="multipart/form-data">
<-! HTML do Formulário ->
<! - 2 º ->
<style>
. Previsu {
url ('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png'); fundo
border: 1px solid # 1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px importante;!
}
. Previsuimg {
position: relative;
}
. Div {previsuimg
position: absolute; top: 30px; left:-10px; border: 3px dupla # E0E0E0; fundo: RGBA (250, 250, 250, 0,9);
}
#. AddImage parte {background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-235px-600px; width: 60px; height: 20px;}
# AddImage mais {background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor: pointer;}.
. Parte da imagem. {Background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-235px-548px; width: 60px; height: 20px;}
. Remover imagem {float: left; fundo:. 0px url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-286px; padding-left: 16px; width: 12px; height: 20px; cursor: ponteiro; position: relative; top: 3px;}
. Previsualise imagem {float: left; fundo:. 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;}
. Imagem {width: 300px;}
</ Style>
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"> </ script>
<script>
gerartitulo function () {
Tipo var = document.getElementById ("tipo") valor.;
switch (tipo) {
caso »[Avatar] ':
tipob = 'Avatar';
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Assinatura] ':
tipob = "Assinatura";
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Userbar] ':
tipob = 'Userbar;
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Banner] ':
tipob = 'Banner';
'Input name [= "f "]'). val ('9' jQuery ();
break;
caso "[Logo] ':
tipob = 'Logo';
'Input name [= "f "]'). val ('9' jQuery ();
break;
caso '[Menu]':
caso »[Botões] ':
caso "[Ícones] ':
caso »[Ranks] ':
'Input name [= "f "]'). val ('10' jQuery ();
break;
caso "[Outros] ':
caso "[Imagem] ':
'Input name [= "f "]'). val ('17' jQuery ();
break;
}
var cor = document.getElementById ("cor") de valor.;
Tamanho var = document.getElementById ("Tamanho") valor.;
var Texto = document.getElementById ("texto") valor.;
textotonalidade var = document.getElementById ("textotonalidade") valor.;
cortonalidade var = document.getElementById ("cortonalidade") valor.;
. JQuery ("[nome = assunto] input") attr ('value', Tipo CR + + + cortonalidade Tamanho Texto + + textotonalidade);
. JQuery ("# titlecode") html (tipo CR + + + cortonalidade Tamanho Texto + + textotonalidade);
se (tipo == "[Avatar] | | Tipo ==" [Assinatura] | | Tipo == "[Userbar] | | Tipo ==" [Banner] | | Tipo == "[Logo]" ) {
jQuery ('# size_extra optgroup') CSS ('display', 'block').;
jQuery ('# size_extra optgroup rótulo [=! tipob + +']'). css (' display ',' none ');
jQuery ('# size_extra_span') CSS ('display', 'block').;
}
else {
jQuery ('# size_extra_span') CSS ('display', 'none').;
}
}
Imagensdopedido ='';
gerarpedido function () {
gerartitulo ();
cordofundo var = document.getElementById ("Fundo") valor.;
cordafonte var = document.getElementById ("fontecor") valor.;
nomedafonte var = (document.getElementById ("Fonte").''== valor)? document.getElementById ("fonteNome") Valor: document.getElementById ("Fonte") de valor;..
tipodeanimacao var = (document.getElementById ("animacao").''== valor)? document.getElementById ("animacaoNome") Valor: document.getElementById ("animacao") de valor;..
tipodemoldura var = (document.getElementById ("Moldura").''== valor)? document.getElementById ("molduraNome") Valor: document.getElementById ("Moldura") de valor;..
descricaodopedido var = document.getElementById ("ADICIONAIS") innerHTML.;
descricaodopedido var = document.getElementById ("ADICIONAIS") valor.;
var dimensaoA = document.getElementById ("dimensoesA") valor.;
var = document.getElementById dimensaoL ("dimensoesL") valor.;
dimensaof var = (document.getElementById ("size_extra").''== valor)? dimensaoA + 'x' + dimensaoL + 'px':. valor document.getElementById ("size_extra");
urlforum var = document.getElementById ("urlforum") valor.;
finalmessage = 'Endereço do Forum: [url]' + + urlforum '[/ url] \ nImagens um Serém usadas:' + imagensdopedido + 'Dimensões: \ n' + dimensaof + 'NCoR \ do Fundo: #' + cordofundo + ' \ NCoR da Fonte: # '+ cordafonte +' \ nFonte: '+ nomedafonte +' nAnimação: \ '+ tipodeanimacao +' nMoldura: \ '+ tipodemoldura +' \ nDescrição do Trabalho: '+ descricaodopedido;
jQuery ("[nome = mensagem] input") attr ('value', finalmessage).;
}
outra função (id) {
var inputID = ID + "Nome";
(Document.getElementById (id).''== Valor)? document.getElementById (inputID) style.display = 'inline': document.getElementById (inputID) 'none' = style.display;..
document.getElementById (inputID) focus ().;
}
removeimg function (obj) {
obj.parent () pai () remove ()..;
update_img ();
}
addimg function () {
. $ ('# AddImage') antes ('class=image> <td class=part> </ td> estilo de entrada <= "float: left; display: inline; background-color: # ffffff; border: 1px solid # BCBCBC; color: # 666666; padding: 2px; cursor: text; "digite o nome text = = = onchange imagens" update_img_list () "/ div> class="previsualise"> </ div> <div class = "remover" onClick = removeimg "($ (this ))"></ div> <div class="previsuimg"> <div> </ div> </ div> </ td> </ tr> ') ;
$ ('# AddImage) prev ().. Find ('. Previsualise '). Hover (
function () {
$ (This) pai ().. Find ('. Previsuimg'). Html ('<div> <img src = "' + encodeURI ($ (this) pai ().. Find ('input'). Attr ( . "valor'))+'" </> </ div> ') find (' div ') CSS (' display ',' block ').;
}
function () {
.. $ (This) pai () encontrar css ('display', 'none') ('div previsuimg.').;
}
);
update_img ();
}
update_img function () {
.. Se a imagem ($('..) Comprimento <2) $ ('imagem remove') hide ().;
else $ show () ('imagem remover.. »).;
update_img_list ();
}
update_img_list function () {
Imagensdopedido ='';
('[Name = imagens] input') jQuery. Cada função ((index) {
if ($ (this) val. (!) ='') {
imagensdopedido imagensdopedido + = $ val (este) () + ".»;
}
});
gerarpedido ();
}
gerartitulo ();
gerarpedido ();
</ Script>
<h1 class="page-title"> Formulário de Pedidos Gráficos </ h1>
<div class="panel class="inner"> div row2"> <span class="corners-top"> <span> </ span> </ span>
class="h3" div style="margin-top: 7px;"> Sobre o Formulário </ div>
<p style="font-size: 12px;"> O PRESENTE FOI CRIADO Formulário com o OBJETIVO de PROMOVER UMA Maior Organização dos Pedidos Feitos nd Seção Gráfica fórum deste. Em CADA UMA das divisoes Abaixo Podera encontrar UMA Parte do Código, a Caixa Primeira - "Informações Gerais" - vale par o Título eA Segunda n. O Corpo da Mensagem. ASSIM Que Feito estiver Tudo, Podera ENVIAR o Pedido, automaticamente postado Que Sera. Se necessitar de Alguma modificação, Podera Fazer editando uma Mensagem SUA. </ A>.
</ P> <span class="corners-bottom"> <span> </ span> </ span>
</ Div>
</ Div>
class="clear" div 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();">
class="fields1"> <fieldset
<dl> <dt>
<label> Tipo de Pedido: </ label> </ dt> <dd> <select id="tipo" tabindex="1" onChange="gerartitulo();" />
value=""> <option </ 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 in 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 Lista da </ option> </ select> <select id="cortonalidade" onChange="gerartitulo();" />
value=""> <option </ option>
<option value=""> Normal </ option>
<option value=" claro"> Claro </ option>
value=" <option escuro"> Escuro </ option> </ select> </ dd> </ dl>
<dl> <dt>
Tamanho <label> geral: </ label> </ dt> <dd> <select id="tamanho" tabindex="3" onChange="gerartitulo();" />
<option value=" "> </ option>
value=" <option-Pequeno "> Pequeno </ option>
value=" <option-Médio "> Médio </ option>
value=" <option-Grande "> Grande </ option> </ select> </ dd> </ dl>
<dl> <dt>
<label> Geral Cor do texto: </ label> </ dt> <dd> <select id="texto" tabindex="4" onChange="gerartitulo();" />
<option value=" "> </ option>
<option value="- Texto vermelho "> Vermelho </ option>
<option value="- verde Texto "> Verde </ option>
<option value="- Texto amarelo "> Amarelo </ option>
<option value="- opção </> Texto "> Azul Azul
<option value="- Texto roxo "> Roxo </ option>
<option value="- rosa Texto "> Rosa </ option>
<option value="- opção </> Texto "> laranja Laranja
<option value="- opção </> Texto branco "> Branco
<option value="- Texto preto "> Preto </ option>
<option value="- Cinza Texto "> Cinza </ option>
<option value="- marrom Texto "> Marrom </ option>
<option value=""> Nenhuma Lista da </ option> </ select> <select id="textotonalidade" onChange="gerartitulo();" />
value=""> <option </ option>
<option value=""> Normal </ option>
<option value=" claro"> Claro </ option>
value=" <option escuro"> Escuro </ option> </ select> </ dd> </ dl>
</ Fieldset>
<span class="corners-bottom"> <span> </ span> </ span> </ div> </ div>
class="clear" div style="height: 6px;"> </ div>
<div class="inner"> class="panel"> <div class="corners-top"> <span> </ span> </ span>
<div class="h3" style="margin-top: 7px;"> Informações Específicas </ div>
class="fields1"> <fieldset
<dl> <dt>
Imagens usadas <label> um Serém: </ label> </ dt>
INDIQUE <dd> o Endereço da imagem um USAR. Caso necessite de Imagens Mais, in: carregue +, Para quê o Endereço SEJA validado. Este Desaparecer ira, e Podera entao Veja outras Outro Endereço.
<table>
id="addimage"> <tr
<td class="part"> </ td>
<td>
<div class="more" onClick="addimg()"> </ div>
</ Td>
</ Tr>
</ Table>
addimg <script type="text/javascript"> () </ script>
</ Dd> </ dl>
<dl> <dt>
<label> Dimensões: </ label> </ dt>
<input <dd> class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" />
px (Height) 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: Padrões none;"> Tamanhos do Tipo de Pedido escolhido: id="size_extra"> <select
value=""> <option </ option>
<optgroup label="Avatar">
<option value="120 px"> x 120 px 120 x 120 </ option>
<option value="100 px"> x 120 px 100 x 120 </ option>
<option value="120 px"> x 160 px 120 x 160 </ option>
<option value="140 px"> x 180 px 140 x 180 </ option>
<option value="140 px"> x 200 px 140 x 200 </ option>
<option value="150 px"> x 180 px 150 x 180 </ option>
<option value="150 px"> x 200 px 150 x 200 </ option>
</ Optgroup>
<optgroup label="Assinatura">
<option value="400 px"> x 120 px 400 x 120 </ option>
<option value="400 px"> x 150 px 400 x 150 </ option>
<option value="450 px"> x 150 px 450 x 150 </ option>
</ Optgroup>
<optgroup label="Userbar">
<option value="350 px"> x 19 350 x 19 px </ option>
</ Optgroup>
<optgroup label="Banner">
<option value="70 px"> x 30 70 x 30 px </ option>
<option value="90 px"> x 15 90 x 15 px </ option>
<option value="120 px"> x 60 120 x 60 px </ option>
<option value="150 px"> x 50 150 x 50 px </ option>
<option value="468 px"> x 60 468 x 60 px </ option>
</ Optgroup>
<optgroup label="Logo">
<option value="600 px"> x 200 px 600 x 200 </ option>
<option value="750 px"> x 200 px 750 x 200 </ option>
<option value="800 px"> x 220 px 800 x 220 </ option>
<option value="150 px"> x 50 830 x 200 px </ option>
</ Optgroup>
</ Select> </ span>
</ Dd> </ dl>
<dl> <dt>
<label> Seu Endreço do fórum: </ label> </ dt>
<dd> LEMBRE-SE Que se se nao possuir hum VÁLIDO Endereço, Seu Pedido Será, 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 USADA serviços Devera: <br>
<Input type = "text" tabindex = "9" onChange "gerarpedido ();" = class = "inputbox cor champ" value = "FFFFFF" id = "Fundo" name = maxlength "couleur_fond" = "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 direito; "/>
</ Dd> </ dl>
<dl> <dt>
<label> Cor da fonte: </ label> </ dt>
<dd> Código hexadecimal da cor Que USADA serviços Devera: <br>
<Input type = "text" tabindex = "10" onChange "gerarpedido ();" = class = "inputbox cor champ" value = "FFFFFF" id = "fontecor" name = maxlength "couleur_fond" = "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 direito; "/>
</ 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: Black;"> Arial 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: New;"> Courier Courier New </ option>
<option value="Georgia" style="font-family: Georgia;"> Geórgia </ 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-weight: bold;"> Verdana </ option>
<option value="Visitor TTK 2" style="font-family: Visitante Visitante TTK 2;"> TTK 2 (in Userbars USADA) </ opção>
<option value=""> Outra </ option>
</ Select> <input id = "estilo fonteNome" = "display: none; width: 400px;"? Qual "class =" inputbox "value = 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"> Nao </ option>
<option value=""> Sim </ option>
</ Select> <input id = "estilo animacaoNome" = "display: none; width: 400px;"? Como "class =" inputbox "value = 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"> Nao </ option>
<option value=""> Sim </ option>
</ Select> <input id = "estilo molduraNome" = "display: none; width: 400px;"? Como "class =" inputbox "value = 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>
<textarea <dd> class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: <em> height: 100px; width: 500px;"> </ textarea> < / dd> </ dl>
</ Fieldset>
<-! Ocultos ->
<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="3" />
<input type="hidden" name="lt" value="0" />
<-! Visualizar Pré ->
<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>
O formulário no meu fórum não é visualizado...
Re: Problema no formulário
SantolaZ escreveu:Nós já não fazemos formulários, somente ajudamos, com problemas
Mas adaptei códigos ao seu formulário, veja se dá:
- Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </ script>
<script> rádio função (nameObtido, valObtido) {jQuery ('[name =' + nameObtido +'"]'). val (valObtido);}
gerarf function () {
/ * Script do Formulário * /
/ * 4 * º /
} </ Script>
<form action="/posting.forum" method="post" enctype="multipart/form-data">
<-! HTML do Formulário ->
<! - 2 º ->
<style>
. Previsu {
url ('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png'); fundo
border: 1px solid # 1675BC;
display: none;
position: absolute;
top: 350px;
margin: auto;
margin-left: 150px importante;!
}
. Previsuimg {
position: relative;
}
. Div {previsuimg
position: absolute; top: 30px; left:-10px; border: 3px dupla # E0E0E0; fundo: RGBA (250, 250, 250, 0,9);
}
#. AddImage parte {background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-235px-600px; width: 60px; height: 20px;}
# AddImage mais {background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor: pointer;}.
. Parte da imagem. {Background: url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-235px-548px; width: 60px; height: 20px;}
. Remover imagem {float: left; fundo:. 0px url (http://i46.tinypic.com/2wrdc42.jpg) no-repeat-286px; padding-left: 16px; width: 12px; height: 20px; cursor: ponteiro; position: relative; top: 3px;}
. Previsualise imagem {float: left; fundo:. 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;}
. Imagem {width: 300px;}
</ Style>
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"> </ script>
<script>
gerartitulo function () {
Tipo var = document.getElementById ("tipo") valor.;
switch (tipo) {
caso »[Avatar] ':
tipob = 'Avatar';
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Assinatura] ':
tipob = "Assinatura";
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Userbar] ':
tipob = 'Userbar;
'Input name [= "f "]'). val ('13' jQuery ();
break;
caso »[Banner] ':
tipob = 'Banner';
'Input name [= "f "]'). val ('9' jQuery ();
break;
caso "[Logo] ':
tipob = 'Logo';
'Input name [= "f "]'). val ('9' jQuery ();
break;
caso '[Menu]':
caso »[Botões] ':
caso "[Ícones] ':
caso »[Ranks] ':
'Input name [= "f "]'). val ('10' jQuery ();
break;
caso "[Outros] ':
caso "[Imagem] ':
'Input name [= "f "]'). val ('17' jQuery ();
break;
}
var cor = document.getElementById ("cor") de valor.;
Tamanho var = document.getElementById ("Tamanho") valor.;
var Texto = document.getElementById ("texto") valor.;
textotonalidade var = document.getElementById ("textotonalidade") valor.;
cortonalidade var = document.getElementById ("cortonalidade") valor.;
. JQuery ("[nome = assunto] input") attr ('value', Tipo CR + + + cortonalidade Tamanho Texto + + textotonalidade);
. JQuery ("# titlecode") html (tipo CR + + + cortonalidade Tamanho Texto + + textotonalidade);
se (tipo == "[Avatar] | | Tipo ==" [Assinatura] | | Tipo == "[Userbar] | | Tipo ==" [Banner] | | Tipo == "[Logo]" ) {
jQuery ('# size_extra optgroup') CSS ('display', 'block').;
jQuery ('# size_extra optgroup rótulo [=! tipob + +']'). css (' display ',' none ');
jQuery ('# size_extra_span') CSS ('display', 'block').;
}
else {
jQuery ('# size_extra_span') CSS ('display', 'none').;
}
}
Imagensdopedido ='';
gerarpedido function () {
gerartitulo ();
cordofundo var = document.getElementById ("Fundo") valor.;
cordafonte var = document.getElementById ("fontecor") valor.;
nomedafonte var = (document.getElementById ("Fonte").''== valor)? document.getElementById ("fonteNome") Valor: document.getElementById ("Fonte") de valor;..
tipodeanimacao var = (document.getElementById ("animacao").''== valor)? document.getElementById ("animacaoNome") Valor: document.getElementById ("animacao") de valor;..
tipodemoldura var = (document.getElementById ("Moldura").''== valor)? document.getElementById ("molduraNome") Valor: document.getElementById ("Moldura") de valor;..
descricaodopedido var = document.getElementById ("ADICIONAIS") innerHTML.;
descricaodopedido var = document.getElementById ("ADICIONAIS") valor.;
var dimensaoA = document.getElementById ("dimensoesA") valor.;
var = document.getElementById dimensaoL ("dimensoesL") valor.;
dimensaof var = (document.getElementById ("size_extra").''== valor)? dimensaoA + 'x' + dimensaoL + 'px':. valor document.getElementById ("size_extra");
urlforum var = document.getElementById ("urlforum") valor.;
finalmessage = 'Endereço do Forum: [url]' + + urlforum '[/ url] \ nImagens um Serém usadas:' + imagensdopedido + 'Dimensões: \ n' + dimensaof + 'NCoR \ do Fundo: #' + cordofundo + ' \ NCoR da Fonte: # '+ cordafonte +' \ nFonte: '+ nomedafonte +' nAnimação: \ '+ tipodeanimacao +' nMoldura: \ '+ tipodemoldura +' \ nDescrição do Trabalho: '+ descricaodopedido;
jQuery ("[nome = mensagem] input") attr ('value', finalmessage).;
}
outra função (id) {
var inputID = ID + "Nome";
(Document.getElementById (id).''== Valor)? document.getElementById (inputID) style.display = 'inline': document.getElementById (inputID) 'none' = style.display;..
document.getElementById (inputID) focus ().;
}
removeimg function (obj) {
obj.parent () pai () remove ()..;
update_img ();
}
addimg function () {
. $ ('# AddImage') antes ('class=image> <td class=part> </ td> estilo de entrada <= "float: left; display: inline; background-color: # ffffff; border: 1px solid # BCBCBC; color: # 666666; padding: 2px; cursor: text; "digite o nome text = = = onchange imagens" update_img_list () "/ div> class="previsualise"> </ div> <div class = "remover" onClick = removeimg "($ (this ))"></ div> <div class="previsuimg"> <div> </ div> </ div> </ td> </ tr> ') ;
$ ('# AddImage) prev ().. Find ('. Previsualise '). Hover (
function () {
$ (This) pai ().. Find ('. Previsuimg'). Html ('<div> <img src = "' + encodeURI ($ (this) pai ().. Find ('input'). Attr ( . "valor'))+'" </> </ div> ') find (' div ') CSS (' display ',' block ').;
}
function () {
.. $ (This) pai () encontrar css ('display', 'none') ('div previsuimg.').;
}
);
update_img ();
}
update_img function () {
.. Se a imagem ($('..) Comprimento <2) $ ('imagem remove') hide ().;
else $ show () ('imagem remover.. »).;
update_img_list ();
}
update_img_list function () {
Imagensdopedido ='';
('[Name = imagens] input') jQuery. Cada função ((index) {
if ($ (this) val. (!) ='') {
imagensdopedido imagensdopedido + = $ val (este) () + ".»;
}
});
gerarpedido ();
}
gerartitulo ();
gerarpedido ();
</ Script>
<h1 class="page-title"> Formulário de Pedidos Gráficos </ h1>
<div class="panel class="inner"> div row2"> <span class="corners-top"> <span> </ span> </ span>
class="h3" div style="margin-top: 7px;"> Sobre o Formulário </ div>
<p style="font-size: 12px;"> O PRESENTE FOI CRIADO Formulário com o OBJETIVO de PROMOVER UMA Maior Organização dos Pedidos Feitos nd Seção Gráfica fórum deste. Em CADA UMA das divisoes Abaixo Podera encontrar UMA Parte do Código, a Caixa Primeira - "Informações Gerais" - vale par o Título eA Segunda n. O Corpo da Mensagem. ASSIM Que Feito estiver Tudo, Podera ENVIAR o Pedido, automaticamente postado Que Sera. Se necessitar de Alguma modificação, Podera Fazer editando uma Mensagem SUA. </ A>.
</ P> <span class="corners-bottom"> <span> </ span> </ span>
</ Div>
</ Div>
class="clear" div 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();">
class="fields1"> <fieldset
<dl> <dt>
<label> Tipo de Pedido: </ label> </ dt> <dd> <select id="tipo" tabindex="1" onChange="gerartitulo();" />
value=""> <option </ 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 in 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 Lista da </ option> </ select> <select id="cortonalidade" onChange="gerartitulo();" />
value=""> <option </ option>
<option value=""> Normal </ option>
<option value=" claro"> Claro </ option>
value=" <option escuro"> Escuro </ option> </ select> </ dd> </ dl>
<dl> <dt>
Tamanho <label> geral: </ label> </ dt> <dd> <select id="tamanho" tabindex="3" onChange="gerartitulo();" />
<option value=" "> </ option>
value=" <option-Pequeno "> Pequeno </ option>
value=" <option-Médio "> Médio </ option>
value=" <option-Grande "> Grande </ option> </ select> </ dd> </ dl>
<dl> <dt>
<label> Geral Cor do texto: </ label> </ dt> <dd> <select id="texto" tabindex="4" onChange="gerartitulo();" />
<option value=" "> </ option>
<option value="- Texto vermelho "> Vermelho </ option>
<option value="- verde Texto "> Verde </ option>
<option value="- Texto amarelo "> Amarelo </ option>
<option value="- opção </> Texto "> Azul Azul
<option value="- Texto roxo "> Roxo </ option>
<option value="- rosa Texto "> Rosa </ option>
<option value="- opção </> Texto "> laranja Laranja
<option value="- opção </> Texto branco "> Branco
<option value="- Texto preto "> Preto </ option>
<option value="- Cinza Texto "> Cinza </ option>
<option value="- marrom Texto "> Marrom </ option>
<option value=""> Nenhuma Lista da </ option> </ select> <select id="textotonalidade" onChange="gerartitulo();" />
value=""> <option </ option>
<option value=""> Normal </ option>
<option value=" claro"> Claro </ option>
value=" <option escuro"> Escuro </ option> </ select> </ dd> </ dl>
</ Fieldset>
<span class="corners-bottom"> <span> </ span> </ span> </ div> </ div>
class="clear" div style="height: 6px;"> </ div>
<div class="inner"> class="panel"> <div class="corners-top"> <span> </ span> </ span>
<div class="h3" style="margin-top: 7px;"> Informações Específicas </ div>
class="fields1"> <fieldset
<dl> <dt>
Imagens usadas <label> um Serém: </ label> </ dt>
INDIQUE <dd> o Endereço da imagem um USAR. Caso necessite de Imagens Mais, in: carregue +, Para quê o Endereço SEJA validado. Este Desaparecer ira, e Podera entao Veja outras Outro Endereço.
<table>
id="addimage"> <tr
<td class="part"> </ td>
<td>
<div class="more" onClick="addimg()"> </ div>
</ Td>
</ Tr>
</ Table>
addimg <script type="text/javascript"> () </ script>
</ Dd> </ dl>
<dl> <dt>
<label> Dimensões: </ label> </ dt>
<input <dd> class="inputbox" type="text" id="dimensoesL" tabindex="6" onChange="gerarpedido();" style="width: 30px; clear: both;" />
px (Height) 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: Padrões none;"> Tamanhos do Tipo de Pedido escolhido: id="size_extra"> <select
value=""> <option </ option>
<optgroup label="Avatar">
<option value="120 px"> x 120 px 120 x 120 </ option>
<option value="100 px"> x 120 px 100 x 120 </ option>
<option value="120 px"> x 160 px 120 x 160 </ option>
<option value="140 px"> x 180 px 140 x 180 </ option>
<option value="140 px"> x 200 px 140 x 200 </ option>
<option value="150 px"> x 180 px 150 x 180 </ option>
<option value="150 px"> x 200 px 150 x 200 </ option>
</ Optgroup>
<optgroup label="Assinatura">
<option value="400 px"> x 120 px 400 x 120 </ option>
<option value="400 px"> x 150 px 400 x 150 </ option>
<option value="450 px"> x 150 px 450 x 150 </ option>
</ Optgroup>
<optgroup label="Userbar">
<option value="350 px"> x 19 350 x 19 px </ option>
</ Optgroup>
<optgroup label="Banner">
<option value="70 px"> x 30 70 x 30 px </ option>
<option value="90 px"> x 15 90 x 15 px </ option>
<option value="120 px"> x 60 120 x 60 px </ option>
<option value="150 px"> x 50 150 x 50 px </ option>
<option value="468 px"> x 60 468 x 60 px </ option>
</ Optgroup>
<optgroup label="Logo">
<option value="600 px"> x 200 px 600 x 200 </ option>
<option value="750 px"> x 200 px 750 x 200 </ option>
<option value="800 px"> x 220 px 800 x 220 </ option>
<option value="150 px"> x 50 830 x 200 px </ option>
</ Optgroup>
</ Select> </ span>
</ Dd> </ dl>
<dl> <dt>
<label> Seu Endreço do fórum: </ label> </ dt>
<dd> LEMBRE-SE Que se se nao possuir hum VÁLIDO Endereço, Seu Pedido Será, 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 USADA serviços Devera: <br>
<Input type = "text" tabindex = "9" onChange "gerarpedido ();" = class = "inputbox cor champ" value = "FFFFFF" id = "Fundo" name = maxlength "couleur_fond" = "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 direito; "/>
</ Dd> </ dl>
<dl> <dt>
<label> Cor da fonte: </ label> </ dt>
<dd> Código hexadecimal da cor Que USADA serviços Devera: <br>
<Input type = "text" tabindex = "10" onChange "gerarpedido ();" = class = "inputbox cor champ" value = "FFFFFF" id = "fontecor" name = maxlength "couleur_fond" = "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 direito; "/>
</ 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: Black;"> Arial 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: New;"> Courier Courier New </ option>
<option value="Georgia" style="font-family: Georgia;"> Geórgia </ 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-weight: bold;"> Verdana </ option>
<option value="Visitor TTK 2" style="font-family: Visitante Visitante TTK 2;"> TTK 2 (in Userbars USADA) </ opção>
<option value=""> Outra </ option>
</ Select> <input id = "estilo fonteNome" = "display: none; width: 400px;"? Qual "class =" inputbox "value = 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"> Nao </ option>
<option value=""> Sim </ option>
</ Select> <input id = "estilo animacaoNome" = "display: none; width: 400px;"? Como "class =" inputbox "value = 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"> Nao </ option>
<option value=""> Sim </ option>
</ Select> <input id = "estilo molduraNome" = "display: none; width: 400px;"? Como "class =" inputbox "value = 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>
<textarea <dd> class="inputbox" id="adicionais" tabindex="14" onChange="gerarpedido();" style="clear: <em> height: 100px; width: 500px;"> </ textarea> < / dd> </ dl>
</ Fieldset>
<-! Ocultos ->
<input type="hidden" name="message" />
<input type="hidden" name="subject" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="3" />
<input type="hidden" name="lt" value="0" />
<-! Visualizar Pré ->
<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>
O formulário no meu fórum não é visualizado...
O formulario nem aparece desta vez, olhe: http://rendersdesigner.forumeiro.com/h1-
Re: Problema no formulário
Olá,
Quer o formulário igual ao daqui da criação gráfica? É isso?
Se sim diga o sub forum onde quer com o link....
Ate mais,
ddik
Quer o formulário igual ao daqui da criação gráfica? É isso?
Se sim diga o sub forum onde quer com o link....
Ate mais,
ddik
Re: Problema no formulário
ddik escreveu:Olá,
Quer o formulário igual ao daqui da criação gráfica? É isso?
Se sim diga o sub forum onde quer com o link....
Ate mais,
ddik
Sim eu quero o igual o daqui do FDF.
Os sub-foruns são:
http://rendersdesigner.forumeiro.com/f8-
http://rendersdesigner.forumeiro.com/f9-
http://rendersdesigner.forumeiro.com/f10-
http://rendersdesigner.forumeiro.com/f11-
http://rendersdesigner.forumeiro.com/f12-
Re: Problema no formulário
ddik escreveu:Olá,
Vou fazer aguarde.
Ate mais,
ddik
Quanto tempo demora +ou-?
Re: Problema no formulário
Olá,
Não sei depende se o ver erros o não... mas visto que não tenho de mexer em nada deve ser algum minutos
Ate mais,
ddik
Não sei depende se o ver erros o não... mas visto que não tenho de mexer em nada deve ser algum minutos
Ate mais,
ddik
Re: Problema no formulário
ddik escreveu:Olá,
Não sei depende se o ver erros o não... mas visto que não tenho de mexer em nada deve ser algum minutos
Ate mais,
ddik
Ok irei esperar ddik
EDIT:
É a limitação de quotes não esta funcionando, eu fiz mais de 4 citações e nem bloqueou.
Re: Problema no formulário
Olá,
Sobre isso do quotes vou ver...
Aqui este olhe veja se erra isto:
Ate mais,
ddik
Sobre isso do quotes vou ver...
Aqui este olhe veja se erra isto:
- 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('8');
break;
case '[Assinatura] ':
tipob = 'Assinatura';
jQuery('input[name="f"]').val('8');
break;
case '[Userbar] ':
tipob = 'Userbar';
jQuery('input[name="f"]').val('8');
break;
case '[Banner] ':
tipob = 'Banner';
jQuery('input[name="f"]').val('9');
break;
tipob = 'Logo';
jQuery('input[name="f"]').val('9');
break;
case '[Botões] ':
case '[Ícones] ':
case '[Ranks] ':
jQuery('input[name="f"]').val('11');
break;
case '[Outros] ':
case '[Imagem] ':
jQuery('input[name="f"]').val('12');
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://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://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>
<script>gerartitulo();</script>
Ate mais,
ddik
Re: Problema no formulário
Muito obrigado o form funcionou, mas enquanto os sub-foruns como eu faço para que eles sumam das descrições?
Re: Problema no formulário
Imagem com explicação:
Para o caso da imagem não aparecer:
https://i.servimg.com/u/f60/15/80/93/25/descri10.png
Para o caso da imagem não aparecer:
https://i.servimg.com/u/f60/15/80/93/25/descri10.png
Re: Problema no formulário
Olá,
Para isso faça o que diz nesta imagem:
https://2img.net/h/oi54.tinypic.com/15eh4qe.jpg
Ate mais,
ddik
Para isso faça o que diz nesta imagem:
https://2img.net/h/oi54.tinypic.com/15eh4qe.jpg
Ate mais,
ddik
Tópicos semelhantes
» Problema com formulário
» Problema com formulário
» Problema no formulário
» Problema com formulário
» Problema no formulário
» Problema com formulário
» Problema no formulário
» Problema com formulário
» Problema no formulário
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos