Inserção de código de imagem

4 participantes

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

Tópico resolvido Inserção de código de imagem

Mensagem por Mauricio Molina 31.05.14 23:04

  • Descrição:
[quote]Ola...

Tenho este código para formulário de postagem onde editei bastante coisas, com a ajuda do amigo Kyo panda deixou funcionando perfeitamente, segue o código:

[code]<!--Inicio Js Tuto--->

<script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Artigos')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+=''+numero+'º - '+titulo+'\n\n'+descricao+'\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='<strong>Aviso importante!</strong>\n\n
Inserção de código de imagem Voix'+jQuery('#aviso').val()+'
'};

var ref='';
if(jQuery('#ref').length){var ref='<strong>Referências Bibliográficas!</strong>\n\n
Inserção de código de imagem Sug1012'+jQuery('#ref').val()+'
'};

var aler='';
if(jQuery('#aler').length){var aler='<strong>Leia também!</strong>\n
Inserção de código de imagem Questions'+jQuery('#aler').val()+'
'};


var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='

  • '+pergunta+'?\n'+resposta+'

\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};


  a='
Inserção de código de imagem '+jQuery('#imgtutorialform')\n\n
'+jQuery('#titulo').val()+'
\n
'+jQuery('#descricao').val()+'
\n\n
'+aviso+'
\n\n
<strong>Inserção de código de imagem 8436_32x32 '+jQuery('#tipo').val()+' Inserção de código de imagem 8454_32x32\n'+jQuery('#titulo').val()+'</strong>
\n\n
'+passos+'
\n\n

'+aler+'

  • Informações:
Fórum:http://aquapeixes.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Inserção,código,imagem



Última edição por Mauricio Molina em 13.06.14 22:09, editado 2 vez(es)
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Shek 01.06.14 0:11

Olá Autor!

Caso queira um formulário você poderá acessar os nossos tutoriais disponíveis a seguir:
https://ajuda.forumeiros.com/t35148-
https://ajuda.forumeiros.com/t32404-

Se preferir, poderá criar o seu formulário através de nosso Gerador de formulários de postagens: https://ajuda.forumeiros.com/h15-

Até mais.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 01.06.14 15:47

Obrigado Shek, mas o formulário esta do jeito que quero, apenas gostaria de adicionar mais isso...

Consegui adicionar o código que gera os campos de imagem, esta funcionando perfeitamente...

Código:
<script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Artigos')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+='[b][size=18]'+numero+'º[/size] - [color=darkblue]'+titulo+'[/color][/b]\n\n'+descricao+'\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='<strong>Aviso importante!</strong>\n\n[table][tr][td][img]http://2img.net/i/fa/fdf/voix.png[/img][/td][td]'+jQuery('#aviso').val()+'[/td][/tr][/table]'};

var ref='';
if(jQuery('#ref').length){var ref='<strong>Referências Bibliográficas!</strong>\n\n[table][tr][td][img]http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png[/img][/td][td]'+jQuery('#ref').val()+'[/td][/tr][/table]'};

var aler='';
if(jQuery('#aler').length){var aler='<strong>Leia também!</strong>\n[table][tr][td][img]http://2img.net/i/fa/fdf/questions.png[/img][/td][td]'+jQuery('#aler').val()+'[/td][/tr][/table]'};


