Adicionar um parágrafo dentro de um código javascript

3 participantes

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

Tópico resolvido Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 12:25 am

Detalhes da questão


Endereço do fórum: http://rpg-players.forumbrasil.net/
Versão do fórum: PunBB

Descrição


Boa note, senhores.

Tenho um java bem simples que exibe esse resultado:

codigo - Adicionar um parágrafo dentro de um código javascript HMmakZ5

O que eu gostaria, é entre o "Autor" e o "Ordenar por", houvesse um espaço, como dois "<br>" se fosse HTML:

Código:
presets = {
    'Filtrar Por' : {
      'Tempo de Postagem' : href.replace(/sort_by=\d+/, '') + '&sort_by=0',
      'Título do Tópico' : href.replace(/sort_by=\d+/, '') + '&sort_by=1',
      'Autor' : href.replace(/sort_by=\d+/, '') + '&sort_by=2'
     },

    'Ordenar Por' : {
      'Ascendente' : href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
      'Descendente' : href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
      }

Ex:

codigo - Adicionar um parágrafo dentro de um código javascript 3WthkLb

Poderiam me ajudar? Feliz


Última edição por Daniel Z em 31/10/15, 02:16 am, editado 1 vez(es)
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Fraise 31/10/15, 12:33 am

Olá!

Creio que seja algo assim:
Código:
Paragrafo1\nParagrafo2\nParagrafo3

Ou seja basta utilizar \n para fazer uma quebra de linha.

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 12:44 am

Fraise escreveu:Olá!

Creio que seja algo assim:
Código:
Paragrafo1\nParagrafo2\nParagrafo3

Ou seja basta utilizar \n para fazer uma quebra de linha.

Até mais.
Fraise

Pior que o código fica inutilizado ao adicionar sua sugestão. Não
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Fraise 31/10/15, 12:46 am

Poderia então me fornecer o código JS completo para que eu possa efetuar as alterações que o senhor deseja?

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 12:48 am

Fraise escreveu:Poderia então me fornecer o código JS completo para que eu possa efetuar as alterações que o senhor deseja?

Até mais.
Fraise

Claro. Aqui está:

Código:
<script type="text/javascript">
(function() {
  var href = window.location.href,

  presets = {
    'Filtrar Por' : {
      'Tempo de Postagem' : href.replace(/sort_by=\d+/, '') + '&sort_by=0',
      'Título do Tópico' : href.replace(/sort_by=\d+/, '') + '&sort_by=1',
      'Autor' : href.replace(/sort_by=\d+/, '') + '&sort_by=2'
    },
   
    'Ordenar Por' : {
      'Ascendente' : href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
      'Descendente' : href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
      }
  },

  title = $('.page-title')[0],
  container = document.createElement('DIV'), i, j, str = '';
  container.id = 'search_presets';

  if (title) {
    for (i in presets) {
      str += '<span class="preset_label">' + i + ' : </span>';
      for (j in presets[i]) {
        str += '<a class="preset_option ' + ( new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '' ) + '" href="' + presets[i][j] + '">' + j + '</a>';
      }
    }
    container.innerHTML = str;
    title.innerHTML = '';
    title.appendChild(container);
  }
})();
</script>
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Fraise 31/10/15, 12:52 am

Veja se está ao seu agrado:
Código:
<script type="text/javascript">
    (function() {
        var href = window.location.href,

            presets = {
                'Filtrar Por\n': {
                    'Tempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
                    'Título do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
                    'Autor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
                },

                'Ordenar Por\n': {
                    'Ascendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
                    'Descendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
                }
            },

            title = $('.page-title')[0],
            container = document.createElement('DIV'),
            i, j, str = '';
        container.id = 'search_presets';

        if (title) {
            for (i in presets) {
                str += '<span class="preset_label">' + i + ' : </span>';
                for (j in presets[i]) {
                    str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
                }
            }
            container.innerHTML = str;
            title.innerHTML = '';
            title.appendChild(container);
        }
    })();
</script>

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 12:57 am

Fraise escreveu:Veja se está ao seu agrado:
Código:
<script type="text/javascript">
    (function() {
        var href = window.location.href,

            presets = {
                'Filtrar Por\n': {
                    'Tempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
                    'Título do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
                    'Autor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
                },

                'Ordenar Por\n': {
                    'Ascendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
                    'Descendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
                }
            },

            title = $('.page-title')[0],
            container = document.createElement('DIV'),
            i, j, str = '';
        container.id = 'search_presets';

        if (title) {
            for (i in presets) {
                str += '<span class="preset_label">' + i + ' : </span>';
                for (j in presets[i]) {
                    str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
                }
            }
            container.innerHTML = str;
            title.innerHTML = '';
            title.appendChild(container);
        }
    })();
</script>

Até mais.
Fraise

O resultado é visível, mas continua com a mesma aparência inicial:
codigo - Adicionar um parágrafo dentro de um código javascript RTK9XYA


Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por MateusAnjosV 31/10/15, 01:05 am

Boa noite @Daniel Z

Preciso que me diga, exatamente, onde utiliza esse código, preciso vê-lo para diagnosticar o problema e sanar a sua dúvida.

Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 01:14 am

Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Fraise 31/10/15, 01:23 am

Certo. Troque por este:
Código:
<script type="text/javascript">
    (function() {
        var href = window.location.href,

            presets = {
                '\nFiltrar Por\n': {
                    '\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
                    '\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
                    '\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
                },

                '\nOrdenar Por\n': {
                    '\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
                    '\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
                }
            },

            title = $('.page-title')[0],
            container = document.createElement('DIV'),
            i, j, str = '';
        container.id = 'search_presets';

        if (title) {
            for (i in presets) {
                str += '<span class="preset_label">' + i + ' : </span>';
                for (j in presets[i]) {
                    str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
                }
            }
            container.innerHTML = str;
            title.innerHTML = '';
            title.appendChild(container);
        }
    })();
</script>

Até mais.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 01:30 am

Desculpe, Fraise, mas não resultou o novo código Não
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por MateusAnjosV 31/10/15, 01:34 am

Hei amigo!

Experimente esse CSS:
Código:
.preset_label:last-of-type {display: block;}
Ou o analise, tenho certeza de que vai conseguir deduzir o que quero dizer. Feliz


A proposito, excelente código! Podemos transformar esse CSS em javascript, se quiser, ou aplica-lo de mil formas diferentes... Mas eu acho desnecessário.

Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 01:58 am

Realmente, o block/flex/list-item, surtem efeito:

codigo - Adicionar um parágrafo dentro de um código javascript JK1l6Ay

codigo - Adicionar um parágrafo dentro de um código javascript 781Fl9z

Será que tem como quebrarmos antes do "Ordenar por" para mais um paragrafo?
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por MateusAnjosV 31/10/15, 02:00 am

É claro, diga onde, exatamente, ok?
Porque, se remover o :last-of-type, ele vai quebrar outro parágrafo. Teste:
Código:
.preset_label {display: block;}
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 02:06 am

Testei, Mateus.
Só preciso afastar um pouco mais, um paragrafo, o Ordenar:

codigo - Adicionar um parágrafo dentro de um código javascript SOx2wHG
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por MateusAnjosV 31/10/15, 02:08 am

Entendo.. substitua por esse:
Código:
.preset_label {display: block;padding-top: 10px}

Até. Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Daniel Z 31/10/15, 02:15 am

Rapaz, deu certo mesmo.
Valeu mesmo, @MateusAnjosV.

search_results_posts:

search_results_topics:

Podem fechar Party
Daniel Z

Daniel Z
***

Membro desde : 30/04/2012
Mensagens : 116
Pontos : 189

http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Adicionar um parágrafo dentro de um código javascript

Mensagem por Fraise 31/10/15, 02:16 am

codigo - Adicionar um parágrafo dentro de um código javascript Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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