Formulario - Adicionar o link dentro de uma tag BBcode

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Formulario - Adicionar o link dentro de uma tag BBcode

Mensagem por patamar16 em 10/04/12, 07:10 pm

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://illiweb.com/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://illiweb.com/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://illiweb.com/fa/fdf/palette.png';var desc='Hacks e Bots Tambem Loaders, Cheaters e Auto Clicks.'};if(v=='00000'){var title='id.';var img='http://illiweb.com/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
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 07:17 pm

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>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 07:27 pm

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]
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 07:35 pm

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>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 07:44 pm

Estes codigos que vc ta colocando e pra concertar erros?
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 07:46 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 08:01 pm

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
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 08:02 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 08:13 pm

nao nao, queria que o Link que a pessoa coloca aki:


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
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 08:18 pm

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
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 08:27 pm

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

quando vc escolhe a opçao, abre completo como na imagem:

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


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

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

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

Mensagem por iPrompt em 10/04/12, 08:47 pm

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
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por patamar16 em 10/04/12, 09:00 pm

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-
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum