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:
Endereço do meu fórum:
http://suportecommunity.forumeiros.com/forum
Versão:
PunBB
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> <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>
Endereço do meu fórum:
http://suportecommunity.forumeiros.com/forum
Versão:
PunBB