Basándonos en elscript para generar/leer/borrar cookies que vimos anteriormente, ahora intentaremos que cualquier elemento de nuestra página metido en una capa concreta, no se vea constantemente, sino sólo con la periodicidad que nosotros determinemos.En concreto, vamos a crear un cuadro que se solapará por encima de la página con un fondo oscuro semitransparente (verSimular una ventana modal), que contendrá un aviso. Para no aburrir al personal mostrándolo contínuamente, se verá de manera individual PARA CADA VISITANTE, una sola vez cada 24 horas. En honor a la verdad, al tratarse de una cookie, el sistema discriminará realmente CADA ORDENADOR que se conecte a nuestra página.
En primer lugar hay que instalar las funciones que se citaron enGenerar y recuperar cookies. Una vez hecho esto, ahora añadimos a continuación otro pequeño script que servirá para cerrar el cuadro emergente. Bueno, más bien para hacerlo visible o no-visible:
.visible {display:block;}
.invisible {display:none;}
/style
script type='text/javascript'
function plegardesplegar(identificacion){
var menu = document.getElementById(identificacion);
if(menu.className == 'visible'){
menu.className = 'invisible';
}else{
menu.className = 'visible';
}
}
/script
El funcionamiento es bien sencillo. Se envía unaID de determinada capa a la función, que recogemos con la variableidentificacion. Si esta capa tiene la clasevisible, la pasamos ainvisible y viceversa. Dicho de otra forma, cada vez que lleguemos a la función, la capa cambiará su visibilidad (display:block,display:none). Esto lo usaremos adecuadamente después.
Ya tenemos los pasos previos para que todo funcione y ahora es cuando justo detrás debody colocaremos la capa y el código que comprobará si es la primera vez que el usuario ha estado en las últimas 24 horas. Si es así, la capa se verá. De lo contrario, no se verá:
div class='invisible' id='idbloque' style=' z-index:100;position:fixed; overflow:visible; top:50%; left:50%; width:400px; height:300px; margin-top:-150px; margin-left:-200px; border:5px solid #990000; background:#ffffff; color:#000000; padding:20px; text-align:center;'
Ya he leído este aviso y ahora quiero a href='javascript:plegardesplegar("idatenuar");javascript:plegardesplegar("idbloque");'ENTRAR/a
/div
script type='text/javascript'
var comprobar = getCookie("vezprimera");
if (comprobar != null) {}
else {
var expiration = new Date();
expiration.setTime(expiration.getTime() + 86400000);
setCookie("vezprimera","1",expiration);
plegardesplegar("idatenuar");
plegardesplegar("idbloque");
}
/script
El primerDIV de este código, sólo es para construir una capa oscura semitransparente que ocupará el 100% del espacio disponible en el navegador, colocándose por encima de la página.
El segundoDIV crea otra capa por encima de la anterior (esto se hace conz-index) con un pequeño texto y un enlace que lleva a la función antes creada (plegardesplegar) y que permite hacer invisible las dos capas solapadas, para ver el contenido normal de la página. Dentro de esta capa es donde pondremos también lo que queramos: publicidad, un aviso, un flash... en fin, lo que deseemos mostrar.
Todo esto no presenta ninguna novedad sobre lo que ya vimos en anteriores entradas, salvo que las capas las haremos inicialmentes invisibles (class='invisible').
A continuación, dentro del último script, es cuando:
- recuperamos el valor de la cookie vezprimera
- abrimos un condicional para comprobar si tiene algún valor
- si lo tiene (ya se ha visitado la página anteriormente)
- no se hace nada y por tanto las capas permanecen invisibles
- si no tiene ningún valor (null)
- primero hacemos la variable expiration igual a la fecha actual (incluye hora)
- le sumamos a esa variable el tiempo requerido (24h en milisegundos=86400000)
- añadimos (setCookie) la cookie vezprimera al ordenador del usuario con el valor 1 y una fecha de caducidad igual a expiration (24 horas después)
- cambiamos la clase de idatenuar (capa oscura); como estaba en invisible ahora será visible
- idem con idcapa (el contenido del segundo DIV); ahora será visible
Evidentemente podeis hacer esto para un tiempo mayor o menor que 24 horas cambiando el valor sugerido (86400000). De hecho, para hacer pruebas lo mejor es cambiarlo a uno más pequeño, por ejemplo 15000 (15 segundos).Desdeeste enlace podeis lanzar una capa de prueba. Una vez vista y durante 15 segundos, por mucho que pincheis, no volverá a ser visible. Una vez transcurridos los 15 segundos, si pinchais volverá a salir sin problemas.
selling my structured settlement WordPress hosting Email Bulk Service Annuity Settlements Automobile Accident Attorney Casino Motor Insurance Quotes Service business software Structures Annuity Settlement Social media platforms for business Royalty free images stock Seo services Online casino Criminal defense attorneys Florida BEST CRIMINAL LAWYER IN ARIZONA mesothelioma attorneys california cloud identity and access management mortgage adviser onlineclasses CAR INSURANCE QUOTES PA motorcycle lawyer los angeles car insurance quotes mn meso lawyer Data Recovery Raid hair removal washington dc Online motor insurance quotes Asbestos Lawyers Life Insurance Co Lincoln average mesothelioma settlement Online Christmas cards DONATE YOUR CAR FOR KIDS houston tx auto insurance boulder personal injury lawyers New social media platforms Motor replacements WordPress themes for designers Casino reviews benchmark lending STRUCTURED ANNUITY SETTLEMENT personal injury solicitor accident attorney in los angeles Better Conference Calls compare life assurance online criminal justice degree Mobile casino personal injury law firm Psd to html WordPress theme designers california motorcycle accident lawyer cheap car insurance in virginia business email web hosting Make money online Australia yahoo web hosting asbestos lung cancer DUI lawyer structured settlement cash out Criminal lawyer Forex Trading Platform Hire php developer google adsense Live casino Dayton Freight Lines SELL ANNUITY PAYMENT Best Criminal Lawyers in Arizona Car Insurance Quotes Utah mesothelioma charities Injury Lawyers Dwi lawyer Donating a Car in Maryland BETTER CONFERENCING CALLS Hire php developers Seo company Social media platforms Online Colleges Hire php programmers Best Seo company hosted predictive dialers buying structured settlements caraccidentlawyer motor insurance quotes houston mesothelioma attorney refinance with poor credit Business finance group adverse credit remortgage Donate Car to Charity California Massage School Dallas Texas Criminal defense lawyer Php programmers for hire Seo companies Computer science classes online Business management software Motor Replacements Psychic for free buying an annuity calculator Social media management Online Stock Trading Bankruptcy lawyer WORLD TRADE CENTER FOOTAGE Online Criminal Justice Degree tennessee mesothelioma lawyer workers compensation lawyer los angeles Php programmers CAR INSURANCE QUOTES MN los angeles auto accident attorneys Christmas cards Best social media platforms for business Donate Cars Illinois donate car for tax credit Custom Christmas cards anti spam appliance Donate your car for kids Custom WordPress theme designer accident attorneys orange county Mesothelioma Law Firm ashely madis mesothelioma lawsuit mesothelioma lawyer chicago most profitable internet business Register Free Domains Personal Injury Lawyers Social media strategies Health Records Personal Health Record DONATE CAR FOR TAX CREDIT AUTOMOBILE ACCIDENT ATTORNEY offshore accident lawyer VIRTUAL DATA ROOMS Best social media platforms Tech school Learning adobe illustrator Photo Christmas cards ROYALTY FREE IMAGES STOCK Psd to WordPress mesothelioma lawyer california Social media examiner WEBEX COSTS structured settlement company Donate Your Car Sacramento Html email Met Auto Donate car to charity California Best criminal lawyer in Arizona best accident attorneys Car insurance quotes Utah PhD in counseling education mesothelioma compensation forensics online course Online Classes business voip solutions injury lawyers west palm beach ONLINE MOTOR INSURANCE QUOTES buyer of structured settlement annuity Proud Italian cook PHD IN COUNSELING EDUCATION Italian cooking school Adobe illustrator classes Donate Car for Tax Credit How to Donate A Car in California Social media tools Met auto Cheap Domain Registration Hosting Social media campaigns ASBESTOS LAWYERS CAR INSURANCE IN SOUTH DAKOTA Email bulk service mesothelioma survival rates miami personal injury lawyer utah mesothelioma lawyer Donate Cars in MA Car insurance quotes MN mesothelioma Webex Costs Dallas Mesothelioma Attorneys Sell Annuity Payment Donate Your Car for Kids donating used cars to charity Online colledges illinois law lemon massage school dallas texas life insurance quotes Donate your Car for Money Car Insurance Quotes Colorado Nunavut Culture Business VOIP Solutions car insurance quotes pa mesothelioma settlements amounts Hard drive Data Recovery Services Donate a Car in Maryland google affiliate mesotheioma Dedicated Hosting Dedicated Server Hosting Car Insurance Quotes PA Cheap Car Insurance in Virginia la personal injury lawyer PSYCHIC FOR FREE maritime lawyer houston Criminal Defense Attorneys Florida buy gift card mesothelioma attorney florida orlando criminal attorney LIFE INSURANCE CO LINCOLN Online Motor Insurance Quotes new york mesothelioma law firm Holland Michigan College structured annuity settlement mesotheliama florida car insurance company Car Insurance Quotes MN Paperport Promotional Code mesothelioma law suit World Trade Center Footage
