Formulario - Adicionar o link dentro de uma tag BBcode

por patamar16 10.04.12 23:10

Qual é minha questão:
Ola, Eu estou criando um formulario para meu forum, Com base Neste do Forum dos Forum, Claro que modifiquei quase tudo (nao sei se tem problema)...
entao, queria saber fazer um efeito nele que quando a pessoa coloca-se o link, automaticamente este link fosse para dentro duma tag "[url=linkfosseaki]Clique Aki[/url]" Entende?

Meu formulario:

Spoiler:

Código:: <center><table bgcolor="black"><tr><td><script src="http://forum-script.googlecode.com/files/VarGET.js"></script><script> html_tpl = "<b>Nome/Tipo Do Conteudo:</b>$1 <br><b>Como usar:</b><br>.<br><br><b>Dowload:</b><br>. <br><br><b>Fonte/Creditos:</b><br>http://imperadores.forumeiro.com <br><br><b>Versão do meu fórum:</b><br>INVISION <br><br>"; bbcode_tpl = "[b][size=15][color=orange]Nome/Tipo Do Conteudo:[/color][/size][/b]\n$1 \n\n[b][color=orange][size=15]Como usar:[/color][/size][/b]\n$2\n\n[b][size=15][color=orange]Dowload (4shared):[/color][/size][/b]\n$3\n\n[b][size=15][color=orange]Fonte/Creditos:[/color][/size][/b]\n$4\n\n[b][color=red][size=15]Tipo de Arquivo:[/size][/color][/b]\n$5"; $(document).ready(function(){ $('#bt-selecciona-forum').change(function() { if($(this).val()!==""){ $('#form-part2, #bts').slideDown(800); $('input[name="f"]').val($(this).val()); }else{ $('#form-part2, #bts').slideUp(300); $('input[name="f"]').val($(this).val()); } }); $('#bt-apagar').click(function() { $('#bt-selecciona-forum, #text-corrigir, #text-imgs, #text-questao, #titulo, #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-corrigir').val()); tpl = tpl.replace("$3", $('#text-imgs').val()); tpl = tpl.replace("$4", $('#endereco').val()); tpl = tpl.replace("$5", $('#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()!=='' && $('#text-corrigir').val()!=='' && $('#titulo').val()!==''){ tpl = tpl.replace("$1", $('#text-questao').val()); tpl = tpl.replace("$2", $('#text-corrigir').val()); tpl = tpl.replace("$3", $('#text-imgs').val()); tpl = tpl.replace("$4", $('#endereco').val()); tpl = tpl.replace("$5", $('#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{ $('#erro').slideUp(1); $('#erro').slideDown(800); } }); $('#bt-pr-fechar').click(function() { $('html, body').animate({ scrollTop: $("#pr-questao").offset().top }, 800); $('#pr-questao').slideUp(300); return false; }); $('#titulo').click(function() { if($('#titulo').val()=='Coloque aqui um título com o nome e Tipo do Conteudo'){ $('#titulo').val(''); } }); $('#titulo').blur(function() { if($('#titulo').val()==''){ $('#titulo').val('Coloque aqui um título com o nome e Tipo do Conteudo'); } }); $('#text-questao').click(function() { if($('#text-questao').val()=='Coloque o Nome Do Conteudo Seguido do tipo. ex: [XML]'){ $('#text-questao').val(''); } }); $('#text-questao').blur(function() { if($('#text-questao').val()==''){ $('#text-questao').val('Coloque o Nome Do Conteudo Seguido do tipo. ex: [XML]'); } }); 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><center> <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:#0FFFFF"><b>Você deve preencher todos os campos!</b></span></center><span class="corners-bottom"><span></span></span></div></div> <br> <div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao"> <br> <div class='panel'> <div class='inner'> <span class='corners-top'></span> <div class='h3' style='margin-top: 7px;'><font color="orange" face="impact" size="5">Informaçoes:</font></div> <hr> <font color="red" face="impact" size="3"> Antes de Postar procure a Opção Que Melhor Se encaixa no Seu Tipo de Conteudo:</font></p><hr><br> </div> <span class='corners-bottom'></span> </div> <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;"></div> <fieldset class="fields1"> <dl><dt> <label><font color="orange" size="4">Tipo de Conteudo</label></dt><dd><select id="bt-selecciona-forum" tabindex="1" class="inputbox" style='width: 510px;'/> <option value=""></option> <option value="1">XML/SPT</option> <option value="52">Hacks, Bots, Cheaters.</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> <hr> <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;">Por Favor Preencha Todos os Campos Antes de Enviar</div> <hr> <fieldset class="fields1"> <dl><dt> <br><br><label>Título da questão:</label></dt> <dd><input id="titulo" name="subject" value="Coloque aqui um título com o NOME e o TIPO de conteudo!" class="inputbox" style="clear: both; width: 510px;" /><span id="identifytitle" style="vertical-align:middle;color:gray;margin-left:5px"></span> </dd></dl> <dl><dt> <label><font size="4" color="Red"><b>Fonte/Creditos(Opcional):__________________</font><font size="2" color="orange">Tipo / Arquivo:</b></font></label></dt> <dd><input id="endereco" value="" class="inputbox" style="clear: both; width: 408px;" /> <select tabindex="1" class="inputbox" id="versao" /> <option value=""></option> <option value="PUNBB">XML</option> <option value="PHPBB2">SPT</option> <option value="PHPBB3">BOT</option> <option value="INVISION">HACKER</option> <option value="ID QUEST">LOADER</option> </select> </dd></dl> <dl><dt> <label>Nome do Arquivo:</label></dt> <dd><textarea id="text-questao" class="inputbox" tabindex="14" style="clear: both; height: 25px; width:510px;">Nome do Arquivo</textarea> </dd></dl> <dl><dt> <label>Como Usar: (Nao e Preciso Editar!)</label></dt> <dd><textarea id="text-corrigir" class="inputbox" tabindex="14" style="clear: both; height: 100px; width:510px;">Como usar um Xml/Spt: [hr][spoiler]Menu do Lado Direito, em Bot manager de "LOAD" no Arquivo que contenha no nome o ''Auto Atack'' Ou algo assim. Depois Marque na mesma janela a opção "[x]Enable Bot". No menu direito ->, De "Load XML" e procure pelo "Auto Acept". Depois de Abrir Marque a Opção "[x] spam".[/spoiler][hr] Modelo de como Rodar um Bot/Hacker/Loader Modelo para Bots:[hr][spoiler]Requirimentos:[url=http://get.adobe.com/br/flashplayer/]Flash Player[/url] Atualizado no Seu [url=http://windows.microsoft.com/pt-BR/internet-explorer/downloads/ie]Internet Explorer![/url] FERRAMENTAS: FERRAMENTAS QUE ELE DISPOE[/spoiler]</textarea> </dd></dl> <dl><dt> <label>Dowload do Arquivo:</font></font></label></dt> <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 26px; width: 510px;">[url=COLOQUE AKI O LINK DO DOWLOAD]Clique Aki Para Baichar[/url]</textarea> </dd></dl> </fieldset> <input type="hidden" name="message"> <input type="hidden" name="mode" value="newtopic"> <input type="hidden" name="f"> <input type="hidden" name="lt" value="0"> <span class="corners-bottom"><span></span></span></div></div> <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> <script>jQuery('#bt-selecciona-forum').change(function(){var v=jQuery('#bt-selecciona-forum').val();if(v==''){jQuery('#forumselect').hide()}else{jQuery('#forumselect').slideDown(100);if(v=='22'){var title='Xmls e Spts';var img='http://2img.net/i/fa/fdf/scripts.png';var desc='Hacks e Bots Tambem Loaders, Cheaters e Auto Clicks.'};if(v=='52'){var title='Hackers, Bots entre Outros Programas.';var img='http://2img.net/i/fa/fdf/palette.png';var desc='Hacks e Bots Tambem Loaders, Cheaters e Auto Clicks.'};if(v=='00000'){var title='id.';var img='http://2img.net/i/fa/fdf/admin.png';var desc='ID's Variados de Difenretes Tipos e Valores, Usados em Loaders.'};jQuery('#forumselect .forumtitle').html(title);jQuery('#forumselect img').attr('src',img);jQuery('#forumselect #desc').html(desc)}})</script></div></div></div></div><div id="emptyidright"></div></div></div></div></div><div id="page-footer"><div class="navbar"><div class="inner"><span class="corners-top"><span></span></span><ul class="linklist clearfix"><li class="footer-home"><a class="icon-home" href="" accesskey="h"></a></li><script type="text/javascript">//<![CDATA[ fa_endpage();//]]></script></center></td></tr></table></center>

a Pagina com o Formulario em questao:
http://imperadores.forumeiro.com/h92-

Medidas que eu tomei para corrigir o problema:

Links e imagens do meu problema:

Endereço do meu fórum:
http://imperadores.forumeiro.com

Versão do meu fórum:
Invision

por Roevs 10.04.12 23:17

Adiciona este código em seu Formulário

Código:: [code]<span class="corners-bottom"></span> </div> <div id="form-part1" class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;"></div> <fieldset class="fields1"> <dl><dt> <label><font color="orange" size="4">Tipo de Conteudo</font></label></dt><dd><font color="orange" size="4"><select id="bt-selecciona-forum" tabindex="1" class="inputbox" style="width: 510px;"> <option value=""></option> <option value="1">XML/SPT</option> <option value="52">Hacks, Bots, Cheaters.</option> </select></font></dd></dl><font color="orange" size="4"> </font></fieldset><font color="orange" size="4"> <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></font></div>[/code]</div>

por patamar16 10.04.12 23:27

Nao, Apenas fez aparecer outro clone em baicho mais nao funfou...

Queria tipo, o link que ta ''Fonte/Creditos (opcional)" em baicho tem o link pra por certo? Queria que este link entra-se dentro de uma url porexemplo "[url=Linkqueelecolocarali]Clique Aki para ir a Fonte[/url]

por Roevs 10.04.12 23:35

Utiliza este código

Código:: <dl><dt> <label><font size="4" color="Red"><b>Fonte/Creditos(Opcional):__________________</b></font><b><font size="2" color="orange">Tipo / Arquivo:</font></b></label></dt> <dd><input id="endereco" value="" class="inputbox" style="clear: both; width: 408px;"> <select tabindex="1" class="inputbox" id="versao"> <option value=""></option> <option value="PUNBB">XML</option> <option value="PHPBB2">SPT</option> <option value="PHPBB3">BOT</option> <option value="INVISION">HACKER</option> <option value="ID QUEST">LOADER</option> </select> </dd><div id="validardominio"></div></dl>

por patamar16 10.04.12 23:44

Estes codigos que vc ta colocando e pra concertar erros?

por Roevs 10.04.12 23:46

Não e para ficar igual a do fórum que você passou para ter aqueles opções

por patamar16 11.04.12 0:01

Cara ta me cabulando mais ainda, tentei fazer aki mais bagunçou tudo, tem como modificar o codigo q mandei acima e colocar aki pra mim substituir direto? vou acabar estragando oque ja ta feito XD

por Roevs 11.04.12 0:02

Olá você deseja que quando clicar apreça umas Opções ?

por patamar16 11.04.12 0:13

nao nao, queria que o Link que a pessoa coloca aki:
Formulario - Adicionar o link dentro de uma tag BBcode 6vBHl

Entra-se dentro de uma BBcode ou html, Que se tornase um link, tipo, ''

Código:: [url=Aki Entra o Link que a pessoa coloca ali nakela area]Clique aqui Para Ver[/url]

Entende? Queria q o link dakela area completa-se este codigo na hora de postar

por Roevs 11.04.12 0:18

Olá oque quer e que quando for criar um Tópico que já venha Automaticamente e só eles por o Link no Lugar

Aki Entra o Link que a pessoa coloca ali nakela area

ou você quer que adiciona o Link Normalmente e automaticamente Troca pelo Código e já fica com o Link que o Usuários postou

por patamar16 11.04.12 0:27

De uma olhada no meu formulario:
http://imperadores.forumeiro.com/h92-

quando vc escolhe a opçao, abre completo como na imagem:
Formulario - Adicionar o link dentro de uma tag BBcode 6vBHl

Certo? entao, aonde eu colokei o link do Meu Forum (Que foi um Link de Exemplo!) Queria que este link, Nao aparace-se assim:
Formulario - Adicionar o link dentro de uma tag BBcode PuKdH

Formulario - Adicionar o link dentro de uma tag BBcode PuKdH

E sim, aparece-se apenas um Link, como exemplo:
Um Link Assim, com o endereço que coloco nakela Area Entendeu agora?

por Roevs 11.04.12 0:47

Olá acredito que o Único jeito de fazer isso e aparecer o código quando for criar o Tópico e ele trocar o a Escrita pelo Link também tem como por uma Aviso para eles fazer isso

por patamar16 11.04.12 1:00

Achei Um exemplo de oque quero fazer, na publieiros, quando voce coloca o link da imagem, ela automaticamente ja posta a imagem dentro dos devidos codigos, pra que ela ja apareça como imagem, e nao link. veja:
http://www.publieiros.com/h8-

Hitskin.com

Formulario - Adicionar o link dentro de uma tag BBcode

Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode

Re: Formulario - Adicionar o link dentro de uma tag BBcode