Ir para conteúdo
Fórum Script Brasil

danielnmelo

Membros
  • Total de itens

    2
  • Registro em

  • Última visita

Posts postados por danielnmelo

  1. Obrigado pela ajuda wootzor...

     

    Consegui resolver de uma maneira mais fácil, sem colocar ID nos <p>...

     

    Segue abaixo o código

     

    <!doctype html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title>Teste</title>
       
      <script>
      function funcao(p) {
      document.getElementById("selecionar").innerHTML = p.innerHTML;
      }
      </script>
      </head>
      <body>
      <div><h1>selecionar</h1><p id="selecionar" >Aqui deve vir o texto selecionado<p>
      <h1>Cidades</h1>
      <ol>
      <li>
      <p onclick="funcao(this)">Porto Alegre</p>
      </li>
      <li>
      <p onclick="funcao(this)">São Paulo</p>
      </li>
      <li>
      <p onclick="funcao(this)">Rio de Janeiro</p>
      </li>
      </ol>
      </body>
      </html>
  2. Pessoal, estou querendo substituir um texto por outro que o usuário vai decidir. Por isso coloquei um ID em cada "p" porém já tentei referenciar ele de várias formas e sempre dá errado. A única forma de fazer o código executar algo é se eu deixar uma frase já pronta para ele substituir. 

     

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Teste</title>
        
        <script>
            function funcao() {
            document.getElementById("selecionar").innerHTML = "Quero colocar o ID do p aqui ";
    }    
        </script>
    </head>
    <body>
        <div><h1>selecionar</h1><p id="selecionar" >Aqui deve vir o texto selecionado<p>
        <h1>Cidades</h1>
        <ol>
            <li>
                <p id="p1" onclick="funcao()">Porto Alegre</p>
            </li>
            <li>
                <p id="p2" onclick="funcao()">São Paulo</p>
            </li>
            <li>
                <p id="p3" onclick="funcao()">Rio de Janeiro</p>
            </li>
        </ol>
    </body>
    </html>

×
×
  • Criar Novo...