[RISOLTO]Pagina di inserimento con visualizzazione temporizzata

pup3770

Utente Attivo
30 Mag 2012
122
0
16
Ciao a tutti,
come da oggetto vorrei creare una pagina web che mi dia la possibilità di inserire un valore da tastiera e visualizzare per pochi secondi il risultato e tornare nella pagina di partenza.

In altre parole, vorrei creare una pagina (esempio: ciao.php) che si presenta con uno sfondo, un testo e un campo di inserimento del testo, all'apertura di questa pagina il cursore deve trovarsi già pronto nel campo di inserimento in modo che io posso subito scrivere e quando premo INVIO, nella stessa pagina o in una nuova pagina mi dia un risultato (scritte e immagini) che carico da un database. La pagina che mi apre o che mi visualizza vorrei farla rimanere per poco tempo (esempio: 30 secondi) e poi alla scadenza di questo tempo vorrei che tornasse nella pagina (esempio: ciao.php) che è la pagina in cui c'è il campo di inserimento e mi posiziona nuovamente il cursore nel campo di inserimento testo.

Inoltre desidero che la pagina (esempio: ciao.php) non scada mai perché deve funzionare 24 ore su 24.

Per il caricamento del database, so come fare. Per la pagina principale (esempio: ciao.php) in parte so come fare eccetto il discorso di non farla scadere mai e di posizionare in automatico all'avvio il cursore nel campo di inserimento testo.
Per l'invio alla nuova pagina so come fare.

Il problema si pone nella seconda pagina.
Per temporizzarla vedevo la funzione javascript:

Codice:
<SCRIPT>
setTimeout("window.close()" ,5000);
</SCRIPT>

Il cui valore: 5000 equivale a 5 secondi.

Importante:
Non dimentichiamo una cosa importante: se lo script verrà utilizzato nella finestra principale, il browser chiederà conferma della chiusura della finestra.

Io vorrei che la conferma di chiusura non mi venga chiesta.

Che ne dite? Secondo voi è fattibile il tutto con questo script di chiusura automatica visto che gli altri problemi sono facilmente risolvibili?

Attendo un vostro gentile riscontro.

Grazie in anticipo per tutti i commenti che vorrete lasciare.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
non ho capito bene, ma invece di chiuderla non puoi rinvire ad un'altra pagina? es
PHP:
<?php
ob_start();
?>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- tutto l'html e/o php che ti serve-->
<?php
header("refresh:5;url=pinco_pallo.php");
?>
</body>
</html>
<?php
ob_end_flush();
?>
così eviti anche il js e il bw non ti chiede nulla
 

pup3770

Utente Attivo
30 Mag 2012
122
0
16
Benissimo, grazie mille. Effettivamente ci avevo pensato a questa soluzione ma non sapevo come implementarla.

Per quanto riguarda invece l'autoposizionamento del cursore nel campo di inserimento testo, esempio una pagina con un titolo e un'area di testo, se io volessi che all'apertura il cursore si posizionasse nell'area di testa pronto a far inserire all'utilizzatore i parametri come posso fare?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Basterebbe usare il metodo focus() di javascipt
HTML:
<input type="text" name="foo" id="foo"/>
<script>
    document.getElementById("foo").focus();
</script>
 

pup3770

Utente Attivo
30 Mag 2012
122
0
16
Ragazzi Grandissimi. Grazie mille per i suggerimenti e soluzioni che mi date.

Ho testato e funziona come serviva a me.
 

pup3770

Utente Attivo
30 Mag 2012
122
0
16
Ragazzi, posto quanto fatto fino ad ora. Certo a prima vista non noterete niente di importante ma ancora mancano delle parti che sto cercando di realizzare.

Ecco il codice iniziale: pagina che aspetta un input e ogni "xx" secondi si riavvia (la faccio riavviare perché non deve permettere l'autospegnimento del dispositivo). Una volta inserito il testo nell'area, in automatico l'utente viene rediretto in un'altra pagina che anch'essa dura "xx" secondi per poi tornare alla pagina precedente.

Codice:
<?php
ob_start();
?>

<html>
<head>

<style type="text/css">
body {
    background-color: #C0C0C0;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}
 
#form {
    width: 500px;
    margin: 50px auto;
    background: #222;
    padding: 25px;
    overflow: hidden;
 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
 
h1 {
    font-size: 16px;
    color: #FCCC69;
    margin-bottom: 20px;
}



label, input, textarea { /* Stili comuni agli elementi del form */
    color: #dedede; /* Colore del testo */
    float: centre-left; /* Float a sinistra */
    font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
    margin: 10px 0; /* Margini */
}
label { /* Stili per la label */
    display: block; /* Impostiamo la label come elemento blocco */
    line-height: 30px; /* Altezza di riga */
    width: 150px; /* Larghezza */
}
 
input, textarea { /* Stili per il campo di testo e per la textarea */
    background: #FFA500; /* Colore di sfondo - prima era #1C1C1C */
    border: 5px solid #323232; /* Bordo */
    color: #fff; /* Colore del testo */
    height: 60px; /* Altezza */
    line-height: 60px; /* Altezza di riga */
    width: 300px; /* Larghezza */
    padding: 0 10px; /* Padding */
}
 
input { padding-left: 30px;
 
textarea { /* Stili specifici per la teaxtarea */
    background: #1C1C1C url('images/social_balloon.png') no-repeat 235px 95px; /* Sfondo con immagine */
    font-size: 12px;
    height: 200px;
    width: 320px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}
</style>


<title> </title>
</head>


<P ALIGN="CENTER">
	<FONT COLOR="#FF0000" SIZE = 7> Visualizzatore </FONT> <br>
	</P>


<FORM METHOD="post" ACTION="visualizza.php"> <!Metodo POST, le informazioni inviate da un form con il metodo POST sono invisibili agli altri e non ha limiti sulla quantità di informazioni da inviare>
	
<input type="text" name="foo" id="foo"/>
<script>
    document.getElementById("foo").focus();
</script>	

<INPUT TYPE="submit" VALUE="-">
</FORM>		



<body>
<?php
header("refresh:30;url=altra_pagina.php");
?>


<br>
<hr>
<br/>
</body>
</html>

<?php
ob_end_flush();
?>

l'altra pagina, ovvero di visualizzazione è:
Codice:
<?php
ob_start();
?>

<html>
<head>

<style type="text/css">
body {
    background-color: #C0C0C0;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}
 
#form {
    width: 500px;
    margin: 50px auto;
    background: #222;
    padding: 25px;
    overflow: hidden;
 
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
 
h1 {
    font-size: 16px;
    color: #FCCC69;
    margin-bottom: 20px;
}


label, input, textarea { /* Stili comuni agli elementi del form */
    color: #dedede; /* Colore del testo */
    float: centre-left; /* Float a sinistra */
    font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
    margin: 10px 0; /* Margini */
}
label { /* Stili per la label */
    display: block; /* Impostiamo la label come elemento blocco */
    line-height: 30px; /* Altezza di riga */
    width: 150px; /* Larghezza */
}
 
input, textarea { /* Stili per il campo di testo e per la textarea */
    background: #FFA500; /* Colore di sfondo - prima era #1C1C1C */
    border: 5px solid #323232; /* Bordo */
    color: #fff; /* Colore del testo */
    height: 60px; /* Altezza */
    line-height: 60px; /* Altezza di riga */
    width: 300px; /* Larghezza */
    padding: 0 10px; /* Padding */
}
 
input { padding-left: 30px;
 
textarea { /* Stili specifici per la teaxtarea */
    background: #1C1C1C url('images/social_balloon.png') no-repeat 235px 95px; /* Sfondo con immagine */
    font-size: 12px;
    height: 200px;
    width: 320px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}
</style>


<title> </title>
</head>


<P ALIGN="CENTER">
	<FONT COLOR="#FF0000" SIZE = 7> Ecco quanto cercato </FONT> <br>
	</P>


<body>
<?php
header("refresh:20;url=prima.php");
?>


<br>
<hr>
<br/>
</body>
</html>

<?php
ob_end_flush();
?>
 
Discussioni simili
Autore Titolo Forum Risposte Data
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
L [risolto] Pagina diversa in base a tipologia diversa Classic ASP 16
K [risolto] passaggio variabile a pagina php con ajax Ajax 6
J [RISOLTO] Struttura pagina con HTML5 e CSS HTML e CSS 7
M [RISOLTO]Problema controllo e passaggio di valori da una pagina all''altra PHP 4
Trapano [RISOLTO] Pagina2 che si apre solo da pagina 1 PHP 6
S [RISOLTO]Carica pagina da evento onclick di una griglia Javascript 12
L [RISOLTO]Pagina PHP jquery Mobile non funziona scroll nella pagina jQuery 3
L (risolto) MySQL 0
B getElementById su piu id(Risolto) Javascript 6
L Esercitarsi con Js [RISOLTO] Javascript 4
C [RISOLTO]Inserimento variabile php in input html PHP 20
L risolto visualizzazione e ordinamento dati PHP 1
moustache [RISOLTO] SQL PHP IIS PHP 8
Sergio Unia Ricezione email con destinatari multipli [Risolto] PHP 2
L update tabelle in php mysql [risolto] PHP 6
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
L [RISOLTO] Stampa a video risultato count in html PHP 13
L [RISOLTO] Eliminare una discussione creata PHP 3
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
A [PHP] Problema query insert [RISOLTO] PHP 14
B [PHP] recuperare IP dei server in load balancing [RISOLTO] PHP 3
K [RISOLTO] Problema Griglia Php+Mysql PHP 13
S [RISOLTO] aggiorna tabella da select option asp classic Classic ASP 7
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
elpirata [RISOLTO][Mysql] Problema insert valori apostrofati MySQL 1
elpirata [RISOLTO][Mysql] Contare le occorrenze in un campo tipo varchar MySQL 2
G [MS Access] Gestione biglietti [RISOLTO] MS Access 2
G [MS Access] Casella combinata & Query [RISOLTO] MS Access 4
G [MS Access] Query mese corrente con conteggio [RISOLTO] MS Access 2
M [RISOLTO]Windows media player non mi funziona più su win 10 pro 64 bit Windows e Software 2
C [RISOLTO][PHP] Errore di sintassi PHP 8
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
Kolop [RISOLTO][PHP] Problema Pagination PHP 2
C [RISOLTO][PHP] Funzione ONclick PHP 14
C [RISOLTO][PHP] Conteggio righe di una tabella PHP 4
N [PHP] Utilizzo variabili di sessione [Risolto] PHP 13
Tommy03 [RISOLTO][PHP] Webserver o devserver? PHP 2
Sergio Unia Recupero dati da una vecchia versione MySql [Risolto] MySQL 4
spider81man [PHP] Problemi cancellazione dato su DB [RISOLTO] PHP 1
A [RISOLTO]Inserimento Immagini da pc a MySql PHP 15
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
felino Risolto - [Wordpress][WooCommerce] PayPal Checkout e campi di fatturazione WordPress 2
elpirata [PHP][RISOLTO] Sommare gli importi estratti da un ciclo while PHP 3
elpirata [PHP][RISOLTO] Effettuare la somma dei tempi di lavorazione PHP 3
elpirata [PHP] [RISOLTO]Sovrascrivere testo in una tabella PHP 2
A [RISOLTO]Recuperare dati inviati con json tramite php PHP 4
elpirata [PHP][RISOLTO] Errore di tipo Notice: Undefined index - Come risolvere quando si hanno tante var PHP 10
S Problema in PHP per invio file XML - RISOLTO- PHP 8

Discussioni simili