Modal Window o Ventanas Modales para qué sirven?

-
Las ventanas modales ó "Modal Window" se usan a menudo en páginas web para mostrar contenido de todo tipo, ya sean fotos, videos, formularios o cualquier información "flotando" sobre nuestra página principal, valiéndose lógicamente del uso de "capas" CSS y JavaScript .

Son una buena opción al momento de reemplazar las clásicas Popup que forzaban la apertura de un nuevo documento para mostrar contenidos, publicitarios, etc.

Además los navegadores actuales vienen con la opción de bloquear dichas ventanas, muchos desarrolladores están reemplazando ese viejo recurso por el uso de ventanas modales para sortear estos obstáculos.

Algunas webs donde se pueden conseguir scripts gratuitos para la implementación en nuestros proyectos web son:



* Modal Window in Joomla 1.5
* ThickBox - modal windows JavaScript, built on jQuery
* TinyBox - another modal windows JavaScript, built on Prototype
* subModal DHTML Modal Dialog
* nyroModal - jQuery plugin highly customisable
* Control.Modal by Live Pipe
* MOOdalBox - a modal box built on mootools
* Lightbox JS by Lokesh Dhakar
* GreyBox by Amir Salihefendic
* getRealPopup by John Norton
* Modal Window Examples

Comentarios

Publicar un comentario

Dejanos tu opinión

Entradas más populares de este blog

Mostrar el clima en tu página web con php

-
Imagen
Les dejo un script que estoy usando en algunos blogs de WordPress, sin plugin, asi limpito puro PHP, lo único que tienen que hacer es sacar una cuenta del API en http://api.openweathermap.org <?php // bs as 3435910 $apikey = "TUAPIKEY"; $url = "http://api.openweathermap.org/data/2.5/weather?id=3435910&appid=$apikey"; if ($url=@implode(file($url)) ) { $vars = json_decode($url); $temp = $vars->main->temp; $hume = $vars->main->humidity; $icon = $vars->weather[0]->icon; $temp_c = $temp - 273.15; ?> <div style="-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);;padding:10px;background:#ddd;width:100px;text-align:center;font-family:verdana,arial,times;font-size:12px;"> <img style="" src="http://openweathermap.org/img/w/<?php echo "$icon.png"; ?>"> <?php echo "...
Leer todo el artículo

Copiar archivos de un sitio a otro con la función copy de php

-
Imagen
Un día se me ocurrió copiar un archivo comprimido y decidí hacer el proceso de la siguiente manera: creo una carpeta en el servidor con cualquier nombre, por ejemplo mis-pruebas si es necesario le doy permisos 755 y verifico que este vacia, allí coloco el script, cuando lo ejecute los archivos copiados "caeran" en el mismo directorio <?php $origen = 'http://www.sitiodeinternet.com/archivo.zip'; $destino='archivo.zip' copy ($origen,$destino); ?> Luego me gustó el chiche, y probé bajar fotos en modo " BATCH " así: si no lo hice antes creo una carpeta en el servidor con cualquier nombre, por ejemplo mis-pruebas y le doy permisos 755 si es necesario <?php $origen='http://www.sitiodeinternet.com/'; $foto[] = 'foto1.jpg'; $foto[]='foto2.jpg'; //... y asi sucesivamente foreach ($foto as $key=>$value) {copy("$origen/$value",$value); } echo "archivos copiados!"; ?> Como puede apreciarse el ...
Leer todo el artículo