Erro não definido em formulário
2 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
Erro não definido em formulário
Oi eu criei um formulario para meu forum e quando clico em "Enviar" vai para uma pagina "/undefined" como posso arrumar isto?
Re: Erro não definido em formulário
Olá!
Se pudesse nos fornecer o formulário para ver encontrar os erros, seria ótimo!
Atenciosamente.
Se pudesse nos fornecer o formulário para ver encontrar os erros, seria ótimo!
Atenciosamente.
Re: Erro não definido em formulário
- Código:
<div id="main-content"><div style="height:8px"></div><style type="text/css">
#form-send, .form-info h3 {
background: #fcfcfc;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#form-send select, .form-info h3 {
font: 16px bold arial, tahoma, georgia;
}
.form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
#form-send select {
min-width: 150px;
padding: 4px;
cursor: pointer;
outline: none;
border: 1px solid #e0e0e0;
background: white;
}
.warn {
background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
border: 1px solid #e599aa;
margin: 3px 0;
color: #80001c;
padding: 3px;
}
fieldset.form-div dt {
font: 15px bold arial, tahoma, georgia;
padding: 5px 0;
vertical-align: top;
width: 13em;
}
fieldset.form-div dt, fieldset.form-div dd {
display: inline-block;
}
fieldset.form-div dd {width: 75%;}
fieldset.form-div dl:nth-child(odd) {
background: #f5f8fa !important;
}
fieldset.form-div dl:nth-child(even) {
background: #fff;
}
fieldset.form-div input[type="text"] {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
outline: none;
border: 1px solid #f0f0f0;
padding: 5px;
}
#countitle {
background: white;
color: #D60B8C;
border: 1px solid #e0e0e0;
padding: 5px;
border-radius: 3px;
}
fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
fieldset.form-div dl:after {
clear: both;
content: '.';
display: block;
height: 0px;
visibility: hidden;
}
#form-send .area {position: relative;}
#form-send .description {
z-index: 3;
top: 0;
right: 0;
width: 25%;
position: absolute;
background: white;
line-height: 18px;
color: #000000;
font-family: Calibri, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid silver;
}
#form-send .area .buttons {
-moz-background-clip: padding;
-moz-border-radius: 3px 3px 0 0;
-moz-user-select: none;
-ms-user-select: none;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px 3px 0 0;
-webkit-user-select: none;
background: #f7f7f7;
background-clip: padding-box;
border: 1px solid silver;
border-radius: 3px 3px 0 0;
line-height: 0;
width: 70%;
overflow: hidden;
padding: 3px 5px 2px;
}
#form-send .area .buttons .button {
background: white;
cursor: pointer;
outline: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e0e0e0;
padding: 3px;
}
#form-send .area .buttons .button:hover {border-color: #707070;}
#form-send .textarea_nc #textarea {
min-height: 200px;
color: #111;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: auto;
border: 0;
outline: none;
width: 100%;
}
#form-send .btns {
background: #f5f5f5;
border-top: 1px solid #d7d7d7;
padding: 10px;
text-align: center;
}
#form-send .area .textarea_nc {
background: white;
min-height: 200px;
cursor: se-resize;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
overflow: hidden;
padding: 3px 5px 2px;
border: 1px solid silver;
border-top: 0;
width: 70%;
}
</style>
<div class="form-info">
<h3>Formulário de Dicas e Tutoriais</h3><br>
<div class="warn" style="display: none;">
É necessário preencher todos os campos em branco.
</div>
</div>
<div id="form-send">
<fieldset class="form-div">
<dl><dt>
<label>Imagem do resultado:</label></dt>
<dd>
Largura <input type="text" style="width: 30px" id="largura" value="300">px <b>x</b> Altura <input type="text" style="width: 30px" id="altura" value="200">px<br><br>
<input type="text" style="clear: both;width: 400px;" id="img-t" value="http://2img.net/i/fa/empty.gif"><br>
<img id="prev-img" style="display: none;">
</dd>
</dl>
<dl><dt>
<label>Título do tutorial:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="titulo" placeholder="Título do tutorial"> <div id="countitle" style="display: none;"></div>
</dd>
</dl>
<dl><dt>
<label>Autor:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="autor" placeholder="Autor do código">
</dd>
</dl>
<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>
<dl><dt>
<label>Categoria:</label></dt>
<dd class="frm-input">
<select class="inputbox" id="categoria">
<option value="Recursos BestSkins">Recursos Fóruns Stark</option>
<option value="Recursos de Outros Autores">Recursos de Outros Autores</option>
</select>
</dd>
</dl>
<dl><dt>
<label>Descrição do tutorial:</label></dt>
<dd>
<select id="selecionarpainel">
<option>Selecionar diretório (opcional)</option>
<option value="Página inicial">Página inicial</option>
<optgroup label="Geral ⇒ Fórum ⇒"></optgroup>
<option value="Geral Fórum Configuração">Configuração</option>
<option value="Geral Fórum Categorias e fóruns">Categorias e fóruns</option>
<option value="Geral Fórum Endereço do Fórum">Endereço do Fórum</option>
<option value="Geral Fórum Segurança">Segurança</option>
<option value="Geral Fórum Cancelamento do Fórum">Cancelamento do Fórum</option>
<optgroup label="Geral ⇒ Mensagens e e-mails ⇒"></optgroup>
<option value="Geral Mensagens e e-mails Configuração">Configuração</option>
<option value="Geral Mensagens e e-mails Mensagens Privadas">Mensagens Privadas</option>
<option value="Geral Mensagens e e-mails E-mails e formulário de contato">E-mails e formulário de contato</option>
<option value="Geral Mensagens e e-mails Anúncios">Anúncios</option>
<option value="Geral Mensagens e e-mails Anexos">Anexos</option>
<optgroup label="Geral ⇒ Promoção do Fórum ⇒"></optgroup>
<option value="Geral Promoção do Fórum Convidar amigos">Convidar amigos</option>
<option value="Geral Promoção do Fórum Motores de busca">Motores de busca</option>
<option value="Geral Promoção do Fórum Diretório dos fóruns">Diretório dos fóruns</option>
<option value="Geral Promoção do Fórum Troca de tráfego">Troca de tráfego</option>
<optgroup label="Geral ⇒ Estatísticas ⇒"></optgroup>
<option value="Geral Estatísticas Estatísticas do fórum">Estatísticas do fórum</option>
<option value="Geral Estatísticas Recapitulativo dos votos">Recapitulativo dos votos</option>
<option value="Geral Estatísticas Google Analytics">Google Analytics</option>
<optgroup label="Geral ⇒ Newsletter ⇒"></optgroup>
<option value="Geral Newsletter Redação e envio">Redação e envio</option>
<option value="Geral Newsletter Rastreamento e arquivos">Rastreamento e arquivos</option>
<optgroup label="Geral ⇒ Censura ⇒"></optgroup>
<option value="Geral Censura Censura das palavras">Censura das palavras</option>
<option value="Geral Censura Censura de nomes de usuário">Censura de nomes de usuário</option>
<optgroup label="Geral ⇒ Relatório de alerta ⇒"></optgroup>
<option value="Geral Relatório de alerta Configuração">Configuração</option>
<option value="Geral Relatório de alerta Autorizações">Autorizações</option>
<option value="Geral Relatório de alerta Justificações">Justificações</option>
<option value="Geral Relatório de alerta Lista de Alertas">Lista de Alertas</option>
<optgroup label="Geral ⇒ Regulamentos e FAQ ⇒"></optgroup>
<option value="Geral Regulamentos e FAQ Regulamento suplementar">Regulamento suplementar</option>
<option value="Geral Regulamentos e FAQ FAQ">FAQ</option>
<optgroup label="Visualização ⇒ Temas ⇒"></optgroup>
<option value="Visualização Temas Escolher um tema">Escolher um tema</option>
<option value="Visualização Temas Gestão dos temas">Gestão dos temas</option>
<option value="Visualização Temas Temas temporários">Temas temporários</option>
<optgroup label="Visualização ⇒ Página inicial ⇒"></optgroup>
<option value="Visualização Página inicial Geral">Geral</option>
<option value="Visualização Página inicial Estrutura e Hierarquia">Estrutura e Hierarquia</option>
<option value="Visualização Página inicial Cabeçalho e Navegação">Cabeçalho & Navegação</option>
<optgroup label="Visualização ⇒ Imagens e Cores ⇒"></optgroup>
<option value="Visualização Imagens e Cores Gestão das Imagens">Gestão das Imagens</option>
<option value="Visualização Imagens e Cores Cores">Cores</option>
<optgroup label="Visualização ⇒ Avatares ⇒"></optgroup>
<option value="Visualização Avatares Galeria dos avatares">Galeria dos avatares</option>
<option value="Visualização Avatares Smileys">Smileys</option>
<optgroup label="Visualização ⇒ Templates ⇒"></optgroup>
<option value="Visualização Templates Geral">Geral</option>
<option value="Visualização Templates Portal">Portal</option>
<option value="Visualização Templates Galeria">Galeria</option>
<option value="Visualização Templates Calendário">Calendário</option>
<option value="Visualização Templates Grupos">Grupos</option>
<option value="Visualização Templates Postar & Mensagens Privadas">Postar & Mensagens Privadas</option>
<option value="Visualização Templates Moderação">Moderação</option>
<option value="Visualização Templates Perfil">Perfil</option>
<optgroup label="Usuários & Grupos ⇒ Usuários ⇒"></optgroup>
<option value="Usuários Selecionar usuário">Selecionar usuário</option>
<option value="Usuários Opções dos usuários">Opções dos usuários</option>
<option value="Usuários Perfis">Perfis</option>
<option value="Usuários Usuários especiais">Usuários especiais</option>
<option value="Usuários Usuários inativos">Usuários inativos</option>
<option value="Usuários Gestão dos usuários">Gestão dos usuários</option>
<option value="Usuários Controle das expulsões">Controle das expulsões</option>
<optgroup label="Usuários & Grupos ⇒ Grupos ⇒"></optgroup>
<option value="Usuários Grupos Administração dos Grupos">Administração dos Grupos</option>
<optgroup label="Usuários & Grupos ⇒ Ranks ⇒"></optgroup>
<option value="Usuários Ranks Administração dos Ranks">Administração dos Ranks</option>
<optgroup label="Usuários & Grupos ⇒ Autorizações especiais ⇒"></optgroup>
<option value="Usuários Autorizações especiais Autorizações especiais">Autorizações especiais</option>
<optgroup label="Módulos ⇒ Portal & Widgets ⇒"></optgroup>
<option value="Módulos Portal & Widgets Configuração do Portal">Configuração do Portal</option>
<option value="Módulos Portal & Widgets Gestão dos widgets do fórum">Gestão dos widgets do fórum</option>
<optgroup label="Módulos ⇒ Barra de Ferramentas ⇒"></optgroup>
<option value="Módulos Barra de Ferramentas Configuração">Configuração</option>
<optgroup label="Módulos ⇒ Galeria ⇒"></optgroup>
<option value="Módulos Galeria Configuração">Configuração</option>
<option value="Módulos Galeria Gestão">Gestão</option>
<option value="Módulos Galeria Página inicial">Página inicial</option>
<option value="Módulos Galeria Álbuns pessoais">Álbuns pessoais</option>
<option value="Módulos Galeria Envio">Envio</option>
<option value="Módulos Galeria Visualização">Visualização</option>
<option value="Módulos Galeria Estoque">Estoque</option>
<optgroup label="Módulos ⇒ Links do rodapé ⇒"></optgroup>
<option value="Módulos Links do rodapé Configuração">Configuração</option>
<optgroup label="Módulos ⇒ Redes sociais ⇒"></optgroup>
<option value="Módulos Redes sociais Facebook Connect">Facebook Connect</option>
<option value="Módulos Redes sociais Botão Gostar">Botão "Gostar"</option>
<option value="Módulos Redes sociais Google +">Google +</option>
<optgroup label="Módulos ⇒ Pontos e Reputação ⇒"></optgroup>
<option value="Módulos Pontos e Reputação Sistema de Pontos">Sistema de Pontos</option>
<option value="Módulos Pontos e Reputação Reputação">Reputação</option>
<option value="Módulos Pontos e Reputação Doação de Pontos">Doação de Pontos</option>
<optgroup label="Módulos ⇒ RPG ⇒"></optgroup>
<option value="Módulos RPG Gestão dos Campos">Gestão dos Campos</option>
<option value="Módulos RPG Estilo dos Campos">Estilo dos Campos</option>
<option value="Módulos RPG Fichas de Personagem">Fichas de Personagem</option>
<option value="Módulos RPG Preencher as fichas">Preencher as fichas</option>
<option value="Módulos RPG Lançar dados">Lançar dados</option>
<optgroup label="Módulos ⇒ Chatbox ⇒"></optgroup>
<option value="Módulos Chatbox Configuração">Configuração</option>
<option value="Módulos Chatbox Usuários banidos">Usuários banidos</option>
<option value="Módulos Chatbox Moderadores">Moderadores</option>
<optgroup label="Módulos ⇒ Calendário ⇒"></optgroup>
<option value="Módulos Calendário Configuração">Configuração</option>
<optgroup label="Módulos ⇒ HTML & JAVASCRIPT ⇒"></optgroup>
<option value="Módulos HTML & JAVASCRIPT Gestão das páginas HTML">Gestão das páginas HTML</option>
<option value="Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript">Gestão dos códigos JavaScript</option>
<optgroup label="Diversos ⇒ Gestão dos créditos ⇒"></optgroup>
<option value="Diversos Gestão dos créditos Resumo / Síntese">Resumo / Síntese</option>
<option value="Diversos Gestão dos créditos Utilizar créditos">Utilizar créditos</option>
<option value="Diversos Gestão dos créditos Comprar / Obter créditos">Comprar / Obter créditos</option>
<option value="Diversos Gestão dos créditos Doações">Doações</option>
<option value="Diversos Gestão dos créditos Histórico">Histórico</option>
<optgroup label="Diversos ⇒ Suporte ⇒"></optgroup>
<option value="Diversos Suporte Queixas assinaladas">Queixas assinaladas</option>
<optgroup label="Diversos ⇒ Hospedagem ⇒"></optgroup>
<option value="Diversos Hospedagem Hospedagem das imagens">Hospedagem das imagens</option>
</select>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png">
<input type="text" id="diretorioextracampo" maxlength="120">
<input type="button" id="gerar_diret" value="Gerar"><br><br>
<div class="area">
<div class="buttons">
<button class="button" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito"></button>
<button class="button" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico"></button>
<button class="button" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline"></button>
<button class="button" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike"></button>
<button class="button" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button>
<button class="button" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button>
<button class="button" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button>
<button class="button" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://2img.net/i/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado"></button>
<button class="button" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code"></button>
<button class="button" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button>
<button class="button" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button>
<button class="button" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button>
<button class="button" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button>
</div>
<div class="textarea_nc">
<textarea id="textarea" class="inputbox"></textarea>
</div>
<div class="description">
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, pois assim evitaremos problemas futuros.
</div>
</div>
</dd>
</dl>
</fieldset>
<div class="btns"><input type="button" id="envia_form" onclick="enviaForm()" value="Enviar"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#titulo').keyup(function() {
var tvalue = document.getElementById('titulo').value.length;
var icnt = document.getElementById('countitle');
if(tvalue < 10 && tvalue > 0) {
var l = tvalue-10;
icnt.style.display = 'inline',
icnt.innerHTML = 'O título necessita mais '+l*-1+' caracteres';
}
else {
icnt.style.display = 'none',
icnt.innerHTML = '';
}
});
$('#img-t').keyup(function() {
var _value = $(this).val();
var px = {
altura: $('#altura').val(),
largura: $('#largura').val()
}
if (/png|jpg|jpeg|gif/ig.test(_value)) {
$('#prev-img').attr('src',_value).css('height',px.altura).css('width',px.largura).css('display','block');
} else {
$('#prev-img').removeAttr('src').css('display','none');
}
});
$('#gerar_diret').click(function() {
var more;
if($('#diretorioextracampo').val().length != 0) {
more = ' ' + $('#diretorioextracampo').val();
} else {
more = '';
}
$('#textarea').val($('#textarea').val() + '[b]Painel de Controle ' + $('#selecionarpainel').val() + more + '[/b]').focus();
});
});
function enviaForm() {
if($('#largura').val().length !== 0 && $('#altura').val().length !== 0 && $('#img-t').val().length !== 0 && $('#titulo').val().length !== 0 && $('#autor').val().length !== 0 && $('#funcionalidade').val().length !== 0 && $('#categoria').val().length !== 0 && $('#textarea').val().length !== 0) {
var form = {
largura: $('#largura').val(),
altura: $('#altura').val(),
imagem: $('#img-t').val(),
titulo: $('#titulo').val(),
autor: $('#autor').val(),
funct: $('#funcionalidade').val(),
cat: $('#categoria').val(),
texto: $('#textarea').val()
}
var formfinal = '[center][img(' + form.largura + 'px,' + form.altura + 'px)]' + form.imagem + '[/img][/center]\n' +
'[b]Nome do Arquivo:[/b] ' + form.titulo + '\n' +
'[b]Autor:[/b] ' + form.autor + '\n' +
'[b]Funcionalidade:[/b] ' + form.funct + '\n' +
'[b]Categoria:[/b] ' + form.cat + '\n\n' + form.texto;
$('#form-send').html(
'<br />' +
'<br />' +
'<center>' +
' <img src="http://www.cosmeticchoice.com.au/image/loading.gif" />' +
' <br />' +
' <span style="color: #82C1ED;font-size: 15px;font-weight: bold;">Carregando...</span>' +
'</center>'
);
$.post('/post', {
message: formfinal,
f: '31',
mode: 'newtopic',
post: 'submit',
subject: form.titulo
}).done(function(e) {
var href = $(e).find('.message a:first').attr('href');
location.href = href;
}).fail(function() {
alert("Falha ao enviar");
location.href = location.pathname;
});
} else {
$('.warn').slideUp(1);
$('.warn').slideDown(500);
}
}
function bbcode_tag(o,c) {
var t = jQuery('#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)).focus();
}
</script></div>
Aqui está o html.
Re: Erro não definido em formulário
Olá!
Aqui o formulário funcionou sem qualquer erro. O senhor deseja que o formulário publique em qual fórum?
Atenciosamente.
Aqui o formulário funcionou sem qualquer erro. O senhor deseja que o formulário publique em qual fórum?
Atenciosamente.
Re: Erro não definido em formulário
Olá!
Troque o código por este:
Atenciosamente.
Troque o código por este:
- Código:
<div id="main-content"><div style="height:8px"></div><style type="text/css">
#form-send, .form-info h3 {
background: #fcfcfc;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#form-send select, .form-info h3 {
font: 16px bold arial, tahoma, georgia;
}
.form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
#form-send select {
min-width: 150px;
padding: 4px;
cursor: pointer;
outline: none;
border: 1px solid #e0e0e0;
background: white;
}
.warn {
background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
border: 1px solid #e599aa;
margin: 3px 0;
color: #80001c;
padding: 3px;
}
fieldset.form-div dt {
font: 15px bold arial, tahoma, georgia;
padding: 5px 0;
vertical-align: top;
width: 13em;
}
fieldset.form-div dt, fieldset.form-div dd {
display: inline-block;
}
fieldset.form-div dd {width: 75%;}
fieldset.form-div dl:nth-child(odd) {
background: #f5f8fa !important;
}
fieldset.form-div dl:nth-child(even) {
background: #fff;
}
fieldset.form-div input[type="text"] {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
outline: none;
border: 1px solid #f0f0f0;
padding: 5px;
}
#countitle {
background: white;
color: #D60B8C;
border: 1px solid #e0e0e0;
padding: 5px;
border-radius: 3px;
}
fieldset.form-div dl {padding: 11px;border-bottom: 1px solid #F3F3F3;}
fieldset.form-div dl:after {
clear: both;
content: '.';
display: block;
height: 0px;
visibility: hidden;
}
#form-send .area {position: relative;}
#form-send .description {
z-index: 3;
top: 0;
right: 0;
width: 25%;
position: absolute;
background: white;
line-height: 18px;
color: #000000;
font-family: Calibri, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid silver;
}
#form-send .area .buttons {
-moz-background-clip: padding;
-moz-border-radius: 3px 3px 0 0;
-moz-user-select: none;
-ms-user-select: none;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px 3px 0 0;
-webkit-user-select: none;
background: #f7f7f7;
background-clip: padding-box;
border: 1px solid silver;
border-radius: 3px 3px 0 0;
line-height: 0;
width: 70%;
overflow: hidden;
padding: 3px 5px 2px;
}
#form-send .area .buttons .button {
background: white;
cursor: pointer;
outline: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #e0e0e0;
padding: 3px;
}
#form-send .area .buttons .button:hover {border-color: #707070;}
#form-send .textarea_nc #textarea {
min-height: 200px;
color: #111;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: auto;
border: 0;
outline: none;
width: 100%;
}
#form-send .btns {
background: #f5f5f5;
border-top: 1px solid #d7d7d7;
padding: 10px;
text-align: center;
}
#form-send .area .textarea_nc {
background: white;
min-height: 200px;
cursor: se-resize;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
overflow: hidden;
padding: 3px 5px 2px;
border: 1px solid silver;
border-top: 0;
width: 70%;
}
</style>
<div class="form-info">
<h3>Formulário de Dicas e Tutoriais</h3><br>
<div class="warn" style="display: none;">
É necessário preencher todos os campos em branco.
</div>
</div>
<div id="form-send">
<fieldset class="form-div">
<dl><dt>
<label>Imagem do resultado:</label></dt>
<dd>
Largura <input type="text" style="width: 30px" id="largura" value="300">px <b>x</b> Altura <input type="text" style="width: 30px" id="altura" value="200">px<br><br>
<input type="text" style="clear: both;width: 400px;" id="img-t" value="http://2img.net/i/fa/empty.gif"><br>
<img id="prev-img" style="display: none;">
</dd>
</dl>
<dl><dt>
<label>Título do tutorial:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="titulo" placeholder="Título do tutorial"> <div id="countitle" style="display: none;"></div>
</dd>
</dl>
<dl><dt>
<label>Autor:</label></dt>
<dd>
<input type="text" style="clear: both;width: 400px;" id="autor" placeholder="Autor do código">
</dd>
</dl>
<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>
<dl><dt>
<label>Categoria:</label></dt>
<dd class="frm-input">
<select class="inputbox" id="categoria">
<option value="Recursos BestSkins">Recursos Fóruns Stark</option>
<option value="Recursos de Outros Autores">Recursos de Outros Autores</option>
</select>
</dd>
</dl>
<dl><dt>
<label>Descrição do tutorial:</label></dt>
<dd>
<select id="selecionarpainel">
<option>Selecionar diretório (opcional)</option>
<option value="Página inicial">Página inicial</option>
<optgroup label="Geral ⇒ Fórum ⇒"></optgroup>
<option value="Geral Fórum Configuração">Configuração</option>
<option value="Geral Fórum Categorias e fóruns">Categorias e fóruns</option>
<option value="Geral Fórum Endereço do Fórum">Endereço do Fórum</option>
<option value="Geral Fórum Segurança">Segurança</option>
<option value="Geral Fórum Cancelamento do Fórum">Cancelamento do Fórum</option>
<optgroup label="Geral ⇒ Mensagens e e-mails ⇒"></optgroup>
<option value="Geral Mensagens e e-mails Configuração">Configuração</option>
<option value="Geral Mensagens e e-mails Mensagens Privadas">Mensagens Privadas</option>
<option value="Geral Mensagens e e-mails E-mails e formulário de contato">E-mails e formulário de contato</option>
<option value="Geral Mensagens e e-mails Anúncios">Anúncios</option>
<option value="Geral Mensagens e e-mails Anexos">Anexos</option>
<optgroup label="Geral ⇒ Promoção do Fórum ⇒"></optgroup>
<option value="Geral Promoção do Fórum Convidar amigos">Convidar amigos</option>
<option value="Geral Promoção do Fórum Motores de busca">Motores de busca</option>
<option value="Geral Promoção do Fórum Diretório dos fóruns">Diretório dos fóruns</option>
<option value="Geral Promoção do Fórum Troca de tráfego">Troca de tráfego</option>
<optgroup label="Geral ⇒ Estatísticas ⇒"></optgroup>
<option value="Geral Estatísticas Estatísticas do fórum">Estatísticas do fórum</option>
<option value="Geral Estatísticas Recapitulativo dos votos">Recapitulativo dos votos</option>
<option value="Geral Estatísticas Google Analytics">Google Analytics</option>
<optgroup label="Geral ⇒ Newsletter ⇒"></optgroup>
<option value="Geral Newsletter Redação e envio">Redação e envio</option>
<option value="Geral Newsletter Rastreamento e arquivos">Rastreamento e arquivos</option>
<optgroup label="Geral ⇒ Censura ⇒"></optgroup>
<option value="Geral Censura Censura das palavras">Censura das palavras</option>
<option value="Geral Censura Censura de nomes de usuário">Censura de nomes de usuário</option>
<optgroup label="Geral ⇒ Relatório de alerta ⇒"></optgroup>
<option value="Geral Relatório de alerta Configuração">Configuração</option>
<option value="Geral Relatório de alerta Autorizações">Autorizações</option>
<option value="Geral Relatório de alerta Justificações">Justificações</option>
<option value="Geral Relatório de alerta Lista de Alertas">Lista de Alertas</option>
<optgroup label="Geral ⇒ Regulamentos e FAQ ⇒"></optgroup>
<option value="Geral Regulamentos e FAQ Regulamento suplementar">Regulamento suplementar</option>
<option value="Geral Regulamentos e FAQ FAQ">FAQ</option>
<optgroup label="Visualização ⇒ Temas ⇒"></optgroup>
<option value="Visualização Temas Escolher um tema">Escolher um tema</option>
<option value="Visualização Temas Gestão dos temas">Gestão dos temas</option>
<option value="Visualização Temas Temas temporários">Temas temporários</option>
<optgroup label="Visualização ⇒ Página inicial ⇒"></optgroup>
<option value="Visualização Página inicial Geral">Geral</option>
<option value="Visualização Página inicial Estrutura e Hierarquia">Estrutura e Hierarquia</option>
<option value="Visualização Página inicial Cabeçalho e Navegação">Cabeçalho & Navegação</option>
<optgroup label="Visualização ⇒ Imagens e Cores ⇒"></optgroup>
<option value="Visualização Imagens e Cores Gestão das Imagens">Gestão das Imagens</option>
<option value="Visualização Imagens e Cores Cores">Cores</option>
<optgroup label="Visualização ⇒ Avatares ⇒"></optgroup>
<option value="Visualização Avatares Galeria dos avatares">Galeria dos avatares</option>
<option value="Visualização Avatares Smileys">Smileys</option>
<optgroup label="Visualização ⇒ Templates ⇒"></optgroup>
<option value="Visualização Templates Geral">Geral</option>
<option value="Visualização Templates Portal">Portal</option>
<option value="Visualização Templates Galeria">Galeria</option>
<option value="Visualização Templates Calendário">Calendário</option>
<option value="Visualização Templates Grupos">Grupos</option>
<option value="Visualização Templates Postar & Mensagens Privadas">Postar & Mensagens Privadas</option>
<option value="Visualização Templates Moderação">Moderação</option>
<option value="Visualização Templates Perfil">Perfil</option>
<optgroup label="Usuários & Grupos ⇒ Usuários ⇒"></optgroup>
<option value="Usuários Selecionar usuário">Selecionar usuário</option>
<option value="Usuários Opções dos usuários">Opções dos usuários</option>
<option value="Usuários Perfis">Perfis</option>
<option value="Usuários Usuários especiais">Usuários especiais</option>
<option value="Usuários Usuários inativos">Usuários inativos</option>
<option value="Usuários Gestão dos usuários">Gestão dos usuários</option>
<option value="Usuários Controle das expulsões">Controle das expulsões</option>
<optgroup label="Usuários & Grupos ⇒ Grupos ⇒"></optgroup>
<option value="Usuários Grupos Administração dos Grupos">Administração dos Grupos</option>
<optgroup label="Usuários & Grupos ⇒ Ranks ⇒"></optgroup>
<option value="Usuários Ranks Administração dos Ranks">Administração dos Ranks</option>
<optgroup label="Usuários & Grupos ⇒ Autorizações especiais ⇒"></optgroup>
<option value="Usuários Autorizações especiais Autorizações especiais">Autorizações especiais</option>
<optgroup label="Módulos ⇒ Portal & Widgets ⇒"></optgroup>
<option value="Módulos Portal & Widgets Configuração do Portal">Configuração do Portal</option>
<option value="Módulos Portal & Widgets Gestão dos widgets do fórum">Gestão dos widgets do fórum</option>
<optgroup label="Módulos ⇒ Barra de Ferramentas ⇒"></optgroup>
<option value="Módulos Barra de Ferramentas Configuração">Configuração</option>
<optgroup label="Módulos ⇒ Galeria ⇒"></optgroup>
<option value="Módulos Galeria Configuração">Configuração</option>
<option value="Módulos Galeria Gestão">Gestão</option>
<option value="Módulos Galeria Página inicial">Página inicial</option>
<option value="Módulos Galeria Álbuns pessoais">Álbuns pessoais</option>
<option value="Módulos Galeria Envio">Envio</option>
<option value="Módulos Galeria Visualização">Visualização</option>
<option value="Módulos Galeria Estoque">Estoque</option>
<optgroup label="Módulos ⇒ Links do rodapé ⇒"></optgroup>
<option value="Módulos Links do rodapé Configuração">Configuração</option>
<optgroup label="Módulos ⇒ Redes sociais ⇒"></optgroup>
<option value="Módulos Redes sociais Facebook Connect">Facebook Connect</option>
<option value="Módulos Redes sociais Botão Gostar">Botão "Gostar"</option>
<option value="Módulos Redes sociais Google +">Google +</option>
<optgroup label="Módulos ⇒ Pontos e Reputação ⇒"></optgroup>
<option value="Módulos Pontos e Reputação Sistema de Pontos">Sistema de Pontos</option>
<option value="Módulos Pontos e Reputação Reputação">Reputação</option>
<option value="Módulos Pontos e Reputação Doação de Pontos">Doação de Pontos</option>
<optgroup label="Módulos ⇒ RPG ⇒"></optgroup>
<option value="Módulos RPG Gestão dos Campos">Gestão dos Campos</option>
<option value="Módulos RPG Estilo dos Campos">Estilo dos Campos</option>
<option value="Módulos RPG Fichas de Personagem">Fichas de Personagem</option>
<option value="Módulos RPG Preencher as fichas">Preencher as fichas</option>
<option value="Módulos RPG Lançar dados">Lançar dados</option>
<optgroup label="Módulos ⇒ Chatbox ⇒"></optgroup>
<option value="Módulos Chatbox Configuração">Configuração</option>
<option value="Módulos Chatbox Usuários banidos">Usuários banidos</option>
<option value="Módulos Chatbox Moderadores">Moderadores</option>
<optgroup label="Módulos ⇒ Calendário ⇒"></optgroup>
<option value="Módulos Calendário Configuração">Configuração</option>
<optgroup label="Módulos ⇒ HTML & JAVASCRIPT ⇒"></optgroup>
<option value="Módulos HTML & JAVASCRIPT Gestão das páginas HTML">Gestão das páginas HTML</option>
<option value="Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript">Gestão dos códigos JavaScript</option>
<optgroup label="Diversos ⇒ Gestão dos créditos ⇒"></optgroup>
<option value="Diversos Gestão dos créditos Resumo / Síntese">Resumo / Síntese</option>
<option value="Diversos Gestão dos créditos Utilizar créditos">Utilizar créditos</option>
<option value="Diversos Gestão dos créditos Comprar / Obter créditos">Comprar / Obter créditos</option>
<option value="Diversos Gestão dos créditos Doações">Doações</option>
<option value="Diversos Gestão dos créditos Histórico">Histórico</option>
<optgroup label="Diversos ⇒ Suporte ⇒"></optgroup>
<option value="Diversos Suporte Queixas assinaladas">Queixas assinaladas</option>
<optgroup label="Diversos ⇒ Hospedagem ⇒"></optgroup>
<option value="Diversos Hospedagem Hospedagem das imagens">Hospedagem das imagens</option>
</select>
<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/633772.png">
<input type="text" id="diretorioextracampo" maxlength="120">
<input type="button" id="gerar_diret" value="Gerar"><br><br>
<div class="area">
<div class="buttons">
<button class="button" onclick="bbcode_tag('[b]','[/b]')" type="button" id="addbbcode0" title="Negrito"><img src="http://imgur.com/z2xtYUE.png" alt="Negrito" title="Negrito"></button>
<button class="button" onclick="bbcode_tag('[i]','[/i]')" type="button" id="addbbcode2" title="Itálico"><img src="http://imgur.com/EcEpCJ9.png" alt="Itálico" title="Itálico"></button>
<button class="button" onclick="bbcode_tag('[u]','[/u]')" type="button" id="addbbcode4" title="Underline"><img src="http://imgur.com/i6Ergr1.png" alt="Underline" title="Underline"></button>
<button class="button" onclick="bbcode_tag('[strike]','[/strike]')" type="button" id="addbbcode5" title="Strike"><img src="http://i.imgur.com/hWWoJSN.png" alt="Strike" title="Strike"></button>
<button class="button" onclick="bbcode_tag('[left]','[/left]')" type="button" id="addbbcode52" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button>
<button class="button" onclick="bbcode_tag('[center]','[/center]')" type="button" id="addbbcode30" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button>
<button class="button" onclick="bbcode_tag('[right]','[/right]')" type="button" id="addbbcode32" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button>
<button class="button" onclick="bbcode_tag('[justify]','[/justify]')" type="button" id="addbbcode33" title="Justificado"><img src="http://2img.net/i/fa/wysiwyg/text_align_justify.png" alt="Justificado" title="Justificado"></button>
<button class="button" onclick="bbcode_tag('[code]','[/code]')" type="button" id="addbbcode41" title="code"><img src="http://i.imgur.com/LEJ7qoj.png" alt="Code" title="Code"></button>
<button class="button" onclick="bbcode_tag('[list][*]','[/list]')" type="button" id="addbbcode10" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button>
<button class="button" onclick="bbcode_tag('[list=1][*]','[/list]')" type="button" id="addbbcode12" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button>
<button class="button" onclick="bbcode_tag('[img]','[/img]')" type="button" id="addbbcode14" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button>
<button class="button" onclick="bbcode_tag('[url=','][/url]')" type="button" id="addbbcode16" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button>
</div>
<div class="textarea_nc">
<textarea id="textarea" class="inputbox"></textarea>
</div>
<div class="description">
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, pois assim evitaremos problemas futuros.
</div>
</div>
</dd>
</dl>
</fieldset>
<div class="btns"><input type="button" id="envia_form" onclick="enviaForm()" value="Enviar"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#titulo').keyup(function() {
var tvalue = document.getElementById('titulo').value.length;
var icnt = document.getElementById('countitle');
if(tvalue < 10 && tvalue > 0) {
var l = tvalue-10;
icnt.style.display = 'inline',
icnt.innerHTML = 'O título necessita mais '+l*-1+' caracteres';
}
else {
icnt.style.display = 'none',
icnt.innerHTML = '';
}
});
$('#img-t').keyup(function() {
var _value = $(this).val();
var px = {
altura: $('#altura').val(),
largura: $('#largura').val()
}
if (/png|jpg|jpeg|gif/ig.test(_value)) {
$('#prev-img').attr('src',_value).css('height',px.altura).css('width',px.largura).css('display','block');
} else {
$('#prev-img').removeAttr('src').css('display','none');
}
});
$('#gerar_diret').click(function() {
var more;
if($('#diretorioextracampo').val().length != 0) {
more = ' ' + $('#diretorioextracampo').val();
} else {
more = '';
}
$('#textarea').val($('#textarea').val() + '[b]Painel de Controle ' + $('#selecionarpainel').val() + more + '[/b]').focus();
});
});
function enviaForm() {
if($('#largura').val().length !== 0 && $('#altura').val().length !== 0 && $('#img-t').val().length !== 0 && $('#titulo').val().length !== 0 && $('#autor').val().length !== 0 && $('#funcionalidade').val().length !== 0 && $('#categoria').val().length !== 0 && $('#textarea').val().length !== 0) {
var form = {
largura: $('#largura').val(),
altura: $('#altura').val(),
imagem: $('#img-t').val(),
titulo: $('#titulo').val(),
autor: $('#autor').val(),
funct: $('#funcionalidade').val(),
cat: $('#categoria').val(),
texto: $('#textarea').val()
}
var formfinal = '[center][img(' + form.largura + 'px,' + form.altura + 'px)]' + form.imagem + '[/img][/center]\n' +
'[b]Nome do Arquivo:[/b] ' + form.titulo + '\n' +
'[b]Autor:[/b] ' + form.autor + '\n' +
'[b]Funcionalidade:[/b] ' + form.funct + '\n' +
'[b]Categoria:[/b] ' + form.cat + '\n\n' + form.texto;
$('#form-send').html(
'<br />' +
'<br />' +
'<center>' +
' <img src="http://www.cosmeticchoice.com.au/image/loading.gif" />' +
' <br />' +
' <span style="color: #82C1ED;font-size: 15px;font-weight: bold;">Carregando...</span>' +
'</center>'
);
$.post('/post', {
message: formfinal,
f: '11',
mode: 'newtopic',
post: 'submit',
subject: form.titulo
}).done(function(e) {
var href = $(e).find('.message a:first').attr('href');
location.href = href;
}).fail(function() {
alert("Falha ao enviar");
location.href = location.pathname;
});
} else {
$('.warn').slideUp(1);
$('.warn').slideDown(500);
}
}
function bbcode_tag(o,c) {
var t = jQuery('#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)).focus();
}
</script></div>
Atenciosamente.
Re: Erro não definido em formulário
Funcionou muito obrigado.
Para mim criar o mesmo formulario só que em outra categoria só eu criar nova pagina html e trocar o
Para mim criar o mesmo formulario só que em outra categoria só eu criar nova pagina html e trocar o
- Código:
f: '11',
Re: Erro não definido em formulário
Olá!
É isso mesmo, senhor. Deu erro porquê o fórum que estava definido não existia em seu fórum
Atenciosamente.
É isso mesmo, senhor. Deu erro porquê o fórum que estava definido não existia em seu fórum
Atenciosamente.
Re: Erro não definido em formulário
Ok rsrs. Muito obrigado mesmo!
Re: Erro não definido em formulário
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Erro no formulário
» Formulario em erro
» Erro no formulario
» Erro no formulario
» Erro formulario de postagens 2.0
» Formulario em erro
» Erro no formulario
» Erro no formulario
» Erro formulario de postagens 2.0
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