Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14

Discussione: Pulsante con timer

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    46

    Pulsante con timer

    Ciao a tutti,
    cercherò di essere breve, che poi è mattina e abbiamo sonno...

    Volevo realizzare un pulsante (semplice "a hrref" con immagine) che si attiva dopo un determinato numero di secondi, spiego:


    ho questo pulsante:



    e vorrei che sotto ad esso apparisse un conto alla rovescia che ne so, da 10 a 0 e finchè il timer non decide di attivare il bottone, il bottone stesso non ha il collegamento predefinito.
    Cioè, mi spiego meglio: finchè il timer non arriva a 0 quella che vedete sopra rimane un'immagine, quando arriva a 0 diventa un pulsante e la si può cliccare...


    Spero di essere stato chiaro e conciso, ringrazio Tutti anticipatamente!

  2. #2

    Ecco qui

    Ecco qui il codice per fare quello richiesto da te
    Codice PHP:
    <a id="button">[img]http://digilander.libero.it/info.gfe/gall.jpg[/img]</a>
    <form name="redirect">
    <
    form>
    <
    input type="text" size="3" name="redirect2" readonly>
    </
    form>
    <
    script>
    <!--
    var 
    countdownfrom=10
    // Configura l'url
    var url='INSERISCI URL COMPRESO HTTP'
    // FINE CONFIGURA L'URL
    var currentsecond=document.redirect.redirect2.value=countdownfrom+1
    function countredirect(){
    if (
    currentsecond!=0){
    currentsecond-=1
    document
    .redirect.redirect2.value=currentsecond
    }
    else{
    document.getElementById('button').href=url;
    return
    }
    setTimeout("countredirect()",1000)
    }

    countredirect()
    //-->
    </script> 
    Configura la variabile URL modificando l'indirizzo.. Così per esempio:
    Codice PHP:
    var url='http://iltuoindirizzo' 
    Spero sia quello che ti interessava..
    Ciao!
    _________
    Usa Internet Explorer e ti sentirai malissimo, usa Firefox e ti sentirai in paradiso!

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    46
    Ciao Roberto,
    grazie infinite per la tua risposta,
    c'&#232; un problema...
    Non posso utilizzare la parola ".redirect" in NESSUN MODO....

    E' una restrizione (giusta) del forum in cui devo inserire questo codice...






    Inserirei il link per farVi capire la situazione e soprattutto il contesto, ma &#232; spam, a meno che un moderatore non mi dia il permesso.


    Grazie a tutti,

    Plat-Ykor

  4. #4
    Dunque.. Se nel Forum non hai i permessi per postare codice html, non puoi fare niente......
    E' necessario per forza un codice tipo questo per fare quello che chiedi tu
    Saluti, Roberto
    P.S: Posta pure il link, se non p un sito porno o altro, puoi postarlo. (Rimproveratemi se dico qualcosa di sbagliato)
    Ciao!
    _________
    Usa Internet Explorer e ti sentirai malissimo, usa Firefox e ti sentirai in paradiso!

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    46
    Ancora grazie...

    Nono, non &#232; che non posso postare codice html o javascript, &#232; QUELLA parola e pochissime altre che non posso usare...

    Comunque, il link &#232; questo: Gruppo Fotografico di Esplorazione
    Spero non me ne vogliano i mods... &#232; l'unico modo per far capire bene la situazione..

    Se guardi in alto, c'&#232; il famoso pulsante "Fotografie", e, io vorrei che si attivasse dopo 10 scondi, in modo che se uno entra nel forum non vada immediatamente nella sezione fotografie senza guardare neanche di striscio se ci sono nuovi messaggi, ecco il motivo.
    Una sorta di "Nag-screen"... Ora credo sia molto pi&#249; chiaro...

  6. #6

    Re: Ecco qui

    Codice PHP:
    <a id="button">[img]http://digilander.libero.it/info.gfe/gall.jpg[/img]</a>
    <form name="img">
    <
    form>
    <
    input type="text" size="3" name="img2" readonly>
    </
    form>
    <
    script>
    <!--
    var 
    countdownfrom=10
    // Configura l'url
    var url='INSERISCI URL COMPRESO HTTP'
    // FINE CONFIGURA L'URL
    var currentsecond=document.img.img2.value=countdownfrom+1
    function countredirect(){
    if (
    currentsecond!=0){
    currentsecond-=1
    document
    .img.img2.value=currentsecond
    }
    else{
    document.getElementById('button').href=url;
    return
    }
    setTimeout("countredirect()",1000)
    }

    countredirect()
    //-->
    </script> 
    Così può andare?
    Ciao
    P.S: Ma se ti serve che il pulsante si abiliti dopo 10 secondi senza il conto alla rovescia, basta questo
    Codice PHP:
    <a id="img">[img]http://digilander.libero.it/info.gfe/gall.jpg[/img]</a>
    <script>
    window.setTimeout("document.getElementById('img').href = 'URL'","10000");
    </script> 
    Ciao
    Ciao!
    _________
    Usa Internet Explorer e ti sentirai malissimo, usa Firefox e ti sentirai in paradiso!

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    46
    Sei troppo un grande, adesso provo subito!

  8. #8
    Prova pure
    Ciao!
    _________
    Usa Internet Explorer e ti sentirai malissimo, usa Firefox e ti sentirai in paradiso!

  9. #9
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    46
    Il secondo codice, quello per disabilitare semplicemente l'immagine funziona benissomo!

    Il primo mi d&#224; un errore: dice che "document.img.img2" non &#232; un oggetto...

    Ho anche provato a togliere i padri (document) e lasciare solo img2.value ma errore ancora,
    questo con FRONTPAGE.

    Invece, salvando il Tuo codice e aprendolo sia con IE che con FF il contdown non si vede e il pulsante non si abilita... (IE7) e (Firefox 2.0.0.1)

    .. problemi solo dei miei browsers o sbaglio qualcosa?


    Grazie di nuovo!

  10. #10
    Stranissimo VVoVe:
    A me funzionano tutti e due perfettamente! Sia con Firefox che con Internet Explorer..
    P.S. Non devi modificare alcun valore del codice con il conto alla rovescia, altrimenti rischi di combinare un disastro!
    P.S.2: Quando hai inserito l'url, hai inserito anche le virgolette? (es. var url="http://www.ciao.it"; )
    Ciao
    Ciao!
    _________
    Usa Internet Explorer e ti sentirai malissimo, usa Firefox e ti sentirai in paradiso!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.