Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

GSCode GSCode  • Qui 5 Dez 2013 - 20:21

Formulários Empty Formulários Qui 5 Dez 2013 - 20:21

Qual é minha questão:
Olá,
Exemplo.
Vou criar um tópico utilizando um Formulário em Dicas e Tutoriais assim que postado o Tutorial, Automaticamente ele vai para Gáleria entende?
Em meu Fórum, Código utilizado:
Código:
<div id="content" style="margin-right: 0px;"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>
select {padding: 6px;}
.button1 {display: inline-block;}
.submit-buttons{
float: left;
}
#right {height: 0px;}
#content-container div#content {
margin-right: 0px;
}
</style>
<script>
    html_tpl = "$0 <br><br><b>Nome do Arquivo:</b> $1 <br><br><b>Autor:</b> http://suportecommunity.forumeiros.com/forum<br><br><b>Funcionalidade:</b> PunBB <br><br><b>Categoria:</b> $4 <br><br><br> $5 <br><br>";
    bbcode_tpl = "[center][img]$0[/img][/center]\n[b]Nome do Arquivo:[/b] $1 \n[b]Autor:[/b] $2\n[b]Funcionalidade:[/b] $3\n[b]Categoria:[/b] $4 \n\n $5";
    $(document).ready(function(){
       $('#bt-apagar').click(function() {
          $('#form-submit input[type="text"],#form-submit textarea').val('');
          $('input[name="f"]').val($(this).val());
       });
       $('#bt-pr-questao').click(function() {
          tpl = html_tpl;
          tpl = tpl.replace("$0", $('#img').val());
          tpl = tpl.replace("$1", $('#titulo').val());
          tpl = tpl.replace("$2", $('#autor').val());
          tpl = tpl.replace("$3", $('#funcionalidade').val());
          tpl = tpl.replace("$4", $('#categoria').val());
          tpl = tpl.replace("$5", $('#text_editor_textarea').val());
          $('html, body').animate({
             scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideDown(300);
          $('#html-questao').html(tpl);
       });
       $('#bt-enviar').click(function() {
          tpl = bbcode_tpl;
          if($('#img').val()!=='' && $('#titulo').val()!=='' && $('#autor').val()!=='' && $('#funcionalidade').val()!=='' && $('#categoria').val()!=='' && $('#text_editor_textarea').val()!==''){
             tpl = tpl.replace("$0", $('#img').val());
             tpl = tpl.replace("$1", $('#titulo').val());
             tpl = tpl.replace("$2", $('#autor').val());
             tpl = tpl.replace("$3", $('#funcionalidade').val());
             tpl = tpl.replace("$4", $('#categoria').val());
             tpl = tpl.replace("$5", $('#text_editor_textarea').val());
             $('input[name="message"]').val(tpl);
             $('input[name="subject"]').val($('#titulo').val());
             $('#bt-enviar-e').click();
             $('#form-submit').slideUp(300);
             $('#enviado').slideDown(800);
          }else{
             $('#erro').slideUp(1);
             $('#erro').slideDown(800);
          }
       });
       $('#bt-pr-fechar').click(function() {
          $('html, body').animate({
             scrollTop: $("#pr-questao").offset().top
          }, 800);
          $('#pr-questao').slideUp(300);
          return false;
       });
       $('#titulo').click(function() {
          if($('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão'){
             $('#titulo').val('');
          }
       });
       jQuery('#titulo').keyup(function(){
          var t=document.getElementById('titulo').value.length;
          var i=document.getElementById('identifytitle');
          if(t<10&&t>0){
             var l=t-10;i.innerHTML='O título necessita mais '+l*-1+' caracteres'
          }
          else{
             i.innerHTML=''
          }
       });
       if(VarGET('f')!==''){
          $('#form-part2, #bts').slideDown(800);
          $('input[name="f"]').val(VarGET('f'));
          $('#bt-selecciona-forum').val(VarGET('f'));
       }
    });
    </script>
    <form action="/post" method="post" id="form-submit">

    <div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<br>

    <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">

 <br><div class="panel">
   <div class="inner"><div class="main-content frm-set">
         <p style="padding: 6px;"><b>Nota:</b> Preencha corretamente o formulário, coloque um título descritível, o autor do tutorial e as demais informações necessárias para não haver problemas.</p>
    </div>
        
   </div>
         <span class="corners-bottom"></span>
</div>
     <div class="panel" id="form-part2" style=""><div class="inner"><span class="corners-top"><span></span></span>
     <div class="h3" style="margin-top: 7px;">Formulário de postagem de Dicas e Tutoriais</div>
    
 <br>    <fieldset class="fields1">
<dl><dt>
     <label>Resultado do tutorial:</label></dt>
     <dd><input type="text" id="img" placeholder="Imagem do resultado" class="inputbox" style="clear: both; width: 450px;"> <div id="identifytitle" style="display:inline"></div>
    </dd></dl><br>
<dl><dt>
     <label>Título do tutorial:</label></dt>
     <dd><input type="text" id="titulo" placeholder="Título do tutorial" class="inputbox" style="clear: both; width: 450px;"> <div id="identifytitle" style="display:inline"></div>
    </dd></dl><br>
    <dl><dt>
     <label>Autor:</label></dt>
     <dd><input type="text" id="autor" placeholder="Autor do código" class="inputbox" style="clear: both; width: 210px;"> <div id="ender" style="display:inline"></div>
    </dd></dl><br>
<dl><dt>
     <label>Funcionalidade:</label></dt>
     <dd>
<select class="inputbox" id="funcionalidade">
<option value="PhpBB3">PhpBB3</option>
<option value="PunBB">PunBB</option>
<option value="PhpBB2">PhpBB2</option>
<option value="Invision">Invision</option>
<option value="PhpBB3/Phpbb2">PhpBB3/PhpBB2</option>
<option value="PhpBB3/PunBB">PhpBB3/PunBB</option>
<option value="PhpBB3/Invision">PhpBB3/Invision</option>
<option value="PunBB/PhpBB2">PunBB/PhpBB2</option>
<option value="PunBB/Invision">PunBB/Invision</option>
<option value="PhpBB2/Invision">PhpBB2/Invision</option>
<option value="PhpBB3/PhpBB2/PunBB">PhpBB3/PhpBB2/PunBB</option>
<option value="PhpBB3/PhpBB2/Invision">PhpBB3/PhpBB2/Invision</option>
<option value="PhpBB3/PunBB/Invision">PhpBB3/PunBB/Invision</option>
<option value="PhpBB2/PunBB/Invision">PhpBB2/PunBB/Invision</option>
<option value="Todas as versões">Todas as versões</option>
</select>
    </dd>
</dl>
<br>
<dl><dt>
     <label>Categoria:</label></dt>
     <dd>
<select class="inputbox" id="categoria">
<option value="Recursos S.Community">Recursos S.Community</option>
<option value="Recursos de Outros Autores">Recursos de Outros Autores</option>
</select>
    </dd>
</dl>
<br>
<dl><dt>
<span id="text_editor" style="
    display: block;
    border-top: 1px solid rgb(204, 204, 204);
    padding-bottom: 5px;
    height: 30px;
    margin-bottom: 0px;
    padding-top: 10px;
    width: 100%;
"><button class="button2" onclick="bbcode_tag('[b]','[/b]')" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="Negrito"><img src="http://2img.net/i/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"></button><button class="button2" onclick="bbcode_tag('[i]','[/i]')" onmouseover="helpline('i')" type="button" id="addbbcode2" accesskey="i" title="Itál."><img src="http://2img.net/i/fa/wysiwyg/text_italic.png" alt="Itál." title="Itál."></button> <button class="button2" onclick="bbcode_tag('[u]','[/u]')" onmouseover="helpline('u')" type="button" id="addbbcode4" accesskey="u" title="Sublinhar"><img src="http://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button><b style="font-size:11px">  </b><button class="button2" onclick="bbcode_tag('[left]','[/left]')" onmouseover="helpline('m')" type="button" id="addbbcode52" accesskey="m" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button> <button class="button2" onclick="bbcode_tag('[center]','[/center]')" onmouseover="helpline('t')" type="button" id="addbbcode30" accesskey="t" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button> <button class="button2" onclick="bbcode_tag('[right]','[/right]')" onmouseover="helpline('g')" type="button" id="addbbcode32" accesskey="g" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button><b style="font-size:11px">  </b><button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button> <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button><b style="font-size:11px">  </b><button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button> <button class="button2" onclick="bbcode_tag('[img]','[/img]')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button>&nbsp;<button class="button2" onclick="bbcode_tag('[url=','][/url]')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button></span>
     <label>Informações do tutorial:</label></dt>
     <dd><textarea id="text_editor_textarea" name="questao" class="inputbox" tabindex="14" style="clear: both; height: 280px; width:880px;"></textarea>
<div style="alignment-baseline: auto;  background-attachment: scroll;  background-clip: border-box;  background-color: rgba(0, 0, 0, 0);  background-image: none;  background-origin: padding-box;  background-position: 0% 0%;  background-repeat: repeat;  background-size: auto;  baseline-shift: baseline;  border-bottom-color: rgb(0, 0, 0);  border-bottom-left-radius: 0px;  border-bottom-right-radius: 0px;  border-bottom-style: none;  border-bottom-width: 0px;  border-collapse: separate;  border-image-outset: 0px;  border-image-repeat: stretch;  border-image-slice: 100%;  border-image-source: none;  border-image-width: 1;  border-left-color: rgb(0, 0, 0);  border-left-style: none;  border-left-width: 0px;  border-right-color: rgb(0, 0, 0);  border-right-style: none;  border-right-width: 0px;  border-top-color: rgb(0, 0, 0);  border-top-left-radius: 0px;  border-top-right-radius: 0px;  border-top-style: none;  border-top-width: 0px;  bottom: auto;  box-shadow: none;  box-sizing: content-box;  caption-side: top;  clear: none;  clip: auto;  clip-path: none;  clip-rule: nonzero;  color: rgb(0, 0, 0);  color-interpolation: srgb;  color-interpolation-filters: linearrgb;  color-rendering: auto;  cursor: text;  direction: ltr;  display: block;  dominant-baseline: auto;  empty-cells: show;  fill: #000000;  fill-opacity: 1;  fill-rule: nonzero;  filter: none;  
    float: right;  flood-color: rgb(0, 0, 0);  flood-opacity: 1;  font-family: Calibri, sans-serif;  font-size: 16px;  font-style: normal;  font-variant: normal;  font-weight: normal;  glyph-orientation-horizontal: 0deg;  glyph-orientation-vertical: auto;  
    height: 270px;  image-rendering: auto;  kerning: 0;  left: auto;  letter-spacing: normal;  lighting-color: rgb(255, 255, 255);  line-height: normal;  list-style-image: none;  list-style-position: outside;  list-style-type: disc;  margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  marker-end: none;  marker-mid: none;  marker-start: none;  mask: none;  mask-type: luminance;  max-height: none;  max-width: none;  min-height: 0px;  min-width: 0px;  opacity: 1;  orphans: 2;  outline-color: rgb(0, 0, 0);  outline-style: none;  outline-width: 0px;  overflow-wrap: break-word;  overflow-x: visible;  overflow-y: visible;  padding-bottom: 0px;  
    padding-left: 1%;  
    padding-right: 0px;  
    padding-top: 1px;  page-break-after: auto;  page-break-before: auto;  page-break-inside: auto;  pointer-events: auto;  position: static;  resize: none;  right: auto;  shape-rendering: auto;  speak: normal;  stop-color: rgb(0, 0, 0);  stop-opacity: 1;  stroke: none;  stroke-dasharray: none;  stroke-dashoffset: 0;  stroke-linecap: butt;  stroke-linejoin: miter;  stroke-miterlimit: 4;  stroke-opacity: 1;  stroke-width: 1;  tab-size: 8;  table-layout: auto;  text-align: start;  text-anchor: start;  text-decoration: none;  text-indent: 0px;  text-overflow: clip;  text-rendering: auto;  text-shadow: none;  text-transform: none;  top: auto;  unicode-bidi: normal;  vector-effect: none;  vertical-align: baseline;  visibility: visible;  white-space: normal;  widows: 2;  
    width: 18%;  word-break: normal;  word-spacing: 0px;  word-wrap: break-word;  writing-mode: lr-tb;  z-index: auto;  zoom: 1;"><img src="http://i.imgur.com/H1MJk.png" id="imguploadimage" onclick="jQuery(this).next().hide();jQuery(this).hide()" style="cursor: pointer !important; float: right; display: none;"><iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;width:100%;height:117%;"></iframe>1. O seu tutorial será avaliado pela staff antes de ser aprovado.<br><br>

2. Uma boa ortografia e a ilustração com imagens facilita o entendimento do seu tutorial.<br><br>

3. Sempre coloque os créditos do autor do tutorial, evite problemas.</div>
    </dd></dl>
    </fieldset>
    
     <input type="hidden" name="subject">
     <input type="hidden" name="message">
     <input type="hidden" name="mode" value="newtopic">
     <input type="hidden" name="f" value="31">
     <input type="hidden" name="lt" value="0">
    
  
    <span class="corners-bottom"><span></span></span></div></div><div id="sthd" style="margin:0px"></div>
     <br>
    <div id="bts" style="" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
     <fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1"> <input id="bt-enviar" value="Enviar tutorial" type="button" class="button1" name="post"> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1">
    <input id="bt-enviar-e" value="Enviar Tutorial" type="submit" class="button1" style="display:none;" name="post"></fieldset>
     <span class="corners-bottom"><span></span></span></div></div>
    </form>
</div>
<br>
    <div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="Enviando Tutorial..."><br><span class="conteudo_texto">Enviando Tutorial...</span></center><span class="corners-bottom"><span></span></span></div>
<iframe id="versaoiframe" style="width:0px;height:0px;border-top:1px solid white" src="javascript:document.write('<div id=wrap></div><div class=navbar></div><div class=forabg></div><div class=headerbar></div><div class=pun></div><div id=pun-about></div><div id=pun-navlinks></div><div id=pun-intro></div><div id=ipbwrapper></div><div id=gfooter></div><div id=submenu></div><div id=logostrip></div>')" frameborder="0"></iframe><form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage],#imguploadimage').css('display','block')"></form>
<script>
function bbcode_tag(o,c){
var t=jQuery('#text_editor_textarea');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};</script></div></div></div>
Até +

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

GSCode GSCode  • Qui 5 Dez 2013 - 22:15

Formulários Empty Re: Formulários Qui 5 Dez 2013 - 22:15

JScript escreveu:Agora sim, perfeito!

Procure no seu código o seguinte:
Código:
<input type="hidden" name="f" value="31">
E troque por:
Código:
<input type="hidden" name="f" value="11">
Agora uma breve explicação:
Veja como é a estrutura do link de seu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]f11-dicas-e-tutoriais

Na linha de código que passei acima, tem:
name="f" que corresponde ao sub fórum
value="11" que para o que você deseja, o número 11 corresponde ao sub fórum dicas-e-tutoriais que está no link que mostrei acima!

Entendeu?

Abraços,

JS
[sucesso=Tópico Resolvido & Fechado]Espero que resolva de outros membros da Best Skins![/sucesso]
Permissões neste sub-fórum
Não podes responder a tópicos