[RISOLTO]Pagina di inserimento con visualizzazione temporizzata

pup3770 · 31 Ott 2013

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 · 1 Nov 2013

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 · 3 Nov 2013

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?

borgo italia · 3 Nov 2013

ciao
di preciso non so, prova a guardare qui
http://www.devland.it/cs/blogs/marc...la-posizione-del-cursore-di-una-textarea.aspx

criric · 3 Nov 2013

Basterebbe usare il metodo focus() di javascipt

HTML:

<input type="text" name="foo" id="foo"/>
<script>
    document.getElementById("foo").focus();
</script>

pup3770 · 3 Nov 2013

Ragazzi Grandissimi. Grazie mille per i suggerimenti e soluzioni che mi date.

Ho testato e funziona come serviva a me.

borgo italia · 4 Nov 2013

ciao
sarebbe bene che tu postassi quello che hai fatto, potrebbe servire ad altri

pup3770 · 6 Nov 2013

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();
?>

Cerca

Cerca

[RISOLTO]Pagina di inserimento con visualizzazione temporizzata

pup3770

Utente Attivo

borgo italia

Super Moderatore

pup3770

Utente Attivo

borgo italia

Super Moderatore

criric

Super Moderatore

pup3770

Utente Attivo

borgo italia

Super Moderatore

pup3770

Utente Attivo

Discussioni simili