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
416
0
16
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.302
1
0
26
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
416
0
16
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
416
0
16
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 :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
K [HTML] Bottone che salva id Programmazione 1
L [HTML] Pagina che rimanda ad un bottone HTML e CSS 1
romeocharly Come creare un bottone che permetta il download in base ad un id di mysql PHP 0
L Creare un bottone che si illumina al passaggio del mouse HTML e CSS 6
M Bottone che aggiunge +1 al valore base (DB). Ajax 1
B Variabile che incrementa al click di un bottone Javascript 10
D Musica con bottone che non si interrompe al cambio pagina. Javascript 1
M liberia fpdf creare form che al premere al bottone di sumit mi crei il pdf PHP 0
M webbrowser vb6 che non clicca bottone Visual Basic 0
K Creare bottone che apre un URL esterno Flash 8
V Bottone opzione che abilita casella di testo Javascript 0
L Riempimento di una tabella al click di un bottone Javascript 1
C bottone query MySQL 0
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2
K Bottone torna indietro Javascript 6
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
G Modifica immagine di sfondo attraverso un bottone PHP 18
S Disattivare bottone Javascript 0
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
U PHP bottone per invio mail o ritorno al form PHP 15
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
M [PHP] Consiglio su come istanziare un Bottone PHP 0
G [PHP] Creare mail con allegato nascosto e bottone di richiamo PHP 0
M [XAMARIN] Accettare una chiamata telefonica al click su bottone Sviluppo app per Android 3
I [Javascript] mantenere un bottone abilitato al refresh della pagina Javascript 1
M [Javascript] [HTML] come aumentare il valore di una progress bar quando si preme un bottone Javascript 1
bubino8 [WordPress] [PHP] Login diretto da bottone WordPress 4
bubino8 [WordPress] Login a WP da bottone WordPress 0
S [Javascript] Catturare l'evento click di un bottone Javascript 3
S [Javascript] Aggiornare solo un DIV una sola volta con un click di un bottone Javascript 9
gandalf1959 dopo la richiesta ajax il bottone del form non si disabilita Ajax 5
S Aiuto! Bottone inserito da codice non funziona PHP 7
Blackbug Bottone cancella_categoria sparito ? Magento 0
O VBA Bottone di ricerca MS Access 0
J Abilitare bottone dopo click su immagine Javascript 1
C Come posso integrare il bottone "paga adesso" di paypal e un form php per invio dati? PHP 1
A Inserimento beep su bottone HTML e CSS 3
F Woocommerce bottone dettaglio WordPress 0
U Far partire una funzione JavaScript premendo bottone in html Javascript 13
C Come collegare una pagina ad un bottone su mit app inventor Presentati al Forum 1
G Cliccando sul bottone mi ritorna alla home page... WordPress 2
IImanuII Youtube bottone per sottoscrizione al canale Javascript 1
J Bottone per fullscreen immagine Javascript 0
I bottone a tendina HTML e CSS 2
P Cliccando su un "bottone" il checkbox si aggiorna. jQuery 2
P copiare contenuto campo input, utilizzando un bottone a fianco HTML e CSS 0
D [action script 3.0] bottone "Chiudi" Flash 0
J Bottone submit mi restituisce errore 404 page not found PHP 7

Discussioni simili