var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='[list][*][b][color=indigo]'+pergunta+'?[/color][/b]\n'+resposta+'[/list]\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};


  a='[center][table style="margin:auto"][img]'+jQuery('#imgtutorialform').val()+'[/img]\n\n[td][size=26][color=#003399][font=Comic Sans MS]'+jQuery('#titulo').val()+'[/font][/color][/size][/td][/table][/center]\n[justify]'+jQuery('#descricao').val()+'[/justify]\n\n[justify]'+aviso+'[/justify]\n\n[center][color=green][size=16]<strong>[img]http://www.iconesbr.net/iconesbr/2009/07/8436/8436_32x32.png[/img] '+jQuery('#tipo').val()+' [img]http://www.iconesbr.net/iconesbr/2009/07/8454/8454_32x32.png[/img][/size][/color]\n[size=16][color=red]'+jQuery('#titulo').val()+'[/color][/size]</strong>[/center]\n\n'+imagensdopedido+'\n\n[justify]'+passos+'[/justify]\n\n[quote][justify]'+aler+'[/justify][/quote]\n\n[justify]'+ref+'[/justify]\n\n[justify]'+perguntas+'[/justify]\n[size=18][center] <strong>Dúvidas com este Artigo?</strong>[/center][/size][table][tr][td][img]http://s28.postimg.org/6h4utgk09/index_10.png[/img] [/td][td]  Se tiver alguma dúvida relacionada com este Artigo, crie um tópico com o seguinte título:\n\n[b][Dúvida] '+jQuery('#titulo').val()+'[/b][/td][/tr][/table]';

jQuery('#resultadopainel').val(a)});


});
    </script>
 
<!--Função gerar imagem--!>
 
<style>
        .previsu {
         background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
         border: 1px solid #1675BC;
         display: none;
         position: absolute;
         top: 350px;
         margin: auto;
         margin-left: 150px !important;
        }
         .previsuimg {
         position: relative;
         }
         .previsuimg div {
         position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 12);
         }
        #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
        #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
        .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
        .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
        .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

         .image { width: 300px; }

        </style> <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script> <script>


        function gerartitulo() {
         var tipo = document.getElementById("tipo").value;

        switch(tipo) {  
           
         
         }

        
       }
        imagensdopedido = '';

        function gerarpedido() {
                
        }

         function removeimg(obj) {
         obj.parent().parent().remove();
         update_img();
         }
         function addimg() {
         $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
         $('#addimage').prev().find('.previsualise').hover(
         function () {
         $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
         },
         function () {
         $(this).parent().find('.previsuimg div').css('display','none');
         }
         );
         update_img();
         }
         function update_img() {
         if($('.image').length<2) $('.image .remove').hide();
         else $('.image .remove').show();
         update_img_list();
         }

        function update_img_list() {
         imagensdopedido = '[img]';
         jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
         imagensdopedido = imagensdopedido + $(this).val() + '[/img]\n\n';
        }
         });
         gerarpedido();
         }

        gerartitulo();
        gerarpedido();

        </script>

<!--Função gerar imagem--!>
  
  
  
   <style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagemtutorial img{cursor:pointer}</style><div id="mudarforum"><form action="/post" method="post" enctype="multipart/form-data"><div id="none" class="panel">
    <div class="inner">
            <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
      FORMULÁRIO DE ESTRUTURA DO ARTIGO      
      

    <fieldset class="fields1">

    <dl><dt>
     <label>Imagem:</label><br><b style="
    color: gray;
">Clique sobre uma imagem para selecioná-la</b></dt>
     <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png"><div id="imagemtutorial" style="
    width: 100%;  
    height: auto;    
    overflow-x: auto;
display:inline-block;    
"><div style="
    float: left;  
    margin-right: -30000px;  
padding-left: 10px;
padding-right: 10px;
"><img src="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/censur10.png" alt="" class="" style="display:inline"> <img src="http://s28.postimg.org/6h4utgk09/index_10.png" alt="" class="" style="display:inline">  <img src="http://cantigasdeumbanda.com.br/interrogacaoazul01.png?v=2zpylsij6l57qw" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/chatbo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/config10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ecrire10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/galeri10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/groupe10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/html10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/images10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_12.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/jeux10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/logo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/new_ic10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/newsle10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/permis10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/portai10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/rang10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/reglem10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ssss10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/statis10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/domain.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/pub.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/stockage.png" alt="" class="" style="display:inline"><img src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/footer_nocopyrights.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/servic10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/miniba10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/botone10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/marteau.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1013.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning_arrow.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/alerte1.png" alt="" class="" style="display:inline"><img src="http://www.illiweb.com/bl/index_users.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/templates.png" alt="" class="" style="display:inline"><img src="http://i40.servimg.com/u/f40/12/30/19/49/jeux10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/voix.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/questions.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/forumactif_smartphone.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/stop.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/1.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/2.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/3.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/4.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_bad.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_middle.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_good.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/warning.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/error.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/confirm.gif" alt="" class="" style="display:inline"><img src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/avatars.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug310.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug110.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug210.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/tumbli10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/cardga10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf3/icones_fdf/private4.png" alt="" class="" style="display:inline"><img src="http://i32.servimg.com/u/f32/11/22/70/40/review10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/annonce.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/medaille.gif" alt="" class="" style="display:inline"><img src="http://i42.servimg.com/u/f42/11/32/95/02/autres10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/ecrire2.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/ecrire3.png" alt="" class="" style="display:inline"></div></div>
    </dd></dl>
      
      <label>Título:</label></dt>
     <dd><input id="titulo" class="inputbox" style="clear: both; width: 510px;">
    </dd></dl>

<dl><dt>
     <label>Descrição:</label></dt>
     <dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
    </dd></dl>
  
<br><strong>Adicionar aviso importante!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar aviso" class="button2" onclick="if(jQuery(this).val()=='Adicionar aviso'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://2img.net/i/fa/fdf/voix.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover aviso')}else if(jQuery(this).val()=='Remover aviso'){jQuery('#avisotexto').remove();jQuery(this).val('Adicionar aviso')};return false"></dd></dl>

  <br><fieldset class="fields1"> <dl><dt></dt> <label><font color="#2011C0"><strong>Imagens a serem usadas:</strong></font></label>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço. </dd></dl></fieldset>
<table style=""><tbody><tr id="addimage"><td class="part">
 
</td>
<td>
<div class="more" onclick="addimg()">
</div>
</td>
</tr>
</tbody>
</table><fieldset class="fields1"><dl><dd> <script type="text/javascript">addimg()</script> </dd></dl> </fieldset>

<br><strong>Medidas a serem tomadas!</strong><br>
<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="if(this.value=='Título')this.value=''" onblur="if(this.value=='')this.value='Título'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Descrição')this.value=''" onblur="if(this.value=='')this.value='Descrição'">Descrição</textarea></dd></dl>

<dl>
     <dd><input type="button" value="Adicionar passo" id="adpasso" class="button2"><input type="button" value="Remover passo" id="repasso" class="button2">
    </dd></dl>
 
<br><strong>Leia também!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar a ler" class="button2" onclick="if(jQuery(this).val()=='Adicionar a ler'){jQuery(this).closest('dl').before('<dl id=avisoaler><dt><label><img src=http://2img.net/i/fa/fdf/questions.png></label></dt><dd><textarea id=aler class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover a ler')}else if(jQuery(this).val()=='Remover a ler'){jQuery('#avisoaler').remove();jQuery(this).val('Adicionar a ler')};return false"></dd></dl>
    
<br><strong>Adicionar Referências!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar referências" class="button2" onclick="if(jQuery(this).val()=='Adicionar referências'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover referências')}else if(jQuery(this).val()=='Remover referências'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar referências')};return false"></dd></dl>

    <br><br><strong>Perguntas e Respostas!</strong><br><br><dl>
     <dd><input type="button" value="Adicionar pergunta/resposta" id="adpergunta" class="button2">
    </dd></dl>
    
   </fieldset>
    
    <br>    
    
<br><div id="divresultadopainel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Conteúdo copiado</a><textarea id="resultadopainel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 360px; "></textarea></div><br><div style="
    text-align: center;
"><input type="button" value="Gerar código do tutorial" id="gerarcodigotutorial" class="button2"><input  id="tipo" value="Artigos" style="display:none"></div><br>

    </div></div>
 
<!--Fim Tuto--->

Adicionei também a tag:

Código:
[img] [/img]

para que as imagens apareçam automaticamente, neta parte do código:

