Formulário de postagens
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 • Compartilhe
Formulário de postagens
Qual é sua questão:
Bem eu criei um formulário, mas fica um pouco simples, eu gostava de criar um como a forumeiros tem, aquela parte de Qual é sua questão, Que medidas você tomou... e etc.
Alguém me poderia passar o código?
Que medidas você tomou para corrigir o problema:
Nenhuma
Apresente-nos imagens do problema (se necessário):
Bem eu criei um formulário, mas fica um pouco simples, eu gostava de criar um como a forumeiros tem, aquela parte de Qual é sua questão, Que medidas você tomou... e etc.
Alguém me poderia passar o código?
Que medidas você tomou para corrigir o problema:
Nenhuma
Apresente-nos imagens do problema (se necessário):
Re: Formulário de postagens
Olá!
Veja estes tutoriais:
[TUTORIAL] Criar um formulário de postagens
[TUTORIAL] Formulário de Postagens
Devo complementar que estes códigos não são tão fáceis e exijem pelo menos um conhecimento básico nos códigos, então peço para que leia com atenção.
Até mais!
Veja estes tutoriais:
[TUTORIAL] Criar um formulário de postagens
[TUTORIAL] Formulário de Postagens
Devo complementar que estes códigos não são tão fáceis e exijem pelo menos um conhecimento básico nos códigos, então peço para que leia com atenção.
Até mais!
Re: Formulário de postagens
Steeph eu sei que vc ajudou, mas não é isso que eu quero, eu já fiz o codigo em si, mas quero adicionar um codigo que tem na area das duvidas que diz "Qual é sua questão:" o codigo ira adicionar essa frase logo no topico, vou tentar explicar melhor, eu no meu formulário tenho o Titulo, Descrição e Mensagem, mas eu queria adicionar um texto que ficasse automaticamente no topico ex: Qual é sua questão: (isso aparece no formulário e depois quando clico em enviar aparecia no topico Qual é sua questão:) entende?
Re: Formulário de postagens
UP, alguem para me ajudar?
Re: Formulário de postagens
Bom...
Vou postar aqui o código do formulário da Forumeiros, mas você terá que ter um conhecimento básico para editar corretamente.
Vou postar aqui o código do formulário da Forumeiros, mas você terá que ter um conhecimento básico para editar corretamente.
- Código:
<div style="height:4px"></div><script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script><div style="height:4px"></div></div><div id="main"><div id="main-content"><script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script>
html_tpl = "<b>Qual é sua questão:</b><br>$1 <br><br><b>Que medidas você tomou para corrigir o problema:</b><br>$2<br><br><b>Apresente-nos imagens do problema (se necessário):</b><br>$3 <br><br>";
bbcode_tpl = "<strong>Qual é sua questão:</strong>\n$1 \n\n<strong>Que medidas você tomou para corrigir o problema:</strong>\n$2\n\n<strong>Apresente-nos imagens do problema (se necessário):</strong>\n$3";
$(document).ready(function(){
$('#bt-selecciona-forum').change(function() {
if($(this).val()!==""){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
}
});
$('#bt-apagar').click(function() {
$('#bt-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo').val('');
$('#form-part2, #bts').slideUp(300);
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').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($('#text-questao').val()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-corrigir').val());
tpl = tpl.replace("$3", $('#text-imgs').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('');
}
});
$('#titulo').blur(function() {
if($('#titulo').val()==''){
$('#titulo').val('Coloque aqui um título descritivo sobre a sua questão');
}
});
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>
<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">
<div id="none" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
<fieldset>
<p> O presente formulário foi adicionado as seções de suporte para melhor organização das questões. Vimos muitas perguntas sendo feitas sem quaisquer nexo e sem informações úteis, que não nos ajudavam a entender os problemas e dar o devido auxilio.<p> Coloque um título descrito e se possível, utilize apenas a primeira letra do mesmo em maiúsculo, pois facilita a indexação dos tópicos nos motores de busca do fórum. Seja bem descritivo em cada ponto do formulário, assim será ajudado mais de forma mais rápida, mais ágil.
</fieldset>
<div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Tipo de dúvida</div>
<fieldset class="fields1">
<dl><dt>
<label>Tipo de duvida?:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" />
<option value=""></option>
<option value="6">Problemas de conexão</option>
<option value="22">Questões sobre códigos</option>
<option value="25">Questões sobre a aparência do fórum</option>
<option value="27">Questões sobre funções do fórum</option>
<option value="30">Questões sobre créditos e nomes de domínio</option>
<option value="29">Questões diversas</option>
<option value="11">Necessidade dum técnico</option>
</select></dd></dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div></div>
<div class="clear" style="height: 6px;"></div>
<div class="panel" id="form-part2" style="display:none;"><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Sua Questão</div>
<fieldset class="fields1">
<dl><dt>
<label>Titulo:</label></dt>
<dd><input id="titulo" name="subject" value="Coloque aqui um título descritivo sobre a sua questão" class="inputbox" style="clear: both; width: 400px;" />
</dd></dl>
<dl><dt>
<label>Qual é sua questão:</label></dt>
<dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>
<dl><dt>
<label>Que medidas você tomou para corrigir o problema:</label></dt>
<dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>
<dl><dt>
<label>Apresente-nos imagens do problema (se necessário):</label></dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 500px;"></textarea>
</dd></dl>
</fieldset>
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f">
<input type="hidden" name="lt" value="0">
<span class="corners-bottom"><span></span></span></div></div>
<div id="bts" style="display:none;" 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 questão" type="button" class="button1" name="post" /> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1" />
<input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post" /></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>
<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="enviado..." /><br /><span class="conteudo_texto">enviado...</span></center><span class="corners-bottom"><span></span></span></div></div>
Tópicos semelhantes
» Formulário de Postagens do FdF
» Formulário de postagens
» Formulário de Postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de Postagens
» Formulário de postagens
» Formulário de postagens
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