Ajustar código de gerador de tutoriais.

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

Atendido / Resolvido Ajustar código de gerador de tutoriais.

Mensagem por Harleen em 21.09.18 15:42

Detalhes da questão


Endereço do fórum: https://antenadogames.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá de nuevo, como estão?
Achei esse código de gerador de tutoriais https://ajuda.forumeiros.com/t84980-qual-e-este-code-de-tutoriais#578856 fui editar as cores dos títulos (só alterei darkblue e indigo para orange) e o código gerado no tópico fica assim https://prnt.sc/kx3cbk
E na parte de Perguntas e Respostas, gostaria que ficasse assim https://prnt.sc/kx3fnu

Aqui está o código do formulário com a edição que eu fiz.
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('Tutoriais e Detonado')}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:orange;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:orange;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:orange;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=orange]'+titulo+'[/color][/b]\n'+descricao+'\n\n\n'});

var aviso='';
if(jQuery('#aviso').length){var aviso='[table style="width: 100%; border: 2px solid #E1AA0F; border-radius: 3px; margin-top: 30px;"][tr][td][img]https://i.servimg.com/u/f58/19/39/88/44/aviso12.png[/img][/td][td]'+jQuery('#aviso').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+='[h2]Perguntas e Respostas[/h2]\n[list][*][b][color=orange]'+pergunta+'?[/color][/b]\n'+resposta+'[/list]\n\n'});if(perguntas!=''){perguntas=perguntas+'\n'};a='[center][table style="margin:auto"][tr][td]\n[img]'+jQuery('#imgtutorialform').val()+'[/img] [/td][td]\n[size=24][color=#369FCF]'+jQuery('#titulo').val()+'[/color][/size][/td][/tr][/table][/center]\n\n[h2]Introdução[/h2]\n'+jQuery('#descricao').val()+'\n\n'+aviso+'\n[center][h3][color=#84C754][size=16]'+jQuery('#tipo').val()+' [/color][size=16][size=16][/size][/h3][size=16][/center][size=16]\n[center][color=#E9553C][b]'+jQuery('#titulo').val()+'[/b] [/color][/center]\n\n\n'+passos+perguntas+'[hr]\n[size=18][center] ©️ {FORUMNAME}[/center][/size]';
jQuery('#resultadopainel').val(a)});
});
</script>
<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>
<form action="/post" method="post" enctype="multipart/form-data">
    <div id="none" class="panel">
        <div class="inner">
            <span class="corners-top">
            </span>
            <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
            <fieldset class="fields1">
                <dl><dt>
                        <label>Imagem:</label>
                        <br />
                        <b style=" color: gray;">carregue sobre uma imagem para selecioná-la</b>
                    </dt>
                    <dd>
                        <input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="https://i.servimg.com/u/f58/19/39/88/44/gplay11.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="https://i.servimg.com/u/f58/19/39/88/44/gplay11.png" alt="" class="imgselected" style="display:inline;"/>
                                <img src="https://i.servimg.com/u/f58/19/39/88/44/playst10.png" alt="" class="" style="display:inline"/>
                            </div>
                        </div>
                    </dd>
                </dl>
                <dl><dt>
                        <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>
                <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=https://i.servimg.com/u/f58/19/39/88/44/aviso12.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>
              <hr/>
                <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:orange;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 />
                <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: 136px;"></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="Tutoriais & Detonado" style="display:none" />
            </div>
            <br />
        </div>
    </div>
</form>


Desde já agradeço.
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Pedxz em 22.09.18 14:05

Olá @Harleen,
Mude o seu código para:
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('Tutoriais e Detonado')}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:orange;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:orange;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:orange;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=orange]'+titulo+'[/color][/b]\\\n'+descricao+'\\\n'});
 
var aviso='';
if(jQuery('#aviso').length){var aviso='[table style="width: 100%; border: 2px solid #E1AA0F; border-radius: 3px; margin-top: 30px;"][tr][td][img]https://i.servimg.com/u/f58/19/39/88/44/aviso12.png[/img][/td][td]'+jQuery('#aviso').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+='[h2]Perguntas e Respostas[/h2]\\\n[list][*][b][color=orange]'+pergunta+'?[/color][/b]\\\n'+resposta+'[/list]\\\n'});if(perguntas!=''){perguntas=perguntas+'\\\n'};a='[center][table style="margin:auto"][tr][td]\\\n[img]'+jQuery('#imgtutorialform').val()+'[/img] [/td][td]\\\n[size=24][color=#369FCF]'+jQuery('#titulo').val()+'[/color][/size][/td][/tr][/table][/center]\\\n[h2]Introdução[/h2]\\\n'+jQuery('#descricao').val()+'\\\n'+aviso+'\\\n[center][h3][color=#84C754][size=16]'+jQuery('#tipo').val()+' [/color][/size][/h3][/center]\\\n[center][color=#E9553C][b]'+jQuery('#titulo').val()+'[/b] [/color][/center]\\\n'+passos+perguntas+'[hr]\\\n[size=18][center] ©️️ {FORUMNAME}[/center][/size]';
jQuery('#resultadopainel').val(a)});
});
</script>
<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>
<form action="/post" method="post" enctype="multipart/form-data">
    <div id="none" class="panel">
        <div class="inner">
            <span class="corners-top">
            </span>
            <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
            <fieldset class="fields1">
                <dl><dt>
                        <label>Imagem:</label>
                        <br />
                        <b style=" color: gray;">carregue sobre uma imagem para selecioná-la</b>
                    </dt>
                    <dd>
                        <input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="https://i.servimg.com/u/f58/19/39/88/44/gplay11.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="https://i.servimg.com/u/f58/19/39/88/44/gplay11.png" alt="" class="imgselected" style="display:inline;"/>
                                <img src="https://i.servimg.com/u/f58/19/39/88/44/playst10.png" alt="" class="" style="display:inline"/>
                            </div>
                        </div>
                    </dd>
                </dl>
                <dl><dt>
                        <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>
                <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=https://i.servimg.com/u/f58/19/39/88/44/aviso12.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>
              <hr/>
                <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:orange;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 />
                <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: 136px;"></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="Tutoriais & Detonado" style="display:none" />
            </div>
            <br />
        </div>
    </div>
