Analizzate questa sorgente Html?

[Monkey15807]

in sorgente html di questo sito ( poinx.it ) mi sapete dire se questi 3 contatori di questa pagina (sulla sinistra) vanno in automatico alle vendite o vengono impostati manualmente?

Quello del tempo si.

ma gli altri due come si collegano alle vendite?

 

[borgo italia]

ciao
guardando il codice sorgente vedi solo l'html generetao in quel momento dal lingiaggio dinamico, quindi non puoi vedere lo script che lo genera.
probabilmente si collegano a tabelle di un db

 

[Monkey15807]

mi hanno detto questo tu che dici in merito!?

Il timer è solitamente legato ad una codifica PHP.
Cosa succede sostanzialmente (se è fatto con le mani): dalla console di amministrazione si impostano una o più vendite indicandone la data di inizio e quella di conclusione.
Il sito è fatto in modo tale da mostrare una sola vendita per volta, o un numero limitato di vendite contemporanee (solitamente si evita di metterne troppe perché si smarrisce l'effetto comunicativo).
Il PHP si calcola, partendo dalla data di partenza e arrivando alla data di conclusione, i giorni-ore-minuti-secondi che rimangono ancora attivi per la vendita, quindi li visualizza a schermo in un countdown continuo. Spesso si usano linguaggi come JQuery o Ajax per rendere il tutto più carino a livello visuale, ma anche del PHP nudo e crudo può reggere la cosa tranquillamente.

Allo scadere del periodo di vendita, il prodotto diviene automaticamente non più disponibile e non più presente in homepage.

Il contattore Acquisti Realizzati (che francamente non capisco se è legato ad un sistema di fidelizzazione o altro) così come mostrato è una immagine.
E' probabile che anche questo sia gestito lato server e viene caricata una immagine differente per il differente numero di acquisti (ci sono soluzioni più pratiche, a dirla tutta).

Infine il primo box non è un contatore ma è un box riepilogativo (fatto male) dell'offerta in corso. Sicuramente è gestito lato server ma in questo caso non fa altro che prendere i dati dal database e mostrarli nel box.

mi aiuteresti a costuire l'intero script?

 

[borgo italia]

ciao
quanto ti hanno detto non fà una piega.
per

mi aiuteresti a costuire l'intero script?

stai chiedendo un po' la luna

 

[Monkey15807]

ma sapresti dirmi come si costuisce i contorni, sfondo e varie a questo script countwdown?

    <script type="text/javascript" language="JavaScript">
    //<![CDATA[
    <!--

    dateFuture = new Date(2011,10,26,16,46,45);

    function GetCount(){

            dateNow = new Date();                                                                        //grab current date
            amount = dateFuture.getTime() - dateNow.getTime();                //calc milliseconds between dates
            delete dateNow;

            // time is already past
            if(amount < 0){
                    document.getElementById('countbox').innerHTML="Now!";
            }
            // date is still good
            else{
                    days=0;hours=0;mins=0;secs=0;out="";

                    amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

                    days=Math.floor(amount/86400);//days
                    amount=amount%86400;

                    hours=Math.floor(amount/3600);//hours
                    amount=amount%3600;

                    mins=Math.floor(amount/60);//minutes
                    amount=amount%60;

                    secs=Math.floor(amount);//seconds

                    if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
                    if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
                    if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
                    out += secs +" seconds";
                    document.getElementById('countbox').innerHTML=out;

                    setTimeout("GetCount()", 1000);
            }
    }

    window.onload=function(){GetCount();}//call when everything has loaded

    //-->
    //]]>
    </script>
    <div id="countbox">
    </div>

 

[Monkey15807]

come faccio a integrare questo

<table width="200" align="center" border="0" cellpadding="0" cellspacing="3">
    <tbody>
        <tr>
            <!--                                      <td width="25%" class="menu"><div align="center"><span class="txt12bld">giorni</span><br>-->

            <td class="menu" width="25%">
                <div align="center">
                    <span class="txt12bld">ore</span><br />
                </div>
            </td>
            <td class="menu" width="25%">
                <div align="center">
                    <span class="txt12bld">min.</span><br />
                </div>
            </td>
            <td class="menu" width="25%">
                <div class="txt12bld" align="center">
                    sec.<br />
                </div>
            </td>
        </tr>
    </tbody>
</table>

<table width="200" align="center" border="0" cellpadding="0" cellspacing="3">
    <tbody>
        <tr>
            <!--                                      <td width="25%" valign="middle" bgcolor="#89B556" class="menu"><div align="center"><span class="testo18nr Stile2" id="counter_days"></span></div></td>-->

            <td class="menu" valign="middle" width="25%" bgcolor="#89B556">
                <div align="center">
                    <span class="testo18nr Stile2" id="counter_hours">126</span>
                </div>
            </td>
            <td class="menu" valign="middle" width="25%" bgcolor="#89B556">
                <div align="center">
                    <span class="testo18nr Stile2" id="counter_min">32</span>
                </div>
            </td>
            <td class="menu" valign="middle" width="25%" bgcolor="#89B556">
                <div align="center">
                    <span class="testo18nr Stile2" id="counter_sec">39</span>
                </div>
            </td>
        </tr>
    </tbody>
</table>

con questo script

<script language="JavaScript" type="text/javascript">
//<![CDATA[
TargetDate = "2010/12/31 05:00 UTC-0500";
BackColor = "LIGHTSKYBLUE";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Giorni, %%H%% Ore, %%M%% Minuti, %%S%% Secondi.";
FinishMessage = "Tempo scaduto!";
//]]>
</script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js" type="text/javascript">
</script>