Conto alla rovescia settare un cookie con minuti e secondi

**pippuccio76** · 16-04-2014, 20:03

Salve , non sono molto ferrato in javascript , ho trovato una funzione che esegue un countdown e l ho modificata per far si che il timer parta da 10 minuti .

codice:

<script language="JavaScript" type="text/javascript">

function countdown(i)
{    
    
    //questa funzioe era stata progettata per un ora
    
   //Tempo_Mancante = 3600 - i;
   
   Tempo_Mancante = 600 - i;

   if(Tempo_Mancante < 0)
   Tempo_Mancante = 0;

   
   //ore = Math.floor(Tempo_Mancante / (60 * 60));
   
   //Tempo_Mancante %= (60 * 60);
   minuti = Math.floor(Tempo_Mancante / 60);
   
   Tempo_Mancante %= 60;
   secondi = Tempo_Mancante;

   //cOre  = document.getElementById("counter_ore");
   cMin  = document.getElementById("counter_min");
   cSec  = document.getElementById("counter_sec");

   //cOre.innerHTML    = GetFormated(ore);
   cMin.innerHTML    = GetFormated(minuti);
   cSec.innerHTML    = GetFormated(secondi);
   
   //Ricorsione
    b = i + 1;
    setTimeout('countdown(b);', 1000);

   
}

function GetFormated(i)
{
   if(i<10) { return "0"+i; }
   return i;
}


</script>

Questa la parte dove viene visualizzata :

codice:

<p>Minuti <span id="counter_min">10</span></p>
<p>Secondi <span id="counter_sec">00</span></p>

Quello che vorrei fare è premere su un pulsante submit di un form e settare un cookie per i minuti(cookiemin) e uno per i secondi (cookiesec)

e stamparli in un altra pagina in modo da poterli utilizzare in php

questo il form :

codice:

<form name="input" action="ora_ricevuta.php" method="get">

<input type="submit" value="invia ora">
</form>

**pippuccio76** · 27-04-2014, 16:43

ho provato a recuperare i valori con jquery per inviarli a uno script php ecco tutto il codice :

index:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Conto Alla Rovescia</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
function countdown(i)
{    
    
    //questa funzioe era stata progettata per un ora
    
   //Tempo_Mancante = 3600 - i;
   
   Tempo_Mancante = 600 - i;

   if(Tempo_Mancante < 0)
   Tempo_Mancante = 0;

   
   //ore = Math.floor(Tempo_Mancante / (60 * 60));
   
   //Tempo_Mancante %= (60 * 60);
   minuti = Math.floor(Tempo_Mancante / 60);
   
   Tempo_Mancante %= 60;
   secondi = Tempo_Mancante;

   //cOre  = document.getElementById("counter_ore");
   cMin  = document.getElementById("counter_min");
   cSec  = document.getElementById("counter_sec");

   //cOre.innerHTML    = GetFormated(ore);
   cMin.innerHTML    = GetFormated(minuti);
   cSec.innerHTML    = GetFormated(secondi);
   
   //Ricorsione
    b = i + 1;
    setTimeout('countdown(b);', 1000);

   
}

function GetFormated(i)
{
   if(i<10) { return "0"+i; }
   return i;
}
//]]>

</script>
</head>
<body>
<!--<p>Ore <span id="counter_ore">1</span></p>-->
<p>Minuti <span id="counter_min">10</span></p>
<p>Secondi <span id="counter_sec">00</span></p>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
countdown(0);
//]]>
</script>

<script type="text/javascript">
$(document).ready(function() {

  //al click sul bottone del form
  $("#bottone").click(function(){

    //associo variabili
    var min = $("#counter_min").val();
    var sec = $("#counter_sec").val();

  //chiamata ajax
    $.ajax({

     //imposto il tipo di invio dati (GET O POST)
      type: "POST",

      //Dove devo inviare i dati recuperati dal form?
      url: "ora_ricevuta.php",

      //Quali dati devo inviare?
      data: "min=" + min + "&sec=" + sec,
      dataType: "html",

      //Inizio visualizzazione errori
      success: function(msg)
      {
        $("#risultato").html(msg); // messaggio di avvenuta aggiunta valori al db (preso dal file risultato_aggiunta.php) potete impostare anche un alert("Aggiunto, grazie!");
      },
      error: function()
      {
        alert("Chiamata fallita, si prega di riprovare..."); //sempre meglio impostare una callback in caso di fallimento
      }
    });
  });
});

</script>

<form name="input" >

<input type="button" value="invia ora" id="bottone">
</form> 

<div id="risultato"></div>
</body>
</html>

Questo lo script php

codice:

<?php

     $min = $_POST['min'];
     $sec = $_POST['sec'];

     echo "min=$min sec=$sec";

?>

Ma non prelevo le variabili min e sec ....Qualcuo sa come posso fare ?

**tampertools** · 27-04-2014, 16:59

ma tu vuoi fare una chiamata ajax a una pagina php o salvare il tempo in un cookie?

**pippuccio76** · 27-04-2014, 18:53

Originariamente inviata da tampertools

ma tu vuoi fare una chiamata ajax a una pagina php o salvare il tempo in un cookie?

Una delle due va bene , ho bisogno di memorizzare i minuti e i secondi per poi riutilizzarli ...

**cavicchiandrea** · 27-04-2014, 20:14

Sbagli il recupero dei minuti e dei secondi che sono inseriti negli span, ma tu li recuperi come se fossero degli input text usando il val() var min = $("#counter_min").val(); mentre devi usare text() var min = $("#counter_min").text(); idem per i secondi

**pippuccio76** · 28-04-2014, 21:51

Originariamente inviata da cavicchiandrea

Sbagli il recupero dei minuti e dei secondi che sono inseriti negli span, ma tu li recuperi come se fossero degli input text usando il val() var min = $("#counter_min").val(); mentre devi usare text() var min = $("#counter_min").text(); idem per i secondi

Grazie mille funziona ma per passarli via post senza ajax ?Poichè li devo recuperare in un altra pagina, e al posto del bottone devo metter un submit....

**tampertools** · 29-04-2014, 14:11

Li salivi in un input hidden

**pippuccio76** · 29-04-2014, 17:50

Originariamente inviata da tampertools

Li salivi in un input hidden

Nel form aggiungo <input type="hidden" value="">

e nel value cosa ci metto ?

Discussione: Conto alla rovescia settare un cookie con minuti e secondi

Strumenti discussione

Ricerca discussione

Visualizza

Conto alla rovescia settare un cookie con minuti e secondi

Permessi di invio