Formulário de postagens
5 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 2 de 2
Página 2 de 2 • 1, 2
Formulário de postagens
Relembrando a primeira mensagem :
Eu gostaria de uma ajudinha para criar um formulário para meu fórum...
Eu gostaria que quando clicasse no botão NOVO TÓPICO que não fosse direto para o formulário,Que Fosse para Uma Página que Tivesse Duas Opções(Botões):
Novo Tópico (Formulário Padrão)
Novo Download (Formulário Personalizado)
Daí o usuário escolhia o que ele queria e Poderia fazer.
Tem como?
Eu gostaria de uma ajudinha para criar um formulário para meu fórum...
Eu gostaria que quando clicasse no botão NOVO TÓPICO que não fosse direto para o formulário,Que Fosse para Uma Página que Tivesse Duas Opções(Botões):
Novo Tópico (Formulário Padrão)
Novo Download (Formulário Personalizado)
Daí o usuário escolhia o que ele queria e Poderia fazer.
Tem como?
Re: Formulário de postagens
AA aGORA Funcionou DDIK e Ficou Melhor do Que eu Estava Pensando.
Porém ele não funciona quando apertamos NOVO TÓPICO ,quando estamos visualizando um tópico qualquer,Como na foto a seguir:
Porém ele não funciona quando apertamos NOVO TÓPICO ,quando estamos visualizando um tópico qualquer,Como na foto a seguir:
Re: Formulário de postagens
Olá,
Obrigado por dizer é por que o id desse botão e diferente mas no phpbb3 não eu não sabia mas vou refazer o código.
Ate mais,
ddik
Editado
Olá,
Tente este aqui: http://www.multiupload.com/V7AA8SC2NO
Ate mais,
ddik
Obrigado por dizer é por que o id desse botão e diferente mas no phpbb3 não eu não sabia mas vou refazer o código.
Ate mais,
ddik
Editado
Olá,
Tente este aqui: http://www.multiupload.com/V7AA8SC2NO
Ate mais,
ddik
Re: Formulário de postagens
agora funcionou ddik..
=========
-Tem como validar os campos antes de preview ou submit?
-e Botar mais Um campo no Formulário (Link Vídeo do Youtube <Ficar igual nas imagens e links (apertando o botão de + Para adicionar mais videos) em baixo de imagens)
Bbcode para aparecer
:
=========
-Tem como validar os campos antes de preview ou submit?
-e Botar mais Um campo no Formulário (Link Vídeo do Youtube <Ficar igual nas imagens e links (apertando o botão de + Para adicionar mais videos) em baixo de imagens)
Bbcode para aparecer
:
- Código:
<object width="425" height="344"><param name="movie" value="LINKDOVIDEO?fs=1&hl=pt_BR&rel=0&hd=1&color1=0x5d1719&color2=0xcd311b"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="LINKDOVIDEO?fs=1&hl=pt_BR&rel=0&hd=1&color1=0x5d1719&color2=0xcd311b" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Re: Formulário de postagens
Olá,
Sim... o do youtube vou ter de usar o tag [youtube] para ser mais fácil ok?
Ate mais,
ddik
Sim... o do youtube vou ter de usar o tag [youtube] para ser mais fácil ok?
Ate mais,
ddik
Re: Formulário de postagens
Olá,
Sim pode ser esse mas deve-se por o tag [youtube] por que o sistema forumeros mais tarde converte para esse com os link certos.
Ate mais,
ddik
Editado
Olá,
Teste este:
Ate mais,
ddik
Sim pode ser esse mas deve-se por o tag [youtube] por que o sistema forumeros mais tarde converte para esse com os link certos.
Ate mais,
ddik
Editado
Olá,
Teste este:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Enviar Novo Download</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var imgs_bbcode=''; var imgs_html=''; var youtube_html=''; var youtube_bbcode=''; var url_bbcode=''; var url_html='';
function QueryString(ID){
var URL = document.location.href;
if(URL.indexOf('?' + ID + '=')>-1){
var qString = URL.split('?');
var keyVal = qString[1].split('&');
for(var i=0;i<keyVal.length;i++){
if(keyVal[i].indexOf(ID + '=')==0){
var val = keyVal[i].split('=');
return val[1];
}
}
return "";
}
else
{
return "";
}
}
function val_element(id){ return jQuery('[name="element_'+ id +'"]').val(); }
function set_element(id,value){ return jQuery('[name="element_'+ id +'"]').val(value); }
function imgs_add(){
imgs_bbcode += '[img]'+ val_element('7') +'[/img] ';
imgs_html += '<img src="'+ val_element('7') +'" /> ';
jQuery('#iev').html(imgs_html);
set_element('7','http://');
}
function verif(){
vf = false;
if(val_element('1')==''){ vf = true; }
if(val_element('5')==''){ vf = true; }
if(val_element('10')==''){ vf = true; }
if(val_element('6_1')=='' || val_element('6_2')=='' || val_element('6_3')==''){ vf = true; }
if(val_element('2')==''){ vf = true; }
if(val_element('3')==''){ vf = true; }
if(vf){alert('Todos os campo tem de ser preenchidos.'); return false; }else{ gerarf(); return true; }
}
function url_add(){
url_bbcode += '\n\n[b]'+val_element('4_2')+'[/b]\n[url='+ val_element('4_1') +'][img]http://i62.servimg.com/u/f62/14/02/95/46/downlo10.png[/img][/url] ';
url_html += '<hr><b>Link:</b> <a href="'+ val_element('4_1') +'">'+ val_element('4_1') +'</a><br><b>Descrição do Link:</b> '+ val_element('4_2');
jQuery('#uev').html(url_html + '<hr>');
set_element('4_1','http://');
set_element('4_2','');
}
function youtube_add() {
var url = val_element('8');
var youtube_id;
youtube_id = url.replace(/^[^v]+v.(.{11}).*/,"$1");
youtube_bbcode += '[youtube]'+ url +'[/youtube]\n';
youtube_html += '<img src="http://i1.ytimg.com/vi/'+ youtube_id +'/default.jpg" /> ';
jQuery('#yev').html(youtube_html);
set_element('8','http://');
}
function gerarf(){
jQuery('[name="message"]').val(
'\n[table border="1"][tr][td][b]Plataforma/Jogo:[/b]' +
'\n[b]Tamanho:[/b] '+val_element('5')+' [b]'+val_element('5_2')+'[/b]' +
'\n[b]Data de Criação: [/b]' + val_element('6_2') +'/'+ val_element('6_1') +'/'+ val_element('6_3') +
'\n[b]Créditos/Autores:[/b] '+ val_element('2') +' [/td]' +
'\n[td][center]'+ url_bbcode +
'\n[/center][/td][/tr][/table]' +
'\n' +
'\n' +
'\n[b]Imagens/Screenshots:[/b] ' +
'\n[center]'+ imgs_bbcode +'[/center]' +
'\n' +
'\n[b]Videos do Youtube:[/b] ' +
'\n[center]'+ youtube_bbcode +'[/center]' +
'\n' +
'\n[b]Descrição: [/b]' + val_element('3')
);
jQuery('[name="f"]').val(QueryString("f"));
}
</script>
</head>
<body id="main_body" >
<div id="form_container">
<h1><a>Enviar Novo Download</a></h1>
<form id="form_71460" class="appnitro" method="post" action="post">
<div class="form_description">
<h2>Enviar Novo ownload</h2>
<p>Preencha Corretamente todos Campo Abaixo</p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Título do Download: </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="35" I-Maximum-Length="150" -->
<input id="element_1" name="subject" class="element text large" type="text" maxlength="150" value="" size="79"/>
</div>
</li> <li id="li_4_1" >
<label class="description" for="element_4_1">Link De Download: </label>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Maximum-Length="255" -->
<input id="element_4_1" name="element_4_1" class="element text medium" type="text" maxlength="255" value="http://"/><img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="url_add();"/><br>
<label class="description" for="element_4_2">Descrição do Link: </label><input id="element_4_2" name="element_4_2" class="element text medium" type="text" maxlength="255" />
<br>
<label class="description" for="fev">Enviadas: </label>
<div id="uev">
Nenhum até agora<br><br>
</div>
</li> <li id="li_5" >
<label class="description" for="element_5">Tamanho em MB: </label>
<div>
<input id="element_5" name="element_5" class="element text small" type="text" maxlength="255" value=""/>
<select size="1" name="element_5_2">
<option selected>MB</option>
<option>KB</option>
</select></div>
</li> <li id="li_10" >
<label for="element_10">Plataforma/Jogo:</label><label class="description" for="element_10"> </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Maximum-Length="255" -->
<input id="element_10" name="element_10" class="element text small" type="text" maxlength="255" value="" size="50"/>
</div>
</li>
<li id="li_5" >
<div>
</div>
</li> <li id="li_6" >
<label class="description" for="element_6">Data de Criação: </label>
<span>
<input id="element_6_1" name="element_6_1" class="element text" size="2" maxlength="2" value="" type="text">
/
<label for="element_6_1">MM</label>
</span>
<span>
<input id="element_6_2" name="element_6_2" class="element text" size="2" maxlength="2" value="" type="text">
/
<label for="element_6_2">DD</label>
</span>
<span>
<input id="element_6_3" name="element_6_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_6_3">YYYY</label>
</span>
</li>
<li id="li_6" >
</li> <li id="li_2" >
<label class="description" for="element_2">Créditos/Autores: </label>
<div>
<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">Descrição: </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="50" -->
<textarea id="element_3" name="element_3" class="element textarea medium" cols="89" rows="12"></textarea>
<p> </div>
</li> <li id="li_7" >
<label class="description" for="element_7">Imagens: </label>
<div>
<input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value="http://"/> <img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="imgs_add();"/><br /> Clique no + para adicionar a imagem. Depois pode por mais imagens.
</div>
</li>
<li id="li_7" >
<label class="description" for="fev">Enviadas: </label>
<div id="iev">
Nenhum até agora<br><br>
</div>
</li>
<li id="li_8" >
<label class="description" for="element_8">Youtube: </label>
<div>
<input id="element_8" name="element_8" class="element text medium" type="text" maxlength="255" value="http://"/> <img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="youtube_add();"/><br /> Clique no + para adicionar a imagem. Depois pode por mais imagens.
</div>
</li>
<li id="li_8" >
<label class="description" for="yev">Enviadas: </label>
<div id="yev">
Nenhum até agora<br><br>
</div>
</li>
<li class="buttons">
<input type="hidden" name="f" value="1" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />
<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="return verif()" />
<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="return verif()" /></form>
</li>
</ul>
</form>
</div>
</body>
</html>
Ate mais,
ddik
Re: Formulário de postagens
Tem como Validar só os campos:
Título do Download:
Link De Download:
Tamanho em MB:
Plataforma/Jogo:
Descrição:
?? os Outros campos podem ficarem normais
e Botar um botão assim "Excluir" ,em cima, dos links,imagens e videos adicionados ,para caso o usuário queira excluir ele possa ,antes de postar? se não der tudo bem,já esta ótimo
Título do Download:
Link De Download:
Tamanho em MB:
Plataforma/Jogo:
Descrição:
?? os Outros campos podem ficarem normais
e Botar um botão assim "Excluir" ,em cima, dos links,imagens e videos adicionados ,para caso o usuário queira excluir ele possa ,antes de postar? se não der tudo bem,já esta ótimo
Re: Formulário de postagens
Olá,
Sim posso fazer isso...
Ate mais,
ddik
Editado:
Olá,
Tem aqui o código:
Não consegui a opção de deletar
Ate mais,
ddik
Sim posso fazer isso...
Ate mais,
ddik
Editado:
Olá,
Tem aqui o código:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Enviar Novo Download</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var imgs_bbcode=''; var imgs_html=''; var youtube_html=''; var youtube_bbcode=''; var url_bbcode=''; var url_html='';
function QueryString(ID){
var URL = document.location.href;
if(URL.indexOf('?' + ID + '=')>-1){
var qString = URL.split('?');
var keyVal = qString[1].split('&');
for(var i=0;i<keyVal.length;i++){
if(keyVal[i].indexOf(ID + '=')==0){
var val = keyVal[i].split('=');
return val[1];
}
}
return "";
}
else
{
return "";
}
}
function val_element(id){ return jQuery('[name="element_'+ id +'"]').val(); }
function set_element(id,value){ return jQuery('[name="element_'+ id +'"]').val(value); }
function verif(){
vf = false;
if(val_element('1')==''){ vf = true; }
if(url_bbcode==''){ vf = true; }
if(val_element('5')==''){ vf = true; }
if(val_element('10')==''){ vf = true; }
if(val_element('3')==''){ vf = true; }
if(vf){alert('Todos os campo tem de ser preenchidos.'); return false; }else{ gerarf(); return true; }
}
function imgs_add(){
imgs_bbcode += '[img]'+ val_element('7') +'[/img] ';
imgs_html += '<img src="'+ val_element('7') +'" /> ';
jQuery('#iev').html(imgs_html);
set_element('7','http://');
}
function url_add(){
url_bbcode += '\n\n[b]'+val_element('4_2')+'[/b]\n[url='+ val_element('4_1') +'][img]http://i62.servimg.com/u/f62/14/02/95/46/downlo10.png[/img][/url] ';
url_html += '<hr><b>Link:</b> '+ val_element('4_1') +'<br><b>Descrição do Link:</b> '+ val_element('4_2');
jQuery('#uev').html(url_html + '<hr>');
set_element('4_1','http://');
set_element('4_2','');
}
function youtube_add() {
var url = val_element('8');
var youtube_id;
youtube_id = url.replace(/^[^v]+v.(.{11}).*/,"$1");
youtube_bbcode += '[youtube]'+ url +'[/youtube]\n';
youtube_html += '<img src="http://i1.ytimg.com/vi/'+ youtube_id +'/default.jpg" /> ';
jQuery('#yev').html(youtube_html);
set_element('8','http://');
}
function gerarf(){
jQuery('[name="message"]').val(
'\n[table border="1"][tr][td][b]Plataforma/Jogo:[/b]' +
'\n[b]Tamanho:[/b] '+val_element('5')+' [b]'+val_element('5_2')+'[/b]' +
'\n[b]Data de Criação: [/b]' + val_element('6_2') +'/'+ val_element('6_1') +'/'+ val_element('6_3') +
'\n[b]Créditos/Autores:[/b] '+ val_element('2') +' [/td]' +
'\n[td][center]'+ url_bbcode +
'\n[/center][/td][/tr][/table]' +
'\n' +
'\n' +
'\n[b]Imagens/Screenshots:[/b] ' +
'\n[center]'+ imgs_bbcode +'[/center]' +
'\n' +
'\n[b]Videos do Youtube:[/b] ' +
'\n[center]'+ youtube_bbcode +'[/center]' +
'\n' +
'\n[b]Descrição: [/b]' + val_element('3')
);
jQuery('[name="f"]').val(QueryString("f"));
}
</script>
</head>
<body id="main_body" >
<div id="form_container">
<h1><a>Enviar Novo Download</a></h1>
<form id="form_71460" class="appnitro" method="post" action="post">
<div class="form_description">
<h2>Enviar Novo ownload</h2>
<p>Preencha Corretamente todos Campo Abaixo</p>
</div>
<ul >
<li id="li_1" >
<label class="description" for="element_1">Título do Download: </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="35" I-Maximum-Length="150" -->
<input id="element_1" name="subject" class="element text large" type="text" maxlength="150" value="" size="79"/>
</div>
</li> <li id="li_4_1" >
<label class="description" for="element_4_1">Link De Download: </label>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Maximum-Length="255" -->
<input id="element_4_1" name="element_4_1" class="element text medium" type="text" maxlength="255" value="http://"/><img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="url_add();"/><br>
<label class="description" for="element_4_2">Descrição do Link: </label><input id="element_4_2" name="element_4_2" class="element text medium" type="text" maxlength="255" />
<br>
<label class="description" for="fev">Enviadas: </label>
<div id="uev">
Nenhum até agora<br><br>
</div>
</li> <li id="li_5" >
<label class="description" for="element_5">Tamanho em MB: </label>
<div>
<input id="element_5" name="element_5" class="element text small" type="text" maxlength="255" value=""/>
<select size="1" name="element_5_2">
<option selected>MB</option>
<option>KB</option>
</select></div>
</li> <li id="li_10" >
<label for="element_10">Plataforma/Jogo:</label><label class="description" for="element_10"> </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Maximum-Length="255" -->
<input id="element_10" name="element_10" class="element text small" type="text" maxlength="255" value="" size="50"/>
</div>
</li>
<li id="li_5" >
<div>
</div>
</li> <li id="li_6" >
<label class="description" for="element_6">Data de Criação: </label>
<span>
<input id="element_6_1" name="element_6_1" class="element text" size="2" maxlength="2" value="" type="text">
/
<label for="element_6_1">MM</label>
</span>
<span>
<input id="element_6_2" name="element_6_2" class="element text" size="2" maxlength="2" value="" type="text">
/
<label for="element_6_2">DD</label>
</span>
<span>
<input id="element_6_3" name="element_6_3" class="element text" size="4" maxlength="4" value="" type="text">
<label for="element_6_3">YYYY</label>
</span>
</li>
<li id="li_6" >
</li> <li id="li_2" >
<label class="description" for="element_2">Créditos/Autores: </label>
<div>
<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">Descrição: </label>
<div>
<!--webbot bot="Validation" B-Value-Required="TRUE" I-Minimum-Length="50" -->
<textarea id="element_3" name="element_3" class="element textarea medium" cols="89" rows="12"></textarea>
<p> </div>
</li> <li id="li_7" >
<label class="description" for="element_7">Imagens: </label>
<div>
<input id="element_7" name="element_7" class="element text medium" type="text" maxlength="255" value="http://"/> <img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="imgs_add();"/><br /> Clique no + para adicionar a imagem. Depois pode por mais imagens.
</div>
</li>
<li id="li_7" >
<label class="description" for="fev">Enviadas: </label>
<div id="iev">
Nenhum até agora<br><br>
</div>
</li>
<li id="li_8" >
<label class="description" for="element_8">Youtube: </label>
<div>
<input id="element_8" name="element_8" class="element text medium" type="text" maxlength="255" value="http://"/> <img src="http://2img.net/i/fa/fdf3/plus10.png" style="cursor:pointer;" onclick="youtube_add();"/><br /> Clique no + para adicionar a imagem. Depois pode por mais imagens.
</div>
</li>
<li id="li_8" >
<label class="description" for="yev">Enviadas: </label>
<div id="yev">
Nenhum até agora<br><br>
</div>
</li>
<li class="buttons">
<input type="hidden" name="f" value="1" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="message" value="O script não enviou a mensagem" />
<!-- Pré Visualizar -->
<input type="submit" name="preview" class="button2" value="Pré-visualizar" onClick="return verif()" />
<!-- Enviar -->
<input type="submit" name="post" class="button2" value="Enviar" onClick="return verif()" /></form>
</li>
</ul>
</form>
</div>
</body>
</html>
Não consegui a opção de deletar
Ate mais,
ddik
Página 2 de 2 • 1, 2
Tópicos semelhantes
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
» Formulário de postagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 2 de 2
Permissões neste sub-fórum
Não podes responder a tópicos