Autoscroll della pagina

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Ciao a tutti, c'è un modo in html o altro x far sì che una pagina scorra automaticamente verso il basso?Tipo nele chat ke dovendo leggere le ultime cose postate la pagina, di default, si legge dal basso verso l'alto...non so se mi sono spiegato...grazie:fonzie:
 
Ultima modifica:

c1969

Utente Attivo
25 Ago 2004
54
0
0
autoscrolling

ciao,

non so se html lo può fare in sè. ma come soluzione alternativa perchè non fai un marquee verticale con direction = down???

ciao
c1969
 

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
c1969 ha scritto:
ciao,

non so se html lo può fare in sè. ma come soluzione alternativa perchè non fai un marquee verticale con direction = down???

ciao
c1969
Non credo sia proprio quello che metalgemini stava cercando! ;)

Se per far apparire la chat utilizzi ASP potresti creare un indice che aumenti di 1 ogni volta che viene stampato a video un post, e tale valore venga applicato come valore di ancoraggio all'oggetto o al contenuto del post che sta venendo stampato.

Ossia:

<%
i=0
do while not rs.EOF
i=i+1
%>
<a name="<%=i%>"><%=rs("oggetto_post")%></a>
<br>
<%=rs("contentuto_post")%>
ecc..
<%
rs.MoveNext
loop
%>


Ti risulterà quindi
<a name="1">Oggetto primo post</a>
<br>
Contentuto primo post

<a name="2">Oggetto secondo post</a>
<br>
Contentuto secondo post

e così via..


E poi, per posizionarti direttamente all'ultimo post inserito, vai a fine pagina e fai:
<script>
location.href('#<%=i%>');
</script>


Spero di esserti stato d'aiuto! :fonzie:
Se non hai capito qualcosa chiedi pure!

SaLuT!
:byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Ragazzi vi ringrazio a manetta...ma sono un povero autodidatta...
Per Pole:
non uso il database x i post, uso un semplice form e l'oggetto Application:
<form action="body_chat.asp" method="post" target="centrale">
<input name="send_message" type="text">
<input type="submit" Value="Invia messaggio">
</form>
poi nel frame ke contiene i messaggi degli utenti:
<%
Dim messaggio
Application("test") = Application("test") & request.form("send_message") & "<br>"
messaggio = Application("test")
Response.Write messaggio
%>
Per Daviduccio:
Mi puoi spiegare sto comando scroll di Javascript?

Ragazzi vi ringrazio infinitamente!
PS: Ecco la mia cavolata ke sto facendo:D
http://www.internetlandcarrara.com/chat.html
 
Ultima modifica:

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
Ehi, guarda un pò chi è tornato!!! :fonzie:
Ciao Davide, è un pezzo che non ci si "vede" :)D ), che fine avevi fatto??

Allora Metal, non conosco il comando scroll, ma posso consigliarti di fare così:
_vai nella ASP che visualizza i messaggi e aggiungi le righe in blu:

<%
Dim messaggio
Application("test") = Application("test") & request.form("send_message") & "<br>"
messaggio = Application("test")
Response.Write (messaggio & "<a name='ultimo'>&nbsp;</a>")
response.write ("<script>location.href('#ultimo');</script>")
%>

Praticamente viene aggiunto un ancoraggio alla riga dell'ultimo post e subito dopo viene attivato uno script che porta la pagina all'altezza di tale ancoraggio!

Facci sapere!! ;)

SaLuT!
:byebye:

Dimenticavo,
ho visto che non fai svuotare il form all'invio del dato e che resta la frase inserita.
Per evitare ciò fai così (aggiungi sempre la parte in blu):

<input type="submit" Value="Invia messaggio" onClick="send_message.value='';">
 
Ultima modifica:

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
grazie 1000000000000000

Ragazzi io non so che dire...sono a bocca aperta...speriamo non volino mosche!
Pole, x quel discorso del form ke non si svuota...funziona se clicchi sul pulsante ma non se premi Invio da tastiera...sai mica coem fare:D

Ragazzi grazie ancora...ma che testa avete x ricordare tutto?
Io se non vado a rivedere gli appunti non ricordo nemmeno i tag html:D
 

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
metalgemini ha scritto:
...Pole, x quel discorso del form ke non si svuota...funziona se clicchi sul pulsante ma non se premi Invio da tastiera...sai mica coem fare:D ...
Allora Metal, per ciò che chiedi devi saper utilizzare gli eventi javascript aventi a che fare con la tastiera!

Visto che sei autodidatta CLICCA QUI, così ci dai un'occhiatina approfondita! ;)

A presto!
:byebye:

P.S.= se può incoraggiarti sono un autodidatta anch'io!
E' il modo migliore per imparare nel nostro campo secondo me!! :fonzie:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Si ci ho dato un'occhiata grazie:fonzie:
Ora però succede che se clicco sul pulsante x inviare il post il post arriva vuoto...evidentemente prima cancella il campo e poi invia il post:

<form action="body_chat.asp" method="post" target="centrale">
<input name="send_message" type="text">
<input type="submit" Value="Invia messaggio" onClick="send_message.value='';">
</form>
 

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
metalgemini ha scritto:
...evidentemente prima cancella il campo e poi invia il post...

Credo proprio di si Metal...

Potresti allora fare che il messaggio resti pure nel form dopo l'invio, di modo che l'utente continui a visualizzare l'ultimo messaggio da lui inviato (il che non sarebbe una cattiva idea di fondo! :D )!

In più, togli l'onClick dal button e nell'input text fai:

<form action="body_chat.asp" method="post" target="centrale">
<input name="send_message" type="text" onClick="this.value='';">
<input type="submit" Value="Invia messaggio">
</form>

In questo modo, se l'utente vorrà inviare un nuovo post, senza che debba cancellare tutto, semplicemente quando cliccherà all'interno del campo il vecchio contenuto si cancellerà automaticamente e si potrà inviare subito un nuovo post! :fonzie:

Questa potrebbe essere una valida alternativa secondo me!

:byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Grazie 1000 ma ho fatto anzi cosi...
<script>
function aggiorna()
{
location.href="sand_message.html"
}
</script>
<form action="body_chat.asp" method="post" target="centrale">
<input name="send_message" type="text" onClick="this.value='';">
<input type="submit" Value="Invia messaggio" onclick="aggiorna()">
</form>

Ora però rimane il problema dell'invio ke non mi cancella il contenuto...uhmmm
 
Ultima modifica:

PoLe

MRW Moderator
6 Giu 2005
2.198
3
0
40
.: Venezia :.
www.bzconsulting.it
metalgemini ha scritto:
...Ora però rimane il problema dell'invio ke non mi cancella il contenuto...uhmmm
Penso di averti risolto il problema! ;)

Come al solito, aggiungi le parti in blu:

<body onLoad="send_message.focus();"> ---> piccola finezza! :D

<form action="body_chat.asp" method="post" target="centrale">
<input name="send_message" type="text" value="";>
<input type="submit" Value="Invia messaggio" onclick="window.location.reload(true);">

Così facendo l'input text viene svuotato solo al caricamento e al refresh della pagina. Questo eliminerà il tuo problema!

Fammi sapere se hai problemi! :fonzie:

:byebye:
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Ciao carissimo:D
Siamo alle solite e in piu ci viene il triangolino giallo segno che c'è un errore nella pagina :D
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Ciao PoLe e grazie ancora per il tempo che mi dedichi.
Ho provato un'alternativa ma continuo a tribolare con l'invio da tastiera:D

<script language="javascript">
<!--
function Modulo() {
var invia_messaggio = document.modulo.send_message.value;
//SE NON VIENE INSERITO NULLA...
if ((invia_messaggio == "") || (invia_messaggio == "undefined")) {
alert("Non puoi inviare messaggi vuoti!");

}

//SE IL MESSAGGIO VIENE INSERITO INVIO IL MODULO
else {
document.modulo.action = "body_chat.asp";
document.modulo.target = "centrale";
document.modulo.submit();
location.href = "sand_message.html";
}
}
//-->
</script>

(pensa che "document.modulo.sand_message.target" l'ho tirato a caso e funziona!)
In questo caso il modulo viene inviato e dopo di che viene ricaricata la pagina con il form in modo che il campo x default è vuoto...ma c'è il solito problemino dell'invio!
Ora ri do un'occhiata agli eventi della tastiera cercando un modo x dirgli "Uè dottò...eseguimi Modulo() anche con l'invio da tastiera!"
Ciao e grazie ancora!:beer:
 

daviduccio

Moderatore
5 Ago 2004
1.114
0
0
39
Sicilia
www.daviduccio.it
Non ho seguito bene, ma in javascript di possono intercettare i tasti, e sono identificati da un codice.....
Il tasto invio se non ricordo male è 113.
Una volta intercettato si può richiamare una funzione se quel tasto viene premuto!
 

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Rieccomi qua!Ho trovato la soluzione e mi sembrava giusto tornare a postarla in quanto potrebbe servire a qualcun altro.

<!--
QUESTO FA SI CHE IL CURSORE SIA POSIZIONATO NELL'INPUT TEXT AL RICARICAMENTO DEL FRAME
-->
<script type="text/javascript">
<!--
function CursoreOn()
{
document.form_chat.send_message.focus();
}

-->
</script>
<!--
QUESTA FUNZIONE CONTROLLA CHE NON VENGANO INSERITI MESSAGGI VUOTI(POI LA MIGLIORO)
-->
<script type="text/javascript">
<!--
function controlla()
{
x=document.form_chat.send_message.value;
//SE VIENE INVIATO UN MESSAGGIO VUOTO MANDO UN ALERT
if (x == "")
{
alert("Non puoi inserire messaggi vuoti.")
//E LA FUNZIONE RITORNA FALSA(ANCHE SE NON HO
//BEN CAPITO COSA VUOLE DIRE!)
return false;
}
else
{
//RICARICO LA PAGINA X SVUOTARE L'INPUT TEXT
location.href = "send_message.html";

}
}
-->
</script>
<!--AL CARICAMENTO DELLA PAGINA LANCIO LA FUNZIONE DEL CURSORE...-->
<body OnLoad="CursoreOn()">

<!--
POI HO MESSO "return controlla()" anzi che solo "controlla()" IN MODO CHE SE L'UTENTE INSERISCE UN MESSAGGIO VUOTO IL MODULO NON VIENE INVIATO ANCHE SE NON HO CAPITO IL PERCHE'!
-->
<form name="form_chat" action="body_chat.asp" onsubmit="return controlla()" target="centrale"

method="post">

<input type="text" name="send_message">
<input type="submit" value="Invia messaggio">
</form>

Qualcuno mi sa spiegare il fatto del return che significa?
Per come l'ho capita io sarebbe che ad una funzione le si può attribuire un valore booleano true or false e giocare con queste 2 condizioni...boh!
Ora faccio una scappata in ASP che devo chiedere un'altra cosuccia a proposito dell'oggetto Application:D
 
Discussioni simili
Autore Titolo Forum Risposte Data
J AutoScroll DIV script Javascript 0
L G-Ads richiede il n. della carta bancomat? Google Ads (AdWords) 0
M Vendo il mio sito web teknosurfng.com, che trasmette nel campo della tecnologia Compravendita siti e domini 0
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
G Query con i giorni della settimana MySQL 10
F stampare a video i risultati della query PHP 1
B Stampare una porzione della pagina PHP 0
Samuele Ronzani Click e reload della pagina PHP 1
R Cercare un file all'interno della directory virtuale IIS PHP 3
L Creare un countdown con giorno specifico della settimana PHP 3
Y verificare condizione dopo esecuzione della funzione Programmazione 0
M calcolo della velocità MS Access 5
C input in sostituzione della select PHP 2
B Saturazione della rete. Reti LAN e Wireless 0
X Dichiarare variabili solo al caricamento della pagina PHP 3
felino Excel: popolare una cella con la data di modifica della riga a cui appartiene Windows e Software 3
R Obbligare all'utente un pagamento al momento della registrazione PHP 3
G Eseguire codice solo al termine della chiamata ajax Ajax 1
C [HTML] modificare la scritta della copyright HTML e CSS 2
M Non corretta lettura del file php.ini della sezione CLI PHP 3
maxnegri Conoscere giorni della settimana fra due date con php PHP 2
S [PHP] Selezionare i campi non in comune con le altre colonne della tabella PHP 4
Cosina Andare a capo nel testo della mail ricevuta dal form php PHP 1
GiErre [PHP] [HTML] Disabilitare un link in funzione della piattaforma PHP 7
A [WordPress] Ridimensionare immagini preview della fotogallery WordPress 8
F INSERIRE IN UN'UNICA CASELLA DI TESTO REPORT ACCESS I VALORI DELLA TABELLA DI UN'INTERA COLONNA MS Access 2
M [Xamarin] personalizzare la schermata della chiamata in arrivo Sviluppo app per Android 0
I [Javascript] mantenere un bottone abilitato al refresh della pagina Javascript 1
usura18 [PHP] Perdita contenuto cookie al reload della pagina PHP 6
T [PHP] impedire un doppio INSERT INTO dopo reload della pagina PHP 3
F [Javascript] spiegazione della closure Javascript 3
T selezionare terza colonna della relatica row Database 2
Merlina3377 link sui post della pagina facebook Annunci servizi di Social Media Marketing 3
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
A Creazione automatica pagina php da id della riga di una tabella PHP 1
G A che punto è della pagina jQuery 0
D Come salvare scelta della select "dinamica" ajax-php? Come dato php o attributo value tag option? Ajax 5
gnech91 problema: non funzionano alcuni tasti della tastiera Hardware 5
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
K Vendo Pagine e Account facebook con followers reali della tua città Annunci servizi di Social Media Marketing 2
Tonynox Un saluto affettuoso a tutti voi della community Presentati al Forum 1
Trapano porte della mia nuova ipcam ? IP Cam e Videosorveglianza 5
A interazione su campo input dopo l'inserimento della prima lettera jQuery 2
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
V [Javascript] [Angular]: guida della versione 2? Javascript 4
A [Javascript] avviare un animazione js allo scroll della pagina Javascript 7
MarcoGrazia [Javascript] Loader fino a caricamento della pagina Javascript 1
E [PHP] Check tra 2 campi della stessa tabella PHP 14

Discussioni simili