Podiam fazer um formulário
Página 1 de 1 • Compartilhe
Podiam fazer um formulário
Qual é sua questão:
Seria possível fazerem um formulário simples, mas com os seguintes campos:
Qual é a sua questão:
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):
Link do fórum e versão:
Que medidas você tomou para corrigir o problema:
Nenhuma.
Apresente-nos imagens do problema (se necessário):
Nenhuma.
Seria possível fazerem um formulário simples, mas com os seguintes campos:
Qual é a sua questão:
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):
Link do fórum e versão:
Que medidas você tomou para corrigir o problema:
Nenhuma.
Apresente-nos imagens do problema (se necessário):
Nenhuma.
Re: Podiam fazer um formulário
rivas escreveu:Qual é sua questão:
Seria possível fazerem um formulário simples, mas com os seguintes campos:
Qual é a sua questão:
Que medidas você tomou para corrigir o problema:
Apresente-nos imagens do problema (se necessário):
Link do fórum e versão:
Que medidas você tomou para corrigir o problema:
Nenhuma.
Apresente-nos imagens do problema (se necessário):
Nenhuma.
Olá,
O antigo Formulário do FdF continha os campos apresentados.
O senhor deseja-o?
Até mais
Re: Podiam fazer um formulário
Olá,
Aqui está ele:
Até mais
Aqui está ele:
- Código:
<html><head><title>Central de suporte</title></head><body><div id="main"><div id="main-content"><style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
$(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() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').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-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').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()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#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');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
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=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
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 id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</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">
<span class="corners-top"></span>
<div class="h3" style="margin-top: 7px;">Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href="http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf" target="_blanck">Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href="http://ajuda.forumeiros.com/search" target="_blanck">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class="corners-bottom"></span>
</div>
<br>
<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>
<br>
<fieldset class="fields1">
<dl><dt>
<label>Problema enfrentado:</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" class="inputbox" style="width: 510px;">
<option value=""></option>
<option value="22">Códigos para implementação do meu fórum</option>
<option value="25">Personalização de uma certa área do meu fórum, templates ou códigos CSS</option>
<option value="27">Questões sobre o painel de controle, créditos e nomes de domínio</option>
</select></dd></dl>
</fieldset>
<ul class="topiclist" id="forumselect" style="display:none"><dd class="dterm" style="border-left:0px"><h3 class="hierarchy"><a class="forumtitle"></a></h3><br><img style="float:left;margin-right:4px"><div style="margin-top:5px" id="desc"></div> </dd></ul>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<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;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</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: 510px;" onblur="shh()"><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl><div id="sthd" style="margin:0px"></div>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;">
<select tabindex="1" class="inputbox" id="versao">
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd><div id="validardominio"></div></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:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><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>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</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>
<br>
<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>
<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..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id="getidmember" style="display:none">{USERNAME}</b>
<script>jQuery('#bt-selecciona-forum').change(function(){
if($(this).val()!==""){
$('#form-part2, #bts').show();
$('input[name="f"]').val($(this).val());
}else{
$('#form-part2, #bts').hide();
$('input[name="f"]').val($(this).val());
}
;var v=jQuery('#bt-selecciona-forum').val();if(v==''){jQuery('#forumselect').hide()}else{jQuery('#forumselect').slideDown(100);if(v=='22'){var title='Questões sobre códigos';var img='http://2img.net/i/fa/fdf/scripts.png';var desc='Dúvidas sobre códigos <b>HTML</b> e <b>BBCode</b>. Também, dúvidas sobre códigos <b>JavaScript</b> que tenham sido citados em algum de nossos tutoriais.'};if(v=='25'){var title='Questões sobre a aparência do fórum';var img='http://2img.net/i/fa/fdf/palette.png';var desc='Dúvidas sobre a aparência geral de seu fórum. Também, poderá tirar dúvidas sobre códigos <b>CSS</b> e <b>Templates</b> do fórum.'};if(v=='27'){var title='Questões sobre o painel de controle, créditos e domínios';var img='http://2img.net/i/fa/fdf/admin.png';var desc='Dúvidas sobre funções do <b>painel de controle</b>, <b>créditos</b> e <b>nomes de domínio</b>. A maioria das dúvidas estão esclarecidas em nossas FAQs.'};jQuery('#forumselect .forumtitle').html(title);jQuery('#forumselect img').attr('src',img);jQuery('#forumselect #desc').html(desc)}});jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<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]').css('display','block')"></form></div></div></body></html>
Até mais
Re: Podiam fazer um formulário
Poderia retirar a função "Tipo de Dúvida - Problema enfrentado:"
Re: Podiam fazer um formulário
rivas escreveu:Poderia retirar a função "Tipo de Dúvida - Problema enfrentado:"
Olá senhor,
Tentei fazer o melhor, mas não posso afirmar se está tudo correto. Poderia checar para mim?
- Código:
<html><head><title>Central de suporte</title></head><body><div id="main"><div id="main-content"><style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
});
$('#bt-apagar').click(function() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').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-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').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()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#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');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
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=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
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 id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</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">
<span class="corners-top"></span>
<div class="h3" style="margin-top: 7px;">Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href="http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf" target="_blanck">Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href="http://ajuda.forumeiros.com/search" target="_blanck">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class="corners-bottom"></span>
</div>
<br>
<br>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div class="inner"><div class="panel"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</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: 510px;" onblur="shh()"><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl><div id="sthd" style="margin:0px"></div>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;">
<select tabindex="1" class="inputbox" id="versao">
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd><div id="validardominio"></div></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:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><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>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</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>
<br>
<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></div>
</form>
<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..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id="getidmember" style="display:none">{USERNAME}</b>
<script>
jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<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]').css('display','block')"></form></div></div></body></html>
Até mais
Re: Podiam fazer um formulário
Perfeito, resolvido
Re: Podiam fazer um formulário
Afinal nao o Botao Enviar nao aparece
Re: Podiam fazer um formulário
rivas escreveu:Afinal nao o Botao Enviar nao aparece
Olá,
Desculpe
Não saiu da forma como esperava.
Enfim, testei esse código
- Código:
<html><head><title>Central de suporte</title></head><body><div id="main"><div id="main-content"><style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
$(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() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').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-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').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()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#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');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
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=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
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 id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</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">
<span class="corners-top"></span>
<div class="h3" style="margin-top: 7px;">Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href="http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf" target="_blanck">Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href="http://ajuda.forumeiros.com/search" target="_blanck">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class="corners-bottom"></span>
</div>
<br>
<br>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div class="inner"><div class="panel"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</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: 510px;" onblur="shh()"><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl><div id="sthd" style="margin:0px"></div>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;">
<select tabindex="1" class="inputbox" id="versao">
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd><div id="validardominio"></div></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:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><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>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</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>
<br>
<div id="bts" 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></div>
</form>
<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..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id="getidmember" style="display:none">Scrat</b>
<script>
jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<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]').css('display','block')"></form></div></div></body></html>
E o botão apareceu, só não posso confirmar se o mesmo está postando.
Desculpe, mas de novo peço para verificar se o mesmo está correto.
Até mais
Re: Podiam fazer um formulário
- Código:
<html><head><title>Central de suporte</title></head><body><div id="main"><div id="main-content"><style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
$(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() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').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-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').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()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#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');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
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=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
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 id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</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">
<span class="corners-top"></span>
<div class="h3" style="margin-top: 7px;">Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href="http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf" target="_blanck">Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href="http://ajuda.forumeiros.com/search" target="_blanck">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class="corners-bottom"></span>
</div>
<br>
<br>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div class="inner"><div class="panel"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</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: 510px;" onblur="shh()"><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl><div id="sthd" style="margin:0px"></div>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;">
<select tabindex="1" class="inputbox" id="versao">
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd><div id="validardominio"></div></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:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><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>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</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>
<br>
<div id="bts" 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></div>
</form>
<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..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id="getidmember" style="display:none">Scrat</b>
<script>
jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<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]').css('display','block')"></form></div></div></body></html>
Não tem o,
- Código:
jQuery('[name="f"]').val( '3' );
Como coloco ?
Re: Podiam fazer um formulário
rivas escreveu:
- Código:
<html><head><title>Central de suporte</title></head><body><div id="main"><div id="main-content"><style>
input.inputbox {
height: 18px;
}
.submit-buttons{
float: left;
}
</style>
<script>
html_tpl = "<b>Qual é minha questão:</b><br>$1 <br><br><b>Links e imagens do meu problema:</b><br>$2 <br><br><b>Endereço do meu fórum:</b><br>$3 <br><br><b>Versão do meu fórum:</b><br>$4 <br><br>";
bbcode_tpl = "[b]Qual é minha questão:[/b]\n$1 \n\n[b]Links e imagens do meu problema:[/b]\n$2\n\n[b]Endereço do meu fórum:[/b]\n$3\n\n[b]Versão do meu fórum:[/b]\n$4";
$(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() {
$('#forumselect').css('display','none');
$('#bt-selecciona-forum, #text-imgs, #text-questao, #titulo, #endereco, #versao').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-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').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()!=='' && $('#titulo').val()!=='' && $('#titulo').val()!='Coloque aqui um título descritivo sobre a sua questão' && $('#text-questao').val()!='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.' && $('#titulo').val().toLowerCase().indexOf('ajuda')==-1 && $('#titulo').val().toLowerCase().indexOf('ajude')==-1 && $('#titulo').val().toLowerCase().indexOf('urgente')==-1 && document.getElementById('titulo').value.length>9){
if(jQuery('#text-imgs').val()==''||jQuery('#text-questao').val()==jQuery('#text-imgs').val()){jQuery('#text-imgs').val('Não é necessário.')};
$('#titulo').val($('#titulo').val().substring(0,1).toUpperCase()+$('#titulo').val().substring(1,$('#titulo').val().length).toLowerCase());
$('#text-imgs').val($('#text-imgs').val().substring(0,1).toUpperCase()+$('#text-imgs').val().substring(1,$('#text-imgs').val().length));
$('#endereco').val($('#endereco').val().toLowerCase());
if($('#endereco').val()!=''&&$('#endereco').val().indexOf('http://')==-1){$('#endereco').val('http://'+$('#endereco').val())};
$('#text-questao').val($('#text-questao').val().substring(0,1).toUpperCase()+$('#text-questao').val().substring(1,$('#text-questao').val().length));
tpl = tpl.replace("$1", $('#text-questao').val());
tpl = tpl.replace("$2", $('#text-imgs').val());
tpl = tpl.replace("$3", $('#endereco').val());
tpl = tpl.replace("$4", $('#versao').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#titulo').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);}else if($('#text-questao').val()=='' || $('#titulo').val()=='' || $('#titulo').val()=='Coloque aqui um título descritivo sobre a sua questão' || $('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#erro').slideUp(1);
$('#erro').slideDown(800);
$('#erro2,#erro3').hide();
}else if($('#titulo').val().toLowerCase().indexOf('ajuda')!=-1||$('#titulo').val().toLowerCase().indexOf('ajude')!=-1||$('#titulo').val().toLowerCase().indexOf('urgente')!=-1){
$('#erro2').slideUp(1);
$('#erro2').slideDown(800);
$('#erro,#erro3').hide();
}else if(document.getElementById('titulo').value.length<10){
$('#erro3').slideUp(1);
$('#erro3').slideDown(800);
$('#erro,#erro2').hide();
}
});
$('#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');
}
});
$('#text-questao').click(function() {
if($('#text-questao').val()=='Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.'){
$('#text-questao').val('');
}
});
$('#text-questao').blur(function() {
if($('#text-questao').val()==''){
$('#text-questao').val('Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.');
}
});
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=''
}
});
var e='#endereco';
var v='#validardominio'
jQuery(e).parent().after('<div id=validardominio></div>')
jQuery(e).keyup(function(){
var u=jQuery(e).val();
m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;
if(u.match(m)){jQuery(v).html('')}else{jQuery(v).html('Esse domínio não é válido')};
});
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 id="erro2" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Não utilize as palavras "Ajuda", "Ajude" ou "Urgente" no título da questão, ela não descreve a sua dúvida</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<div id="erro3" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>O título da questão necessita pelo menos 10 caracteres</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">
<span class="corners-top"></span>
<div class="h3" style="margin-top: 7px;">Antes de postar uma pergunta</div>
<br>
<p>Antes de iniciar a sua viagem por este mundo de suporte, por favor leia as nossas <a href="http://ajuda.forumeiros.com/t82-regras-do-forum-dos-foruns-fdf" target="_blanck">Regras do Fórum</a>. É importante que essas regras sejam respeitadas, para que a comunidade cresça e floresça de forma saudável, amigável e agradável. O objetivo é que os próprios usuários contribuam com conteúdo útil e se entre-ajudem.<br><br><b>Nota:</b> Antes de postar, <a href="http://ajuda.forumeiros.com/search" target="_blanck">pesquise no fórum</a>, pois a sua questão poderá já ter sido respondida.</p>
</div>
<span class="corners-bottom"></span>
</div>
<br>
<br>
<span class="corners-bottom"><span></span></span></div></div>
<br>
<div class="inner"><div class="panel"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Corpo do formulário</div>
<br> <fieldset class="fields1">
<dl><dt>
<label>Título da questão:</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: 510px;" onblur="shh()"><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span>
</dd></dl><div id="sthd" style="margin:0px"></div>
<dl><dt>
<label>Endereço e versão do fórum:</label></dt>
<dd><input id="endereco" class="inputbox" style="clear: both; width: 408px;">
<select tabindex="1" class="inputbox" id="versao">
<option value="Não sei"></option>
<option value="PUNBB">PUNBB</option>
<option value="PHPBB2">PHPBB2</option>
<option value="PHPBB3">PHPBB3</option>
<option value="INVISION">INVISION</option>
</select>
</dd><div id="validardominio"></div></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:510px;">Fale mais sobre a sua pergunta. Quanto mais informações você fornecer, maior será a probabilidade de obter uma boa resposta.</textarea>
</dd></dl>
<dl><dt>
<label>Links e imagens do problema (se necessário):</label>
<br><br><br><br><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>
</dt>
<dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>
</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>
<br>
<div id="bts" 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></div>
</form>
<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..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
<b id="getidmember" style="display:none">Scrat</b>
<script>
jQuery.ajax({url:'/profile?mode=editprofile',success:function(d){if(jQuery('#profile_field_3_-10',d).val().indexOf('http://ajuda.forumeiros.com')==-1){jQuery('#endereco').val(jQuery('#profile_field_3_-10',d).val());if($('input[name="profile_field_8_2"][checked="checked"]',d).val()!=0){$('#versao').val($('input[name="profile_field_8_2"][checked="checked"]',d).next().attr('title').replace(/ /g,'').toUpperCase())}}}})</script>
<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]').css('display','block')"></form></div></div></body></html>
Não tem o,
- Código:
jQuery('[name="f"]').val( '3' );
Como coloco ?
Olá,
Apenas faça da maneira habitual, sem alterar nada.
Caso não funcione, mudaremos outra coisa.
Até mais
Re: Podiam fazer um formulário
Fiz isso tudo e diz:
jS.
Descrição:
Informações
O fórum selecionado não existe
jS.
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=34&mode=newtopic"]').attr('href', '/h13-');
});
Descrição:
- Código:
<script src=h15-></script>
Re: Podiam fazer um formulário
rivas escreveu:Fiz isso tudo e diz:Informações
O fórum selecionado não existe
jS.
- Código:
jQuery(document).ready(function() {
jQuery('a[href^="/post?f=34&mode=newtopic"]').attr('href', '/h13-');
});
Descrição:
- Código:
<script src=h15-></script>
Estou errando muito
Ache:
- Código:
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f">
<input type="hidden" name="lt" value="0">
E substitua por:
- Código:
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f" value="X">
<input type="hidden" name="lt" value="0">
Troque X pelo número do fórum
Até mais
Re: Podiam fazer um formulário
Não tem mal amigo !
Resolvido !
Resolvido !
Conteúdo patrocinado
Tópicos semelhantes
» Como fazer o plugin de comentarios do facebook só quando autorizado?
» Gostaria de fazer párceria?
» Como Fazer Abas de Navegação.
» Aviso no meu painel de controle. O que fazer?
» Colocar aviso antes de fazer Sair
» Gostaria de fazer párceria?
» Como Fazer Abas de Navegação.
» Aviso no meu painel de controle. O que fazer?
» Colocar aviso antes de fazer Sair
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos