In cazul in care un client are deja activat numele de domeniu si doreste ca pe pagina sa nu-i apara pagina implicita a hostului, pana la finalizarea proiectului, acest script poate fi util.

Pe langa afisarea duratei care ar trebui sa treaca pana la lansarea site-ului propriu-zis, scriptul afiseaza si un slideshow si permite si abonarea la stiri a eventualilor interesati.

Script-ului, care  va fi prezentat in continuare, ar putea fi imbunatatit, eventual, cu un formular de contact.

Avand in vedere numele scriptului, nu mai sunt necesare explicatii suplimentare. Scriptul se bazeaza pe PHP, mySQL si AJAX.

Problema

Sa construim o pagina care sa tina locul site-ului pana cand acesta este finalizat. Pagina trebuie sa fie dinamica si sa contina imagini care sa sugereze profilul viitorului site. Deasemenea trebuie oferita posibilitatea vizitatorilor interesati, de a fi tinuti la curent.

Solutie

 Creati o baza de date, test, si in aceasta un tabel subscribers folosind:

CREATE TABLE `subscribers` ( `email` varchar(64) collate utf8_unicode_ci NOT NULL, `ts` timestamp NOT NULL default CURRENT_TIMESTAMP, PRIMARY KEY (`email`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;/pre>

Configurati corespunzator fisierul include/config.php pentru conexiunea la baza de date:

error_reporting(E_ALL ^ E_NOTICE);
$db_host = 'localhost';
$db_user = 'root';
$db_pass = '';
$db_name = 'test';
@$mysqli = new mysqli($db_host, $db_user, $db_pass, $db_name);
            

In functia din tag-ul HEAD configurati corespunzator data lansarii site-ului:

$(function () {
    var liftoffTime = new Date(2015, 5-1, 11, 13, 25);
    $('#counter').countdown({until: liftoffTime,
        layout: '{dn} {dl}, {hn} {hl}, {mnn} {ml}, {snn} {sl}'});
});
            

Explicatii

In functia JS de mai sus, 2015 reprezinta anul lansarii, 5 reprezinta luna, 13 este ora iar 25 minutul.

Slide-ul este Nivo si puteti afla de pe pagina Nivo Slider cum il puteti configura corespunzator dorintelor dumneavoastra.

Observatii

Solutia poate fi folosita fara nicio restrictie si fara consecinte negative. A fost incercata pe toate browserele majore, ultimele versiuni.

Multe multumiri...

Internetului ca exista si celor care ne mai spun pe gratis cate ceva, chiar daca i-a costat mult timp sa invete!

Daca articolul v-a fost util, va rugam sa lasati un comentariu.