</form>


Cordialmente,
pedxz.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2809
Pontos Ativos : 3561

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Harleen em 22.09.18 15:02

Olá, resultou em partes... nas Perguntas e Respostas ainda está assim https://prnt.sc/kxem47 cada pergunta e resposta adicionada, ao invés de ficar assim https://prnt.sc/kx3fnu .

Mas se não der pra mudar isso, avise que irei remover manualmente antes de postar.

Grata.
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Pedxz em 22.09.18 15:06

Para ti existe sempre um jeito Muito feliz
Troque o código para, e veja se deu:
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('Tutoriais e Detonado')}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:orange;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:orange;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:orange;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=orange]'+titulo+'[/color][/b]\\\n'+descricao+'\\\n'});
 
var aviso='';
if(jQuery('#aviso').length){var aviso='[table style="width: 100%; border: 2px solid #E1AA0F; border-radius: 3px; margin-top: 30px;"][tr][td][img]https://i.servimg.com/u/f58/19/39/88/44/aviso12.png[/img][/td][td]'+jQuery('#aviso').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+='[h2]Perguntas e Respostas[/h2]\\\n[list]\\\n[*][b][color=orange]'+pergunta+'?[/color][/b]\\\n'+resposta+'[/list]\\\n'});if(perguntas!=''){perguntas=perguntas+'\\\n'};a='[center][table style="margin:auto"][tr][td]\\\n[img]'+jQuery('#imgtutorialform').val()+'[/img] [/td][td]\\\n[size=24][color=#369FCF]'+jQuery('#titulo').val()+'[/color][/size][/td][/tr][/table][/center]\\\n[h2]Introdução[/h2]\\\n'+jQuery('#descricao').val()+'\\\n'+aviso+'\\\n[center][h3][color=#84C754][size=16]'+jQuery('#tipo').val()+' [/color][/size][/h3][/center]\\\n[center][color=#E9553C][b]'+jQuery('#titulo').val()+'[/b] [/color][/center]\\\n'+passos+perguntas+'[hr]\\\n[size=18][center] ©️️️ {FORUMNAME}[/center][/size]';
jQuery('#resultadopainel').val(a)});
});
</script>
<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>
<form action="/post" method="post" enctype="multipart/form-data">
    <div id="none" class="panel">
        <div class="inner">
            <span class="corners-top">
            </span>
            <div class="h3" style="margin-top: 7px;">FORMULÁRIO DE ESTRUTURA DO TUTORIAL</div>
            <fieldset class="fields1">
                <dl><dt>
                        <label>Imagem:</label>
                        <br />
                        <b style=" color: gray;">carregue sobre uma imagem para selecioná-la</b>
                    </dt>
                    <dd>
                        <input id="imgtutorialform" class="inputbox" style="clear: both; width: 510px;" value="https://i.servimg.com/u/f58/19/39/88/44/gplay11.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="https://i.servimg.com/u/f58/19/39/88/44/gplay11.png" alt="" class="imgselected" style="display:inline;"/>
                                <img src="https://i.servimg.com/u/f58/19/39/88/44/playst10.png" alt="" class="" style="display:inline"/>
                            </div>
                        </div>
                    </dd>
                </dl>
                <dl><dt>
                        <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>
                <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=https://i.servimg.com/u/f58/19/39/88/44/aviso12.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>
              <hr/>
                <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:orange;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 />
                <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: 136px;"></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="Tutoriais & Detonado" style="display:none" />
            </div>
            <br />
        </div>
    </div>
</form>
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2809
Pontos Ativos : 3561

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Harleen em 22.09.18 16:25

@Pedxz escreveu:Para ti existe sempre um jeito  Muito feliz

Opa tem jeito pra morte? rs
Infelizmente continua do com os dois títulos, como pode ver nesses tópicos
https://antenadogames.forumeiros.com/t61-teste-de-formulario-de-tutoriais

Grata.
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Harleen em 25.09.18 18:01

Boa tarde, podem arquivar o tópico.
Estou com problemas no PC e não tenho como prosseguir com a questão.

Agradeço ao Pedrxz por tentar ajudar.
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Atendido / Resolvido Re: Ajustar código de gerador de tutoriais.

Mensagem por Pedxz em 25.09.18 18:11

Tópico resolvido


Movido para "Questões resolvidas".
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2809
Pontos Ativos : 3561

Ver perfil do usuário https://pedxz.forumeiros.com

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


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