Código:
function update_img_list() {
         imagensdopedido = '[img]';
         jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
         imagensdopedido = imagensdopedido + $(this).val() + '[/img]\n\n';

O fechamento da tag:

Código:
[/img]

Gera em todas as imagens, mas a abertura:

Código:
[img]

Gera apena no primeiro link, quando se clica para adicionar mais imagens, não aparece nos outros, somente o fechamento...

Saberia me dizer onde posso adicionar, a tag [img] para que adicionasse em todos os links?

Obrigado!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 04.06.14 0:29

Alguém para dar uma força?

Como citado acima, fica desta maneira no post, a primeira imagem (link) fica entre as tags, gerando a imagem direta, mas a partir do segundo, só gera o fechamento da tag [/img]

Inserção de código de imagem Links

Código mais atual:

Código:
<script>jQuery(document).ready(function(){jQuery('#imagemtutorial img').click(function(){jQuery('#imagemtutorial img').removeClass('imgselected');jQuery(this).addClass('imgselected');m=jQuery(this).attr('src');jQuery('#imgtutorialform').val(m)});

jQuery('#imgtutorialform').keyup(function(){imgcampo=jQuery(this).val();if(jQuery('#imagemtutorial img[src="'+imgcampo+'"]').length){jQuery('#imagemtutorial img[src="'+imgcampo+'"]').click()}else{jQuery('#imagemtutorial img').removeClass('imgselected')}});

jQuery('#titulo').keyup(function(){if(jQuery(this).val().toLowerCase().indexOf('[tutorial]')!=-1){jQuery('#tipo').val('Artigos')}else if(jQuery(this).val().toLowerCase().indexOf('[faq]')!=-1){jQuery('#tipo').val('Perguntas e respostas frequentes')}});

jQuery('#adpasso').click(function(){var clicktitulo="if(this.value=='Título')this.value=''";var blurtitulo="if(this.value=='')this.value='Título'";var clickdescricao="if(this.value=='Descrição')this.value=''";var blurdescricao="if(this.value=='')this.value='Descrição'";var n=new Number(jQuery('#numdepassos').val())+1;jQuery('#adpasso').closest('dl').before('<dl id="passo"><dt><label>'+n+'º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="'+clicktitulo+'" onblur="'+blurtitulo+'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="'+clickdescricao+'" onblur="'+blurdescricao+'">Descrição</textarea></dd></dl>');jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())+1)});

jQuery('#adpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery(this).closest('dl').replaceWith('<dl id="pergunta"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl><dl><dd><input type="button" value="Adicionar pergunta" id="adicionarpergunta" class="button2"><input type="button" value="Remover pergunta" id="repergunta" class="button2"></dd></dl>');

jQuery('#adicionarpergunta').click(function(){var clickpergunta="if(this.value=='Pergunta')this.value=''";var clickresposta="if(this.value=='Resposta')this.value=''";var blurpergunta="if(this.value=='')this.value='Pergunta'";var blurresposta="if(this.value=='')this.value='Resposta'";jQuery('#adicionarpergunta').closest('dl').before('<dl id="pergunta" style="border-top:1px solid white;padding-top:7px"><dd><input id="titulopergunta" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Pergunta" onclick="'+clickpergunta+'" onblur="'+blurpergunta+'"><br><input id="tituloresposta" class="inputbox" style="clear:both;width:510px;margin-top: 8px;" value="Resposta" onclick="'+clickresposta+'" onblur="'+blurresposta+'"></dd></dl>')});

jQuery('#repergunta').click(function(){jQuery(this).closest('fieldset').find('dl#pergunta').eq(-1).remove();});});

jQuery('#repasso').click(function(){if(jQuery('#numdepassos').val()>1){jQuery('#numdepassos').val(new Number(jQuery('#numdepassos').val())-1);jQuery(this).closest('fieldset').find('dl#passo').eq(-1).remove()};});

