Ajustar código de gerador de tutoriais.
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Ajustar código de gerador de tutoriais.
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.
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Ajustar código de gerador de tutoriais.
Olá @Harleen,
Mude o seu código para:
Cordialmente,
pedxz.
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.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Ajustar código de gerador de tutoriais.
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.
Mas se não der pra mudar isso, avise que irei remover manualmente antes de postar.
Grata.
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Ajustar código de gerador de tutoriais.
Para ti existe sempre um jeito
Troque o código para, e veja se deu:
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
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>
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Ajustar código de gerador de tutoriais.
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.
Re: Ajustar código de gerador de tutoriais.
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.
Estou com problemas no PC e não tenho como prosseguir com a questão.
Agradeço ao Pedrxz por tentar ajudar.
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Ajustar código de gerador de tutoriais.
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Ajustar o código das informações do membro
» Ajustar horário de código
» Ajustar código de bot de publicidade
» Ajustar Código Javascript
» Dúvida sobre ativação de código HTML gerador de fichas no painel de controle
» Ajustar horário de código
» Ajustar código de bot de publicidade
» Ajustar Código Javascript
» Dúvida sobre ativação de código HTML gerador de fichas no painel de controle
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos