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

3 participantes

Ir para baixo

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

Mensagem por Daniel Z 30.10.15 22:25

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:

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:

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 0:16, 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

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

Mensagem por Fraise 30.10.15 22:33

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 30.10.15 22:44

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

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

Mensagem por Fraise 30.10.15 22:46

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 30.10.15 22:48

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

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

Mensagem por Fraise 30.10.15 22:52

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 30.10.15 22:57

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:
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 30.10.15 23:05

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 30.10.15 23:14

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 Fraise 30.10.15 23:23

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 30.10.15 23:30

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 30.10.15 23:34

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 30.10.15 23:58

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

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

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 0:00

É 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 0:06

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

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 0:08

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

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

Mensagem por Daniel Z 31.10.15 0:15

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

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

Mensagem por Fraise 31.10.15 0:16

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

Ir para o topo

- Tópicos semelhantes

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