jQuery('#gerarcodigotutorial').click(function(){jQuery('#divresultadopainel').slideDown();passos='';jQuery('#adpasso').closest('fieldset').find('#passo').each(function(n){titulo=jQuery(this).find('#titulopasso').val();descricao=jQuery(this).find('#descricaopasso').val();numero=n+1;passos+='[b][size=18]'+numero+'º[/size] - [color=darkblue]'+titulo+'[/color][/b]\n\n'+descricao+'\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='<strong>Aviso importante!</strong>\n\n[table][tr][td][img]http://2img.net/i/fa/fdf/voix.png[/img][/td][td][justify]'+jQuery('#aviso').val()+'[/justify][/td][/tr][/table]'};

var ref='';
if(jQuery('#ref').length){var ref='<strong>Referências Bibliográficas!</strong>\n\n[table][tr][td][img]http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png[/img][/td][td][justify]'+jQuery('#ref').val()+'[/justify]\n[/td][/tr][/table]'};

var aler='';
if(jQuery('#aler').length){var aler='<strong>Leia também!</strong>\n[table][tr][td][img]http://2img.net/i/fa/fdf/questions.png[/img][/td][td][justify]'+jQuery('#aler').val()+'[/justify][/td][/tr][/table]'};

var elab='';
if(jQuery('#elab').length){var elab='<strong>Elaboração e Revisão!</strong>\n[table][tr][td][img]http://2img.net/i/fa/fdf3/icones_fdf/private4.png[/img][/td][td][justify][b][color=#0033cc][size=14][font=Georgia]'+jQuery('#elab').val()+'[/font][/size][/color][/b][/justify][/td][/tr][/table]'};


var perguntas='';jQuery('#adicionarpergunta').closest('fieldset').find('#pergunta').each(function(){pergunta=jQuery(this).find('#titulopergunta').val();resposta=jQuery(this).find('#tituloresposta').val();perguntas+='[list][*][b][color=indigo]'+pergunta+'?[/color][/b]\n'+resposta+'[/list]\n'});if(perguntas!=''){perguntas=perguntas+'\n'};


  a='[center][table style="margin:auto"][img]'+jQuery('#imgtutorialform').val()+'[/img]\n\n[td][size=26][color=#003399][font=Comic Sans MS]'+jQuery('#titulo').val()+'[/font][/color][/size][/td][/table][/center]\n[justify]'+jQuery('#descricao').val()+'[/justify]\n\n'+aviso+'\n\n[quote][center][color=green][size=16]<strong>[img]http://www.iconesbr.net/iconesbr/2009/07/8436/8436_32x32.png[/img] '+jQuery('#tipo').val()+' [img]http://www.iconesbr.net/iconesbr/2009/07/8454/8454_32x32.png[/img][/size][/color]\n[size=16][color=red]'+jQuery('#titulo').val()+'[/color][/size]</strong>[/center][/quote]\n\n'+imagensdopedido+'\n[justify]'+passos+'[/justify]\n\n'+aler+'\n\n'+elab+'\n\n'+ref+'\n\n\n'+perguntas+'\n[size=20][center] <strong>Dúvidas com este Artigo?</strong>[/center][/size][table][tr][td][img]http://s28.postimg.org/6h4utgk09/index_10.png[/img] [/td][td]  Se tiver alguma dúvida relacionada com este Artigo, crie um tópico com o seguinte título:\n\n[b][Dúvida] '+jQuery('#titulo').val()+'[/b][/td][/tr][/table]';

jQuery('#resultadopainel').val(a)});


});
    </script>
   
   <!--Função gerar imagem--!>
   
   <style>
        .previsu {
        background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/vide.png');
        border: 1px solid #1675BC;
        display: none;
        position: absolute;
        top: 350px;
        margin: auto;
        margin-left: 150px !important;
        }
        .previsuimg {
        position: relative;
        }
        .previsuimg div {
        position: absolute; top: 30px; left: -10px; border: 3px double #E0E0E0; background: rgba(250, 250, 250, 12);
        }
        #addimage .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -600px; width: 60px; height: 20px;}
        #addimage .more { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px 2px; width: 12px; height: 20px; cursor:pointer;}
        .image .part { background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -235px -548px; width: 60px; height: 20px;}
        .image .remove { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat 0px -286px;padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}
        .image .previsualise { float: left;background: url(http://i46.tinypic.com/2wrdc42.jpg) no-repeat -50px -436px; margin-left: 5px; padding-left: 16px;width: 12px; height: 20px; cursor:pointer;position: relative;top:3px;}

        .image { width: 300px; }

        </style> <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script> <script>


        function gerartitulo() {
        var tipo = document.getElementById("tipo").value;

        switch(tipo) { 
           
         
        }

       
        }
        imagensdopedido = '';

        function gerarpedido() {
               
        }

        function removeimg(obj) {
        obj.parent().parent().remove();
        update_img();
        }
        function addimg() {
        $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left; display: inline; background-color: #ffffff;border: 1px solid #BCBCBC;color: #666666;padding: 2px;cursor: text;" type=text name=images id="Imagens_AddMore" onchange="update_img_list()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>');
        $('#addimage').prev().find('.previsualise').hover(
        function () {
        $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block');
        },
        function () {
        $(this).parent().find('.previsuimg div').css('display','none');
        }
        );
        update_img();
        }
        function update_img() {
        if($('.image').length<2) $('.image .remove').hide();
        else $('.image .remove').show();
        update_img_list();
        }

        function update_img_list() {
        imagensdopedido = '[img]';
        jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
        imagensdopedido = imagensdopedido + $(this).val() + '[/img]\n\n';
        }
        });
        gerarpedido();
        }

        gerartitulo();
        gerarpedido();

        </script>
      
      <!--Função gerar imagem--!>
 
 
 
  <style>.imgselected{background-color: white;
-webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
}#imagemtutorial img{cursor:pointer}</style><div id="mudarforum"><form action="/post" method="post" enctype="multipart/form-data"><div id="none" class="panel">
    <div class="inner">
            <span class="corners-top"><span></span></span>
        <div class="h3" style="margin-top: 7px;">
      FORMULÁRIO DE ESTRUTURA DO ARTIGO     
     

    <fieldset class="fields1">

    <dl><dt>
    <label>Imagem:</label><br><b style="
    color: gray;
">Clique sobre uma imagem para selecioná-la</b></dt>
    <dd><input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png"><div id="imagemtutorial" style="
    width: 100%; 
    height: auto;   
    overflow-x: auto;
display:inline-block;   
"><div style="
    float: left; 
    margin-right: -30000px; 
padding-left: 10px;
padding-right: 10px;
"><img src="http://i66.servimg.com/u/f66/15/86/37/09/alerte10.png" alt="" class="imgselected" style="display:inline;"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/censur10.png" alt="" class="" style="display:inline"> <img src="http://s28.postimg.org/6h4utgk09/index_10.png" alt="" class="" style="display:inline">  <img src="http://cantigasdeumbanda.com.br/interrogacaoazul01.png?v=2zpylsij6l57qw" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/chatbo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/config10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ecrire10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/galeri10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/gestio11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/groupe10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/html10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/images10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_11.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/index_12.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/jeux10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/logo10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/new_ic10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/newsle10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/permis10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/portai10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/rang10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/reglem10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/ssss10.png" alt="" class="" style="display:inline"> <img src="http://i66.servimg.com/u/f66/15/86/37/09/statis10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/domain.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/pub.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/stockage.png" alt="" class="" style="display:inline"><img src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/footer_nocopyrights.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/servic10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/miniba10.png" alt="" class="" style="display:inline"><img src="http://i23.servimg.com/u/f23/12/73/11/63/botone10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/marteau.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1013.png" alt="" class="" style="display:inline"><img src="http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning_arrow.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/alerte1.png" alt="" class="" style="display:inline"><img src="http://www.illiweb.com/bl/index_users.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/templates.png" alt="" class="" style="display:inline"><img src="http://i40.servimg.com/u/f40/12/30/19/49/jeux10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/voix.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf/questions.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/forumactif_smartphone.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/warning.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/stop.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/1.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/2.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/3.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/4.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_bad.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_middle.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/p_strength/pwd_good.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/warning.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/error.gif" alt="" class="" style="display:inline"><img src="http://2img.net/i/bl/confirm.gif" alt="" class="" style="display:inline"><img src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/admin/icones/big_ico/avatars.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug310.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug110.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug210.png" alt="" class="" style="display:inline"><img src="http://i44.servimg.com/u/f44/11/14/55/92/sug10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/tumbli10.png" alt="" class="" style="display:inline"><img src="http://i22.servimg.com/u/f22/09/02/12/09/cardga10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/fdf3/icones_fdf/private4.png" alt="" class="" style="display:inline"><img src="http://i32.servimg.com/u/f32/11/22/70/40/review10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/annonce.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/medaille.gif" alt="" class="" style="display:inline"><img src="http://i42.servimg.com/u/f42/11/32/95/02/autres10.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/ecrire2.png" alt="" class="" style="display:inline"><img src="http://2img.net/i/fa/optimisation_fdf/common/ecrire3.png" alt="" class="" style="display:inline"></div></div>
    </dd></dl>
     
      <label>Título:</label></dt>
    <dd><input id="titulo" class="inputbox" style="clear: both; width: 510px;">
    </dd></dl>

