A trecut ceva timp de cand nu am mai scris pe blog…, stiu ca destul, dar timpul pe care l-am avut la dispozitie in perioada asta a fost foarte limitat, imi cer scuze si sper ca ma intelegeti, voi incerca sa scriu mai des tuoriale explicative si clare asa cum vreau sa va obisnuiesc.
Astazi vreau sa acopar partea de webdesign si voi scrie un tutorial in care voi explica realizarea unei ferestre de atentionare tip modal folosind o librarie numita Remodal cu putin ajutor din partea superglobalei $_COOKIE si functiei setcookie din PHP. Vreau sa mentionez faptul ca acest tutorial se adreseaza persoanelor care fac activitati in domeniul webdesign-ului sau developerilor. Este ceva simplu si eficient.
Vom incepe cu mark-up-ul, deci cu HTML-ul in care vom scrie un mesaj de atentionare, in acest exemplu vom introduce un mesaj care se adreseaza minorilor folosit in special pentru site-uri XXX :) , dar si site-uri care promoveaza bauturi alcoolice.
<div data-remodal-id=”modal”>
<h1>AI PESTE 18 ANI?</h1>
<p style=”font-size:15px”>Odata cu accesarea acestui site, te declari de acord cu conditiile de utilizare. Site-ul promoveaza bauturi alcoolice.</p>
<p style=”font-size:15px”> Ai varsta legala pentru a accesa acest site?</p>
<br />
<button data-remodal-action=”confirm” class=”remodal-confirm close”>DA</button>
<a class=”remodal-cancel” href=”http://google.com”>NU</a>
</div>
PHP & JAVA SCRIPT
<?php if (!isset($_COOKIE[‘av’])){ setcookie(„av”, „true”, time()+604800, „/”); ?>
<script type=”text/javascript”>
jQuery(window).load(function(){
jQuery(‘[data-remodal-id=modal]’).remodal({
closeOnConfirm: true,
closeOnCancel: false,
closeOnOutsideClick: false,
closeOnEscape: false
}).open(); });
</script>
<?php } ?>
