Rieccomi qui nella speranza che qualcuno di buon cuore riesca ad aiutarmi.
In mattinata ho gia chiesto aiuto per questo script ( script di un countdown ), ed anche se la mia preparazione in javascript è molto molto bassa sapevo che si trattava di un problema molto easy.
Questa volta so che sarà molto piu dura:
In pratica vorrei che nella stessa pagina piu offerte abbiano il proprio countdown, ho provato in tutti modi ( di sicuro non corretti ) ma senza riusciscri.
lo script è sempre questo
Codice PHP:
<?php
//*****************************************************************************
//
// MICRO COUNTDOWN - Version: 1.0
//
// You may use this code or any modified version of it on your website.
//
// NO WARRANTY
// This code is provided "as is" without warranty of any kind, either
// expressed or implied, including, but not limited to, the implied warranties
// of merchantability and fitness for a particular purpose. You expressly
// acknowledge and agree that use of this code is at your own risk.
//
//*****************************************************************************
?>
<?php
$date_inserimento_offerte_attive = array();
while($rows_offerte_attive = mysql_fetch_array($risultato_dati_offerta_attiva)){
$i++;
$date_inserimento_offerte_attive[$i] = $rows_offerte_attive['data_inserimento'];
}
// Define your target date here
$targetYear1 = substr($date_inserimento_offerte_attive[$di1] , 0 , 4);
$targetMonth1 = substr($date_inserimento_offerte_attive[$di1] , 5 , 2);
$targetDay1 = substr($date_inserimento_offerte_attive[$di1] , 8 , 2)+1;
$targetHour1 = substr($date_inserimento_offerte_attive[$di1] , 11 , 2);
$targetMinute1 = substr($date_inserimento_offerte_attive[$di1] , 14 , 2);
$targetSecond1 = substr($date_inserimento_offerte_attive[$di1] , 17 , 2);
// End target date definition
// Define date format
$dateFormat = "Y-m-d H:i:s";
$targetDate = mktime($targetHour,$targetMinute,$targetSecond,$targetMonth,$targetDay,$targetYear);
$actualDate = time();
$secondsDiff = $targetDate - $actualDate;
$remainingDay = floor($secondsDiff/60/60/24);
$remainingHour = floor(($secondsDiff-($remainingDay*60*60*24))/60/60);
$remainingMinutes = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))/60);
$remainingSeconds = floor(($secondsDiff-($remainingDay*60*60*24)-($remainingHour*60*60))-($remainingMinutes*60));
$targetDateDisplay = date($dateFormat,$targetDate);
$actualDateDisplay = date($dateFormat,$actualDate);
?>
<!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>Max's Countdown System</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var days = <?php echo $remainingDay; ?>
var hours = <?php echo $remainingHour; ?>
var minutes = <?php echo $remainingMinutes; ?>
var seconds = <?php echo $remainingSeconds; ?>
function setCountDown ()
{
seconds--;
if (seconds < 0){
minutes--;
seconds = 59
}
if (minutes < 0){
hours--;
minutes = 59
}
if (hours < 0){
days--;
hours = 23
}
document.getElementById("remain").innerHTML = days+" days, "+hours+" hours, "+minutes+" minutes, "+seconds+" seconds";
setTimeout ( "setCountDown()", 1000 );
}
</script>
</head>
<body onload="setCountDown();">
<div id="content">
<table class="countTable">
<tr><th colspan="2" id="remain">
<?php
echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes, $remainingSeconds seconds";
?>
</th></tr>
</table>
</div>
</body>
</html>
Cioè se provo ad inserire un secondo
Codice PHP:
<table class="countTable">
<tr><th colspan="2" id="remain">
<?php
echo "$remainingDay days, $remainingHour hours, $remainingMinutes minutes, $remainingSeconds seconds";
?>
</th></tr>
</table>
Non va perchè id="remain" è univoco e si riferisci ad un unico countdown.
Spero di essermi spiegato bene altrimenti se non avete capito fi risponderò immediatamente