<dl><dt>
    <label>Descrição:</label></dt>
    <dd><textarea id="descricao" class="inputbox" style="clear: both; height: 100px; width:510px;"></textarea>
    </dd></dl>
 
<br><strong>Adicionar aviso importante!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar aviso" class="button2" onclick="if(jQuery(this).val()=='Adicionar aviso'){jQuery(this).closest('dl').before('<dl id=avisotexto><dt><label><img src=http://2img.net/i/fa/fdf/voix.png></label></dt><dd><textarea id=aviso class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover aviso')}else if(jQuery(this).val()=='Remover aviso'){jQuery('#avisotexto').remove();jQuery(this).val('Adicionar aviso')};return false"></dd></dl>

  <br><fieldset class="fields1"> <dl><dt></dt> <label><font color="#2011C0"><strong>Imagens a serem usadas:</strong></font></label>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço. </dd></dl></fieldset>
      <table style=""><tbody><tr id="addimage"><td class="part">
                  
               </td>               
               <td>                  
                  <div class="more" onclick="addimg()">                     
                  </div>                  
               </td>               
            </tr>            
         </tbody>         
      </table><fieldset class="fields1"><dl><dd> <script type="text/javascript">addimg()</script> </dd></dl> </fieldset>

<br><strong>Medidas a serem tomadas!</strong><br>
<input type=hidden id="numdepassos" value="1">
<dl id="passo"><dt><label>1º -</label></dt><dd><input id="titulopasso" class="inputbox" style="clear:both;width:510px;color:darkblue;font-weight:bold" value="Título" onclick="if(this.value=='Título')this.value=''" onblur="if(this.value=='')this.value='Título'"><br><br><textarea id="descricaopasso" class="inputbox" style="clear:both;height:100px;width:627px" onclick="if(this.value=='Descrição')this.value=''" onblur="if(this.value=='')this.value='Descrição'">Descrição</textarea></dd></dl>

<dl>
    <dd><input type="button" value="Adicionar passo" id="adpasso" class="button2"><input type="button" value="Remover passo" id="repasso" class="button2">
    </dd></dl>
   
   <br><strong>Leia também!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar a ler" class="button2" onclick="if(jQuery(this).val()=='Adicionar a ler'){jQuery(this).closest('dl').before('<dl id=avisoaler><dt><label><img src=http://2img.net/i/fa/fdf/questions.png></label></dt><dd><textarea id=aler class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover a ler')}else if(jQuery(this).val()=='Remover a ler'){jQuery('#avisoaler').remove();jQuery(this).val('Adicionar a ler')};return false"></dd></dl>
 
