Escrito por J.F. el Viernes, 30 de Noviembre del 2007 a las 16:01
Un curioso efecto al abrir un pop up en neustra página web gracias a Javascript. Tenamos en cuenta que hola.htm es el fichero el cual se abrirá en la ventana nueva, con el efecto. Lo he probado en explorer y firefox, y funciona.
Aquí tienes el código de ejemplo, y recuerda cambair hola.htm por el documento que desees abrir. Si deseas cambiar las dimensiones resultantes de la ventana, puedes hacerlo modificando los valores de las variables ancho, alto,etc.
HTML:
-
-
-
</head>
-
-
-
-
var ancho = 100
-
var alto = 100
-
var fin = 300
-
var x = 100
-
var y = 100
-
-
function inicio(){
-
ventana = window.open("hola.htm", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
-
abre();
-
}
-
-
function abre(){
-
if (ancho <= fin) {
-
ventana.moveTo(x, y);
-
ventana.resizeTo(ancho, alto);
-
x += 5;
-
y += 5;
-
ancho += 15;
-
alto += 15;
-
timer = setTimeout("abre()", 1);
-
} else {
-
clearTimeout(timer);
-
}
-
}
-
-
</script>
-
-
<input type="button" value="Abrir Ventana" onClick="inicio()"></p>
-
</form>
-
</body>
-
</html>
Vía: | ForosdelWeb
Categoria: Curiosidades, Javascript
Escrito por J.F. el Jueves, 29 de Noviembre del 2007 a las 13:27
20 interesantes recursos para programadores php a la hora de realizar códigos para páginas web:
- Canvas - Un entorno de desarrollo para PHP5 con la facilidad de uso como principal atractivo.
- CakePHP - Un entorno de desarrollo PHP orientado a funcionar al estilo de Ruby on Rails.
- CodeIgniter - Entorno de desarrollo PHP ideal para páginas alojadas en hosting compartido.
- Coders4fun - Blopg sobre programación, donde podremos encontrar códigos muy interesantes a la hora de solventar problemas.
- Script para formularios de DagonDesign - Un script en PHP para ayudarte a crear formularios de cualquier longitud.
- DIY Framework - Un entorno de desarrollo PHP minimalista y sin florituras, tal como implica su nombre.
- GoodPHPTutorials.com - Una extensa colección de tutoriales para programadores PHP de todos los niveles.
- Horde.org - Un entorno de desarrollo especializado en aplicaciones PHP y con facilidades para otros idiomas que no sean el inglés.
- KillerPHP.com - Cerca de dos docenas de vídeo tutoriales de PHP que te enseñan desde los pasos básicos de PHP hasta las técnicas más avanzadas.
- PHPBuddy.com - Un sitio lleno de recursos para el desarrollador principiante de PHP, incluye numerosos scripts para ayudarte a salvar los obstáculos típicos del principiante.
- PHPClasses.org - Fuente de un montón de scripts PHP para ahorrarte el trabajo de programar las tareas más simples.
- PHPFreaks - Un extenso sitio de ayuda para usuarios PHP de todos los niveles, con más de 400 fragmentos de código para ayudarte con diferentes aspectos de un proyecto.
- PHPOpenBiz - Un entorno de desarrollo PHP centrado en aplicaciones para empresas más que en otra cosa.
- PHPVideoTutorials.com - 13 vídeo tutoriales sobre PHP desde 6 a 22 minutos de duración.
- QCodo.com - Un entorno de desarrollo de código abierto que funciona con PHP5 centrado principalmente en hacer formularios de código PHP de fácil lectura.
- Seagull Project - Un entorno de desarrollo PHP con un sistema de plantillas integrado.
- Symfony Project - Un entorno de desarrollo PHP de código abierto con implementación de AJAX, generador del panel de administración y mucho más.
- The PHP Resource Index - Tiene numerosos recursos, pero la estrella es su archivo de más de 3600 scripts de PHP para cada función que puedas imaginar.
- Xajax Project - Un proyecto de sourceforge para añadir AJAX a cualquier página de PHP.
- Zend Framework - Otro entorno de desarrollo PHP de código abierto con más de 300 colaboradores.
- Zoop Framework - Entorno de desarrollo PHP capaz de producir formularios estilo web 2.0 y manejar AJAX.
Vía: | Dragonjar
Categoria: Recursos, PHP
Escrito por J.F. el Miércoles, 28 de Noviembre del 2007 a las 15:24
Encontrar un menú desplegable hecho solo con CSS sin la ayuda de Javascript es bastante difícil, pero en Pixelpreads han creado uno, sin el uso de Javascript, y con un código bastante simple. Aquí tienes el código CSS:
CSS:
-
body{font-family:georgia;}
-
#container{width:500px;margin:auto;font-size:11pt;}
-
-
#menu{position:absolute;margin-top:10px;}
-
#menu ul .item{display:none;}
-
#menu ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}
-
-
#menu ul:hover .item a{color:#fff;text-decoration:none;}
-
#menu ul:hover .item a:hover{color:#999;}
-
-
#menu ul{width:100px;float:left;margin:0px;padding:2px;background:#b10000;list-style:none;}
-
.clear{clear:both;height:10px;}
Aquí un ejemplo de su uso. ¡Ojo! No es compatible con Internet Explorer 6.
HTML:
-
-
-
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
-
-
body{font-family:georgia;}
-
#container{width:500px;margin:auto;font-size:11pt;}
-
-
#menu{position:absolute;margin-top:10px;}
-
#menu ul .item{display:none;}
-
#menu ul:hover .item{display:block;background:#000;padding:1px;margin:1px;}
-
-
#menu ul:hover .item a{color:#fff;text-decoration:none;}
-
#menu ul:hover .item a:hover{color:#999;}
-
-
#menu ul{width:100px;float:left;margin:0px;padding:2px;background:#b10000;list-style:none;}
-
.clear{clear:both;height:10px;}
-
</style>
-
-
</head>
-
-
-
-
-
-
-
-
<li class="top">menu item
</li>
-
<li class="item"><a href="#">menu item 1
</a></li>
-
<li class="item"><a href="#">menu item 2
</a></li>
-
<li class="item"><a href="#">menu item 3
</a></li>
-
</ul>
-
-
-
<li class="top">menu item
</li>
-
<li class="item"><a href="#">menu item 1
</a></li>
-
-
</ul>
-
-
-
<li class="top">menu item
</li>
-
<li class="item"><a href="#">menu item 1
</a></li>
-
<li class="item"><a href="#">menu item 2
</a></li>
-
</ul>
-
-
-
<li class="top">menu item
</li>
-
<li class="item"><a href="#">menu item 1
</a></li>
-
<li class="item"><a href="#">menu item 2
</a></li>
-
-
<li class="item"><a href="#">menu item 3
</a></li>
-
<li class="item"><a href="#">menu item 4
</a></li>
-
</ul>
-
-
</div>
-
</div>
-
</body>
-
</html>
Enlace: | Ver demo
Categoria: CSS
Escrito por J.F. el Martes, 27 de Noviembre del 2007 a las 15:37
Ajax es la tecnología web que interacciona en la parte del cliente permitiéndonos ejecutar eventos sin necesidad de recargar toda la página. En los últimos tiempos está muy de moda, y puedes ver su uso en montones de páginas web. Ajax es una combinación de diferentes tecnologías:
- (X)HTML
- CSS
- DOM
- XMLHttpRequest
- XML
Mediante el uso de ésta tecnología es posible realizar multitud de cosas, que mejorarán la usabilidad en nuestros diseños web. Yo no soy ningún experto en ésta materia, pero estoy empezando a buscar información a ver si doy mis primeros pasos. En esa búsqueda he encontrado un Wiki en español, que puede venirnos de perlas, ajax.com.es.
Categoria: AJAX, General
Escrito por J.F. el Lunes, 26 de Noviembre del 2007 a las 16:04
Hace poco hablábamos en Informática Práctica sobre una forma de verificar el aspecto de nuestro sitio web con Browsr Camp, que nos mostraba un pantallazo de una url dada del sitio visto con el navegador Safari. Safari no es un navegador con una cuota de usuarios alta, pero si queremos diseñar un sitio web con éxito, no podemos dejar pasar el pequeño porcentaje de navegadores minoritarios, para hacer nuestras páginas web accesibles. Si en alguna ocasión tienes problemas con Safari, puedes echar mano de ésta guía de referencia CSS para Safari, con la cual podremos ver como interpreta éste navegador el código, y de esa manera conseguir que todo se visualice correctamente.
Enlace: | Referencia Safari CSS | Referencia Safari CSS en pdf
Categoria: Manuales, CSS
Escrito por J.F. el Sábado, 24 de Noviembre del 2007 a las 18:01
PayPal es la forma más segura y que más está de moda ultimamente para realizar pagos a través de Internet. Hoy me he topado con un script que juega un poco con PayPal, por si alguién tiene un comercio electrónico y desea echarle un vistazo.
Enlace: | Script PayPal en PHP
Categoria: PHP
