Ajustar código de gerador de tutoriais.

por Harleen 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.

por **tikky** 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.

por Harleen 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.

por **tikky** 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>

por Harleen 22.09.18 16:25

Pedxz escreveu:Para ti existe sempre um jeito

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.

por Harleen 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.

por **tikky** 25.09.18 18:11

Tópico resolvido

Movido para "Questões resolvidas".

Ajustar código de gerador de tutoriais.