1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Javascript

Discussão em 'Programação' iniciada por bustelo, 18 de Abril de 2008. (Respostas: 3; Visualizações: 585)

  1. bustelo

    bustelo Power Member

    Um colega meu pediu-me para fazer uma coisa em JavaScript. Na realidade estou com problemas aqui numa parte. Já não tocava em javascript à muito e agora nem sei o que dá ou que não para fazer.

    Eu para facilitar fiz um pequeno código para perceberem o que eu quero que depois é só aplicar à minha situação

    Código:
     
    <html><body>
    <form name="formulario" target="_self">
    <p><input type="text" name="nome" size="20"><input type="submit" value="Escrever" name="enviar" onclick="escreve()" ></p>
    </form>
    </a><script>
    function escreve(){
    var nome;
    nome= formulario.nome.value;
    document.write(nome);
    }
    </script>
    <p>Após clicar no escrever queria que aparecesse aqui o que escrevi.</p>
    <p>Com o restante layout da página.</p>
    </body>
    </html>
     
    
    O que eu queria era que ao clicar no escrever aparecesse o que escrevia em baixo do form e não aparecer numa página em branco só o que eu escrevi. Queria que o restante layout (nesse exemplo não tem) também aparecesse.

    Cumprimentos
     
  2. slack_guy

    slack_guy Power Member

    Assim?
    Código:
    <html>
        <head>
            <title>teste</title>
            <style type='text/css'>
                #escreve { color : #f00; }
            </style>
            <script type='text/javascript'>
                function escreve() {
                    var texto = document.getElementById('nome').value;
                    document.getElementById('escreve').innerHTML = texto;
                }
            </script>
        </head>
        <body>
            <form name="formulario" method='post'>
                <input type="text" name="nome" id='nome' size="20" />
                <input type="submit" value="Escrever" name="enviar"
                onclick="escreve();return false;" />
            </form>
            <p />Após clicar no escrever queria que aparecesse aqui
            <span id='escreve'></span>
            o que escrevi.
            <p />Com o restante layout da página.
        </body>
    </html>
    
     
  3. XpiritO

    XpiritO Power Member

    Boas.

    A solução que apresentaram acima é 5 estrelas, mas apenas se quiseres usar apenas um input de cada vez (ou seja, não podes por exemplo escrever uma coisa na caixa de texto, adicioná-la à página, escrever outra e adicioná-la também e assim sucessivamente). Não sei se a tua ideia era fazer isso, mas se for, deixo aqui uma pequena "variante" do código apresentado acima:

    Onde está
    Código:
    document.getElementById('escreve').innerHTML = texto;
    Deves colocar
    Código:
    document.getElementById('escreve').appendChild(document.createTextNode(texto));
    Abraço.
     
  4. bustelo

    bustelo Power Member

    Obrigado pelas soluções.

    Depois cheguei a resolver o problema com div mas essas soluções podem ajudar-me mais a frente.

    Obrigado

    Cumprimentos
     

Partilhar esta Página