Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Scritpt countdown fisso anche con lo scroll

    Come posso lasciare il countdown in basso a destra come se fosse un piccolo popup nonostante l'utente vada su e giù per la pagina? La pagina in questione è questa http://www.davidepappalardo.it/Quiz/quiz.html

    I secondi che partono da 180 dovrebbero essere sempre visibili in basso a destra, effetto banner pubblicitario per intenderci,

    Html:

    codice:
    <form name="redirect" align="center">
    <input type="text" size="5" name="counter"> 
    </form>
    Lo script del conto alla rovescia:

    codice:
    <script language="Javascript">
    <!--
    // Imposto il sito di destinazione
    var destinazione = "http://www.davidepappalardo.it/Quiz/index.html";
    
    
    // Imposto il numero di secondi per il conto alla rovescia
    var secondi = 180;
    
    
    // Creo la variabile conteggio e contestualmente
    // imposto il valore di partenza al numero di secondi + 1
    var conteggio = document.redirect.counter.value = secondi + 1;
    
    
    // Creo la funzione che gestisce il conto alla rovescia
    function contoallarovescia()
    {
      // Se la variabile conteggio è maggiore di 1...
      if (conteggio > 1)
      {
        // decremento il valore della variabile conteggio
        conteggio = conteggio - 1;
        // e contestualmente aggiorno il numero mostrato a video
        document.redirect.counter.value = conteggio;
      // ...se conteggio è uguale o minore di 1 eseguo il redirect
      }else{
        window.location = destinazione;
        return
      }
      // La funzione ri-esegue se stessa ogni secondo fino alla
      // esecuzione del redirect
      setTimeout("contoallarovescia()", 1000);
    }
    
    
    // Lancio per la prima volta la funzione (che poi, come sappiamo
    // provvederà autonomamente ad auto eseguirsi ogni secondo)
    contoallarovescia()
    //-->
    </script>
    Ultima modifica di ciro78; 23-02-2016 a 10:38 Motivo: tag code

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    bastano i css, fai una ricerca sul forum specifico o su google "div fisso in basso"
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    spostato in css ma come ti ha suggerito Andrea troverai già la soluzione se fai una ricerca.
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


Tag per questa discussione

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.