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

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Membro Proficiente

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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Membro Proficiente

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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Membro Proficiente

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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário 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

Masculino
Membro desde : 16/10/2015
Mensagens : 1717
Pontos : 2372

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Membro Proficiente

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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário 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

Masculino
Membro desde : 16/10/2015
Mensagens : 1717
Pontos : 2372

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário 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

Masculino
Membro desde : 16/10/2015
Mensagens : 1717
Pontos : 2372

Ver perfil do usuário 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
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário 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

Masculino
Membro desde : 16/10/2015
Mensagens : 1717
Pontos : 2372

Ver perfil do usuário 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 0:15

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

search_results_posts:

search_results_topics:

Podem fechar Party
Daniel Z

Daniel Z
***

Masculino
Membro desde : 30/04/2012
Mensagens : 111
Pontos : 180

Ver perfil do usuário http://rpgteste.queroforum.net/

Ir para o topo Ir para baixo

Membro Proficiente

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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 26/06/2015
Mensagens : 6307
Pontos : 7774

Ver perfil do usuário 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