Bottone che svolge funzione nella stessa pagina

Demians · 24 Ott 2012

Ciao, ho pensato di utilizzare un bottone in cui gli utenti scrivono il proprio nome.
Però il nome viene scritto in una pagina bianca mentre vorrei fosse scritto nella stessa pagina.
Cosa devo aggiungere?
Grazie.

HTML:

<head>
<script type="text/javascript" language="javascript">
function show_prompt()
 { var nome=prompt("Inserisci il tuo nome.","");
if (nome == "") nome= "Ciao";
var today = new Date ()
var hrs = today.getHours();
document.writeln("<b>");
document.writeln("<b>");
if (hrs <= 12)
        document.write("Buon giorno "+nome+', !');
else if (hrs <= 18)
        document.write("Buon pomeriggio "+nome+', !');
else
     document.write("Buona sera "+nome+', !'); document.writeln("<br />");
  }
</script>
<body>
<form>
<input type="button" style=" onclick="show_prompt()" value="Inserisci il tuo nome" />
</form>
</body>

cavaliere123 · 24 Ott 2012

Buongiorno, ho visto che c'era uno style di troppo ed ho tolto....

a me funziona :

HTML:

<html>
<head>
<script type="text/javascript" language="javascript">

function show_prompt()

 { var nome=prompt("Inserisci il tuo nome.","");

if (nome == "") nome= "Ciao";
var today = new Date ()
var hrs = today.getHours();
document.writeln("<b>");
document.writeln("<b>");
if (hrs <= 12)
        document.write("Buon giorno "+nome+', !');
else if (hrs <= 18)
        document.write("Buon pomeriggio "+nome+', !');
else
     document.write("Buona sera "+nome+', !'); document.writeln("<br />");
  }

</script> </head>
<body>
<form>
<input type="button"  onclick="show_prompt()" value="Inserisci il tuo nome" />
</form>
</body>
</html>

Se desideri altro... perdonami allora non ho compreso io...

Demians · 24 Ott 2012

Grazie cavaliere, lo script apre e scrive "Buongiorno 'nome' in una pagina bianca. Invece vorrei che il risultato "Bungiorno 'nome' apparisse a lato del bottone.

alessandro1997 · 24 Ott 2012

Prova così (ci sono molte altre correzioni):

HTML:

<!DOCTYPE html>
<html lang="it">
    <head>
        <title>Bottone</title>
        <meta charset="utf-8" />
        <script type="text/javascript" language="javascript">
        function show_prompt()
        {
            var nome = prompt("Inserisci il tuo nome:");

            if (nome == "") {
                nome = "Ciao";
            }

            var today = new Date()
            var message = "";

            if (today.getHours() <= 12) {
                message = "Buongiorno " + nome + "!";
            } else if (today.getHours() <= 18) {
                message = "Buonpomeriggio " + nome + "!";
            } else {
                message = "Buonasera " + nome + "!";
            }

            document.getElementById("message").innerHTML = "<strong>" + message + "</strong>";
        }
        </script>
    </head>

    <body>
        <input type="button"  onclick="show_prompt()" value="Inserisci il tuo nome" />

        <div id="message"></div>
    </body>
</html>

cavaliere123 · 24 Ott 2012

Tipo cosi ?

HTML:

<html>
<head>
<script type="text/javascript" language="javascript">

function show_prompt()

 { var nome=prompt("Inserisci il tuo nome.","");

if (nome == "") nome= "Ciao";
var today = new Date ()
var hrs = today.getHours();
if (hrs <= 12)
        document.getElementById('clock').innerHTML='"Buon giorno "'+nome+', !';
else if (hrs <= 18)
        document.getElementById('clock').innerHTML='"Buon pomeriggio "'+nome+', !';
else
     document.getElementById('clock').innerHTML='"Buona sera "'+nome+', !';
  }

</script> </head>
<body>  <table> <tr> <td>
<form>
<input type="button"  onclick="show_prompt()" value="Inserisci il tuo nome" />
</form></td>
<td>
<p id = "clock"/></td></tr></table>
</body>
</html>

o anche cosi :

HTML:

<html>
<head>
<script type="text/javascript" language="javascript">

function show_prompt()

 { var nome=prompt("Inserisci il tuo nome.","");

if (nome == "") nome= "Ciao";
var today = new Date ()
var hrs = today.getHours();
if (hrs <= 12)
        document.getElementById('clock').innerHTML='"Buon giorno "'+nome+', !';
else if (hrs <= 18)
        document.getElementById('clock').innerHTML='"Buon pomeriggio "'+nome+', !';
else
     document.getElementById('clock').innerHTML='"Buona sera "'+nome+', !';
  }

</script> </head>
<body>  <div>
<form>
<input type="button"  onclick="show_prompt()" value="Inserisci il tuo nome" />
</form>

<p id = "clock"/></div>
</body>
</html>

cavaliere123 · 24 Ott 2012

Beh quello del super esperto Alessandro di sicuro è migliore....

)

Vale2 · 24 Ott 2012

alessandro1997 ha scritto:
Prova così (ci sono molte altre correzioni):

HTML:

} else if (hrs <= 18) {

Ciao,

} else if (today.getHours() <= 18) {

Valeria.

Demians · 24 Ott 2012

Grazie!

Grazie, siete veramente molto gentili e preparati.
Un ringraziamento a Cavaliere123, Alessandro1997 e Vale2. Ciao! :book: :fonzie:

cavaliere123 · 24 Ott 2012

Di nulla e grazie a te per essere stato gentile nel tuo ringraziare...
P.s. : Loro due sono preparati per davvero.... io ho solo imparato da loro due e da un altro quel pochissimo che so

Ciao e buon lavoro

alessandro1997 · 24 Ott 2012

Vale2 ha scritto:
Ciao,

} else if (today.getHours() <= 18) {

Valeria.

Grazie, corretto anche nel post.

Cerca

Cerca

Bottone che svolge funzione nella stessa pagina

Demians

Nuovo Utente

cavaliere123

Utente Attivo

Demians

Nuovo Utente

alessandro1997

Utente Attivo

cavaliere123

Utente Attivo

cavaliere123

Utente Attivo

Vale2

Utente Attivo

Demians

Nuovo Utente

cavaliere123

Utente Attivo

alessandro1997

Utente Attivo

Discussioni simili