Bottone che svolge funzione nella stessa pagina

Demians

Nuovo Utente
21 Ago 2012
9
0
0
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>
 
Ultima modifica:

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
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

Nuovo Utente
21 Ago 2012
9
0
0
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

Utente Attivo
6 Ott 2009
5.303
1
0
22
Roma
alessandro1997.netsons.org
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>
 
Ultima modifica:

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
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>
 

Demians

Nuovo Utente
21 Ago 2012
9
0
0
Grazie!

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

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
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 :)