Formulário de criações gráficas

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

Resolvido Formulário de criações gráficas

Mensagem por juninho_xd em 06/08/11, 10:35 pm

Qual é minha questão:
Olá, gostaria que funcionasse o código igual o da seção gráfica do fdf.

Porém eu coloco tudo direitinho, mais quando eu vou clicar em novo tópico, na minha seção gráfica, nada é feito, sómente abre um tópico normal.

Gostaria que me ajudassem.

Queria que funcionasse em 2 seção:


Primeira:

http://high-tech.livreforum.com/f28-kit-avatar-sing-fanbar

Segunda:

http://high-tech.livreforum.com/f27-logo-e-banner



Agradeço muito se já, configurassem o código pra mim, pois eu não entendo muito de html.


Medidas que eu tomei para corrigir o problema:
Procurei alguns tópicos aqui no fdf, mais nada me ajudou.

Imagens do meu problema:


Endereço do meu fórum:
http://high-tech.livreforum.com/

Versão do meu fórum:
PHPBB3
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Formulário de criações gráficas

Mensagem por Dury em 07/08/11, 10:25 am

Olá,

Abra o bloco de notas e salve o código que tens, e logo depois substitua por este abaixo:
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;">Formulário de pedidos V2.0</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://illiweb.com/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="2" />
<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>

Você terá que configurá-lo sozinho visitando o seguinte tutorial: http://ajuda.forumeiros.com/t35148-
@Jeffrey escreveu:Olá,

Autor, ups só são permitidos depois de "24hrs", peço que por favor não cometa flood ou você será prejudicado.

Sobre sua questão, ceda a:
Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão dos códigos Javascript ->>
Clique no botão "Criar um novo Javascript" e no campo de código, adicione o seguinte código:
]jQuery(document).ready(function() {
jQuery('a[href^="/post?f=1&mode=newtopic"]').attr('href', '/h2-');
});

Lembre-se que, em "Investimento" deve estar marcado a opção "Nos sub-fóruns"

Até mais!
Piscada
Essa foi minha resposta em outro tópico, faça o mesmo e substitua os valores "/h2-" (Número da página do formulário), e também substitua o número "f=1" (Número da seção ao qual o botão novo tópico será modificado".

Até mais e bom dia!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Formulário de criações gráficas

Mensagem por juninho_xd em 07/08/11, 02:58 pm

Olá, mais como eu faço para configurar as seção que o código ira funcionar?

Olá, muito obrigado, conssegui.

Pode fechar o tópico por gentileza.
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

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

- Tópicos similares

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