<br><strong>Elaboração e Revisão!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar" class="button2" onclick="if(jQuery(this).val()=='Adicionar'){jQuery(this).closest('dl').before('<dl id=avisoelab><dt><label><img src=http://2img.net/i/fa/fdf3/icones_fdf/private4.png></label></dt><dd><textarea id=elab class=inputbox style=clear:both;height:50px;width:510px;margin-top:0px;margin-bottom:0px>Equipe AquaPeixes</textarea></dd></dl>');jQuery(this).val('Remover')}else if(jQuery(this).val()=='Remover'){jQuery('#avisoelab').remove();jQuery(this).val('Adicionar')};return false"></dd></dl>
 
<br><strong>Adicionar Referências!</strong><br><br>
<dl><dd><input type="button"  value="Adicionar referências" class="button2" onclick="if(jQuery(this).val()=='Adicionar referências'){jQuery(this).closest('dl').before('<dl id=avisoref><dt><label><img src=http://i76.servimg.com/u/f76/11/66/91/15/sug1012.png></label></dt><dd><textarea id=ref class=inputbox style=clear:both;height:67px;width:510px;margin-top:0px;margin-bottom:0px></textarea></dd></dl>');jQuery(this).val('Remover referências')}else if(jQuery(this).val()=='Remover referências'){jQuery('#avisoref').remove();jQuery(this).val('Adicionar referências')};return false"></dd></dl>

    <br><br><strong>Perguntas e Respostas!</strong><br><br><dl>
    <dd><input type="button" value="Adicionar pergunta/resposta" id="adpergunta" class="button2">
    </dd></dl>
   
    </fieldset>
   
    <br>   
   
<br><div id="divresultadopainel" style="display:none;padding:5px;background-color:white;border:1px solid #EEE;width:99%;cursor:normal"><a id="copy-description-fade" style="display: none; ">Conteúdo copiado</a><textarea id="resultadopainel" style="font-size: 15px; margin-left: 0px; margin-right: 0px; width: 99%; margin-top: 0px; margin-bottom: 0px; height: 360px; "></textarea></div><br><div style="
    text-align: center;
"><input type="button" value="Gerar código do tutorial" id="gerarcodigotutorial" class="button2"><input  id="tipo" value="Artigos" style="display:none"></div><br>

    </div></div>
   
   <!--Fim Tuto--->
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 08.06.14 15:56

Alguém para dar uma força?

Só falta este pequeno detalhe para deixar o código como gostaria...
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 10.06.14 23:50

Alguém?
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por [F]lames 11.06.14 14:54

Olá,

Acima, nos mostrou este código:
Código:
function update_img_list() {
        imagensdopedido = '[img]';
        jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
        imagensdopedido = imagensdopedido + $(this).val() + '[/img]\n\n';

Altere para este:
Código:
function update_img_list() {
        tag_imagensdopedido = '[img]';
        jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
        imagensdopedido = tag_imagensdopedido + $(this).val() + '[/img]\n\n';

Resulta?

Até.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 12.06.14 16:13

Ola...

Não funcionou, gostaria que de algum modo adicionasse as tags de imagens, ao inserir mais campos para o url...

Com esta adaptação que fiz:

Código:
    function update_img_list() {
            imagensdopedido = '[img]';
            jQuery('input[name=images]').each( function(index) {
            if($(this).val() != '') {
            imagensdopedido = imagensdopedido + $(this).val() + '[/img]\n\n';

Fica desta maneira, pode ver que somente a primeira imagem é que fica entre as tags corretas, a partir da segunda, so aparece o fechamento da tag...

Inserção de código de imagem Links
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Kyo Panda 13.06.14 14:12

Yo,

Tente trocar por esse:

Código:
function update_img_list() {
        imagensdopedido = '';
        jQuery('input[name=images]').each( function(index) {
        if($(this).val() != '') {
        imagensdopedido = imagensdopedido + '[img]' + $(this).val() + '[/img]\n\n';

Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Inserção de código de imagem

Mensagem por Mauricio Molina 13.06.14 22:09

Nossa Kyo Pnada sem palavras, era isso mesmo...

Muito obrigado!
Mauricio Molina

Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos