Timer html 
Autore: Francesco R.
Visite 1495,
Followers 2,
Condiviso 0
buongiorno dato il sito www.tonerexpress.it. Avrei bisogno di inserire un timer di 15 secondi da far partire ogni volta che si inizia una ricerca di un prodotto ( cioe' appena si clicca sulla lente per iniziare la ricerca deve partire un timer di 15 secondi e che poi si azzeri e non riparta se non prima si riclicca sulla lente)
Postato il
non ho capito la domanda..."deve partire un timer di 15 secondi e che poi si azzeri e non riparta se non prima si riclicca sulla lente", e quindi cosa deve fare???
..potrebbe anche essere utile per capire ... saperne lo scopo...
Autore
Allora siccome la ricerca e' molto lenta per dare piu o meno il tempo di attesa al cliente vorrei che partisse un timer di 15 secondi quando l' utente fa clic sulla lente per far partire la ricerca o tasto invio. Alla fine quando finiscono i 15 secondi si azzera ed e' pronto a ripartire quando faccio una nuova ricerca.
Più che altro dovresti inserire una barra di progresso tipo Skill Bar per far capire all'utente che è stata avviata la ricerca
https://market.websitex5.com/it/oggetti/utility
Autore
si ma l oggetto skillbar non parte in automatico quando inizia una ricerca. La spiego breve: l'utente quando fa una ricerca vede un attesa molto lunga e non sa quanto dovra' aspettare (calcolato da me 18 secondi) inserendo un timer che parte quando inizia la ricerca almeno sa che impieghera' tot tempo.
...se la ricerca è molto lenta potrebbe dipendere anche da lentezza sull'host...
io ho un sito , non con moltissime pagine, ma la ricerca dura il tempo necessario a caricare la pagina...
cioè una frazione di secondo...
Su che Host è il sito ?
Autore
one.com. ma la richiesta mia e' un altra quella di creare un timer che si attivi quando parte la ricerca. niente di piu'
si , si chiedevo per curiosità...
... sono cose che dovresti far da te; difficilmente troverai interventi extra, sempre se non passino lemonsong e/o stesil; ...si può sempre sperare, ogni tanto succede...
... comunque, ...io attualmente non ho il programma e neanche il PC, ...ma ad occhio e croce vedendo la tua home page, penso che forse si potrebbe cercare di usare o adattare un mio preloader simulato con JS extra...
... noto che la lente del tuo CERCA non è attivo avendo la parte sensibile non coincidente e spostata a destra...
... vedi di sistemare l'anormalità, ...e poi quando avrai fatto, e se ti interesserà ancora, vedremo di inventarci qualcosa, ... e nel caso fatti sentire...
.
...metti un preloader nel file speciale ... "cerca", visto quello che fai non dovresti avere difficoltà, in rete ne trovi un sacco...
ho provato e funziona...
...comunque noto che sul tuo sito impiega parecchio ad elaborare la richiesta , più che a mostrare la pagina col risultato...
quindi il preloader sulla pagina "cerca" , non avrebbe effetto...
Sì può fare abbastanza facilmente con Jquery.
Penso che però sia un escamotage non tanto professionale da inserire in un negozio online.
Io cercherei di risolvere il problema alla radice piuttosto, contattando il provider (One mi sembra che tu abbia)
Autore
ripeto mi serve non per velocizzare la ricerca ma per dare all utente un idea di quanto deve aspettare. non credo sia un problema di provider in quanto tutti i siti da me gestiti non hanno tempi cosi lunghi di ricerca.
Autore
Kolasim per la lente lo faro' a breve nel frattempo potresti anticiparmi il preloader
Autore
Questo serve per far partire qualcosa dopo un tot tempo.
La mia semplice richiesta e' far partire un timer dopo aver fatto clic sulla lente. Poi basta, la pagina, coi risultati della ricerca, si aprira' da sola quando avra' fatto la ricerca.
E' solo per dare un tempo di attesa al cliente che magari aspetta 15 secondi e non vede nulla e non sa quanto aspettare.
Autore
Mi serve uno script per far comparire un timer quando viene premuto il tasto Cerca (perché l'utente che preme Cerca e non vede alcun risultato in tempi brevi abbandona la pagina, almeno gli si fa capire che l'operazione di ricerca è stata avviata al posto di una schermata statica).
Premetto che, come scritto da altri, risolverei alla fonte il problema.
Nell'attesa della riduzione dei tempi di risposta del server, se ti è sufficiente un semplice messaggio di testo che comparirà sotto il campo ricerca dopo averla iniziata, puoi inserire questo piccolo script (da personalizzare) "Prima della chiusura del tag BODY":
E' grezzo, prendilo come spunto per implementare qualcosa di più completo nel caso il problema di risposta del server non si risolva.
Ho solo la demo dell'ultima versione, ho provato solo sul tuo sito utilizzando la "console".
Oltre a ciò che ti ha detto lemonsong, ti propongo questo breve script da mettere in oggetto html in Header:
<script>
$(document).ready(function(){
$("#imHeader_imObjectSearch_05_button").mouseup(function(){
running=15;
seconds=10;
function funceveryminut() {
running=running-1;
document.getElementById('secondi').innerText = 'attesa '+running+ ' secondi' ;
if (running==0) { $("#secondi").css( "visibility","hidden");
running=15;}
}
funceveryminut();
setInterval(funceveryminut, seconds*100);
});
});
</script>
<span id="secondi"></span>
Naturalmente sistema l'oggetto in quanto tutto funziona solo una volta rilasciato il tasto cerca che attualmente non si vede.
Il valore in grassetto è preso dal tuo sito ma è meglio controllare.
... grazie alla partecipazione di lemonsong e Giorgio ...hai ricevuto ottimi suggerimenti...
... riferimento a quel di Giorgio, non essendo appunto attiva la lente come detto prima, ...secondo me forse andrebbe sostituito,
.mouseup(function(){ . .. con .click(function() {
...
... vedi se ne trai giovamento...
.
Autore
Sembra funzionare un ultima cosa se fosse possibile cambiare lanformattazione del testo attesa ... secondi (carattere e colore)
Per quanto riguarda il mio suggerimento, siccome il testo viene presentato all'interno dei tag <span> alla fine dello script, basta inserire un foglio di stile con riferimento all'ID di quel tag che io ho assegnato (secondi). es:
<style>
#secondi{
color: green;
text-align: center;
font-size: 20px;
font-weight: bold;
}
</style>
Un'altra cosa importante...
Dopo aver effetuato una ricerca, i risultati vengono proposti con in testa un'altro campo di ricerca diverso da quello da te inserito nell'header con un'altro ID: quindi non funzionerà più lo script proposto se la ricerca viene rifatta in quel campo.
Onde evitare complicazioni ulteriori per inserire altro codice, ti propongo di nasconderlo inserendo un hidden per quel campo.
<style>
#imSearchPage > div > div.imPageSearchField {
visibility: hidden;
}
</style>
Autore
GRAzie infinite ora faccio delle modifiche e poi lo pubblico.
... prova e fai sapere, ... al limite si potrebbe ulteriormente provare con il div_custom+preloader extra che mi ero immaginato, ...ma nel caso dovrai partecipare attivamente perchè come sai sono ancora senza PC...
.