Lag Man Web » Programación http://lagmanweb.com Tecnologia, internet, aplicaciones web,programas y utilidades Tue, 03 Aug 2010 21:21:59 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Inserta un Chat/eMail en tu sitio http://lagmanweb.com/inserta-un-chatemail-en-tu-sitio/ http://lagmanweb.com/inserta-un-chatemail-en-tu-sitio/#comments Fri, 23 Oct 2009 23:08:23 +0000 Omar http://lagmanweb.com/?p=2059

Jabbify es una servicio Online que nos permite agregar un chat a nuestro sitio de manera muy fácil y con un comportamiento diferente a lo habitual. La diferencia de Jabbify con otros sistema similares es que se comporta cual si fuera un Gmail pero basado en el código XMPP/Jabber.

La idea es embeber el código en las plantillas de tu blog o sitio web para habilitar una ventana flotante personalizable que aparecerá en la parte inferior y reflejará las discusiones realizadas a través de tu cuenta.

Para usar este servicio deberemos registrarnos y nos permitirá no solo utilizarlo y personalizarlo sino también moderar los comentarios. La unica pega es que esta en Ingles pero no es un gran impedimento para usarlo ya que es muy fácil de usar.

Enlace: Jabbify

]]> http://lagmanweb.com/inserta-un-chatemail-en-tu-sitio/feed/ 0 Tabla comparativa de HTML4 y HTML5 http://lagmanweb.com/tabla-comparativa-de-html4-y-html5/ http://lagmanweb.com/tabla-comparativa-de-html4-y-html5/#comments Sat, 17 Oct 2009 16:08:54 +0000 Omar http://lagmanweb.com/?p=1840 Ustedes saben que se viene el nuevo HTML5 y con ella algunos cambios. Esta tabla que hay mas abajo detalla a la perfección que elementos seguirán siendo vigentes, cuales se suprimirían de HTML5 y cuales serán los nuevos elementos que tendremos a disposición.

Como es obvio, el 4 pertenece a HTML4.01 y el numero 5 al nuevo HTML5.

Etiqueta Descripción 4 5
<!–…–> Para incrustar comentarios 4 5
<!DOCTYPE> Para indicar el tipo de documento 4 5
<a> El hipervínculo de toda la vida :) 4 5
<abbr> Para abreviaciones 4 5
<acronym> No soportado. Define un acrónimo 4
<address> Define un elemento de la dirección 4 5
<applet> No soportado. Define un applet 4
<area> Define un área dentro de un mapa de imagen 4 5
<article> Define un artículo 5
<aside> Define el contenido, aparte de contenido de la página 5
<audio> Define el contenido de sonido 5
<b> Define texto en negrita 4 5
<base> Define una URL base para todos los enlaces en una página 4 5
<basefont> No soportado. Usar CSS en lugar 4
<bdo> Define la dirección de la pantalla de texto 4 5
<big> No soportado. Define texto grande 4
<blockquote> Defines a long quotation Define una larga cita 4 5
<body> Defines the body element Define el cuerpo elemento 4 5
<br> Inserts a single line break Inserta un salto de línea 4 5
<button> Defines a push button Define un botón 4 5
<canvas> Defines graphics Define gráficos 5
<caption> Defines a table caption Define una tabla título 4 5
<center> Not supported. Defines centered text No soportado. Define texto centrado 4
<cite> Defines a citation Define una cita 4 5
<code> Define el código de texto 4 5
<col> Define las características de las columnas de la tabla 4 5
<colgroup> Define grupos de columnas de la tabla 4 5
<command> Define un botón de comando 5
<datagrid> Define los datos en una lista de árboles 5
<datalist> Define una lista desplegable 5
<datatemplate> Define una plantilla de datos 5
<dd> Define una descripción de la definición 4 5
<del> Define texto suprimido 4 5
<details> Define los detalles de un elemento 5
<dialog> Define un cuadro de diálogo (conversación) 5
<dir> No soportado. Define una lista de directorio 4
<div> Define una sección en un documento 4 5
<dfn> Define un termino definición 4 5
<dl> Define una lista de definición 4 5
<dt> Define un termino definición 4 5
<em> Define destacó texto 4 5
<embed> Define un elemento embebido de contenido interactivo 5
<eventsource> Define un objetivo para los eventos enviados por un servidor 5
<fieldset> Define un fieldset 4 5
<figure> Define un grupo de los contenidos de los medios, y su leyenda 5
<font> Obsoleto. Define texto fuente, el tamaño y el color 4
<footer> Define un pie de página de una sección o página 5
<form> Define un formulario 4 5
<frame> No soportado. Define una sub ventana (un marco) 4
<frameset> No soportado. Define un conjunto de marcos 4
<h1> a <h6> Define tamaño de la cabecera 1 a 6 4 5
<head> Provee información sobre el documento 4 5
<header> Define un encabezado de una sección o página 5
<hr> Define una línea horizontal 4 5
<html> Define un documento html 4 5
<i> Define texto en cursiva 4 5
<iframe> Define una línea sub ventana (frame) 4 5
<img> Define una imagen 4 5
<input> Define un campo de entrada 4 5
<ins> Define texto insertado 4 5
<isindex> No soportado. Define un único campo de entrada de línea 4
<kbd> Define el teclado de texto 4 5
<label> Define una etiqueta para formularios 4 5
<legend> Define un título en un fieldset 4 5
<li> Define un elemento de la lista 4 5
<link> Define un recurso de referencia 4 5
<mark> Define texto marcado 5
<map> Define un mapa de imagen 4 5
<menu> Define una lista de menú 4 5
<meta> Define la información de metadatos 4 5
<meter> Define medición dentro de un rango predefinido 5
<nav> Define vínculos de navegación 5
<nest> Define una nestingpoint en un datatemplate 5
<noframes> No soportado. Noframe Define una sección 4
<noscript> Define una sección noscript 4 5
<object> Define un objeto incrustado 4 5
<ol> Define una lista ordenada 4 5
<optgroup> Define un grupo de opciones 4 5
<option> Define una opción en una lista desplegable 4 5
<output> Define algunos tipos de producción 5
<p> Define un párrafo 4 5
<param> Define un parámetro para un objeto 4 5
<pre> Define texto preformateado 4 5
<progress> Define el progreso de una tarea de cualquier tipo 5
<q> Define una breve cita 4 5
<rule> Define las normas de actualización de una plantilla 5
<s> No soportado. Define texto tachado 4
<samp> Define el código de muestra 4 5
<script> Un Script 4 5
<section> Una sección 5
<select> Lista seleccionable 4 5
<small> Texto en pequeño 4 5
<source> Definir un recurso media 5
<span> Una sección del documento 4 5
<strike> No soportado. Define texto tachado 4
<strong> Texto en negrita 4 5
<style> Para definir un estilo 4 5
<sub> Para subíndices 4 5
<sup> Para superíndice 4 5
<table> Para definir una tabla 4 5
<tbody> Cuerpo de la tabla 4 5
<td> Una celda de la tabla 4 5
<textarea> Define una área de texto 4 5
<tfoot> Pie (Footer) de una tabla 4 5
<th> Define una cabecera de la tabla 4 5
<thead> Define una cabecera de la tabla 4 5
<time> Defina una fecha 5
<title> Para el titulo de la página web 4 5
<tr> Fila de una tabla 4 5
<tt> No soportado. Define texto teletipo 4
<u> No soportado. Define texto subrayado 4
<ul> Para listas desordenadas 4 5
<var> Para definir una variable 4 5
<video> Para indicar que queremos incrustar un video 5
<xmp> No soportado. Define texto preformateado 4

Para más información visita W3.org

]]> http://lagmanweb.com/tabla-comparativa-de-html4-y-html5/feed/ 0 Proba tu sitio en diferentes versiones de Internet Explorer http://lagmanweb.com/proba-tu-sitio-en-diferentes-versiones-de-internet-explorer/ http://lagmanweb.com/proba-tu-sitio-en-diferentes-versiones-de-internet-explorer/#comments Thu, 15 Oct 2009 15:02:22 +0000 Omar http://lagmanweb.com/?p=1738

Si sos desarrollador o sos un blogger como yo seguramente te habrás quebrado el cerebro para que tu sitio sea compatible con todos los navegadores, sobretodo el Internet Explorer.

Casualmente este ultimo es el mas complicado por sus incontables incompatibilidades con algunos entandares. Por eso para ti y para mi existe una herramienta llamada IETester que permite probar un sitio en las diferentes versiones de Internet Explorer. Como se ve en la imagen el programa prueba cada versión en una ventana diferente. Esto es tremendamente útil para desarrolladores ya que si tenemos Internet Explorer 7 u 8 comunmente no podemos probar el sitio en IE6, ya que al instalar la versión nueva no se puede volver atrás.

IETester esta en fase Alpha y a veces puede que se cierre solo, aunque a mi me funciono casi siempre bien. Lo dicho gran herramienta y se puede descargar gratis.

Enlace: IETester

]]> http://lagmanweb.com/proba-tu-sitio-en-diferentes-versiones-de-internet-explorer/feed/ 0 Lightbox 2, javascript para ver en una ventana las imagenes en grandes al hacer click http://lagmanweb.com/lightbox-2-javascript-para-ver-en-una-ventana-las-imagenes-en-grandes-al-hacer-click/ http://lagmanweb.com/lightbox-2-javascript-para-ver-en-una-ventana-las-imagenes-en-grandes-al-hacer-click/#comments Wed, 09 Sep 2009 23:10:08 +0000 admin http://lagmanweb.com/?p=163 Bueno, esta vez les vamos a explicar como poner un javascript en tu página que al hacer click sobre una imagen chica, se te habra del tamaño real con unos muy vistosos efectos y muy fácil de aplicar en las webs, sin necesidad de conocimientos previos de javascript, ya que les explicaremos paso por paso.

Bueno antes que nada tienen que descargar los codigos, imagenes y javascript para hcer todo esto, lo puede descargar desce aca. Les paso a explicar paso por paso lo que tienen que hacer:

1. Descomprimir el zip descargado y poner todos los archivos descomprimidos, menos el index.html en la carpeta donde se encuentra la web.

2. Copiar estos códigos a el encabezado de la web, ocea entre la etiqueta <head> y </head>

<script type="text/javascript"
src="js/prototype.js"></script>
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder">
</script>
<script type="text/javascript"
src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css"
type="text/css" media="screen" />

2. Bueno, solamente es eso, lo que falta es agregar las imagenes que se quieren agrandar al darle click. Como se hace esto? bueno es simple, demes de poner el codigo común de:

<img src=”/images/image-1.jpg” alt=” ” />

Tenemos que suplantar lo común que siempre hacemos con las imagenes por este código.

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src=”/images/image-1.jpg” alt=” “  width=”150″ height=”80″/></a>

Lo unico que hay que cambiar es href=”images/image-1.jpg por la ubicacion y nombre de la imagen, haciendo lo mismo con src=”/images/image-1.jpg”, y en width=”150″ height=”80″ ponerle el tamaño y ancho deseado en la imagen chica previa.

EJEMPLO:

]]> http://lagmanweb.com/lightbox-2-javascript-para-ver-en-una-ventana-las-imagenes-en-grandes-al-hacer-click/feed/ 2 Codigo Javascript para agregar a favoritos la pagina actual http://lagmanweb.com/codigo-javascript-para-agregar-a-favoritos-la-pagina-actual/ http://lagmanweb.com/codigo-javascript-para-agregar-a-favoritos-la-pagina-actual/#comments Sun, 30 Aug 2009 22:57:08 +0000 admin http://lagmanweb.com/?p=117 Una manera de ganar algunos visitantes en nuestra web es haciendo que estos guarden en sus favoritos a nuestra web, pero muchas veces no lo hacen por que se olvidan, no tienen ganas de hacerlo o en algunos casos no saben como agregar una pagina a favoritos.

Una manera de optimizar la gente que nos agrega a sus favoritos, es agregando un javascript para que solamente haciendo click en un botón nos agreguen a su lista de favoritos.

Les paso a explicar paso por paso lo que tienen que hacer para agregar el botón.

1. Crear un archivo de texto llamado addToFavorites, copiar en el mismo el siguiente código.

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: MB Web Design | http://www.mbwebdesign.co.uk */
function bookmark(address,sitename) {
if (window.sidebar) {
window.sidebar.addPanel(sitename, address,”");
} else if( document.all ) {
window.external.AddFavorite(address, sitename);
} else if( window.opera && window.print ) {
return true;
}
}

2. Cambiar la extensión de ese archivo de texto de .txt por la extensión .js de JavaScript. Y subirlo al directorio raiz donde se encuentra nuestra web.

3. Agregar el siguiente código al encabezado de la página (despues de la etiqueta <head> y antes de la etiqueta </head>)

<script type=”text/javascript” src=”addToFavorites.js”></script>

4. Copiar este código en donde quieras que aparezca el botón.

<a href=”#” onclick=”bookmark(‘http://javascript.internet.com/’,'JavaScript Source’)”>Agrega a favoritos el sitio!</a>

Si todo se hizo como corresponde tendría que haber quedado como lo siguiente.

Agrega a favoritos el sitio!

]]> http://lagmanweb.com/codigo-javascript-para-agregar-a-favoritos-la-pagina-actual/feed/ 0 Como redireccionar una web con Javascript http://lagmanweb.com/como-redireccionar-una-web-con-javascript/ http://lagmanweb.com/como-redireccionar-una-web-con-javascript/#comments Sun, 23 Aug 2009 19:31:38 +0000 admin http://lagmanweb.com/?p=43 Muchas veces tenemos que redireccionar un web por multiples motivos, como por ejemplo que nos mudamos de dominio.

Una de las maneras mas fácil de rediccionar uuna web es usando un código Javascript para no tener mayores inconvenientes. El código que necesitas para esto es el siguiente.

<script type=”text/javascript”>document.location=’http://www.dominio.com’</script>

Solo necesitan colocar ese pequeño código cambiando “http://www.dominio.com” por el dominio al que queremos redireccionar.

]]> http://lagmanweb.com/como-redireccionar-una-web-con-javascript/feed/ 0 Formulario de contacto en AJAX http://lagmanweb.com/formulario-de-contacto-en-ajax/ http://lagmanweb.com/formulario-de-contacto-en-ajax/#comments Sat, 22 Aug 2009 23:16:01 +0000 admin http://lagmanweb.com/?p=37 Bueno como ultimamente el lenguaje  AJAX se esta haciendo muy popular y cada vez mas reconocido, les vengo a mostrar un formulario de contacto que da la perspectiva profesional, simple y muy fácil de implementar.

Le dejo un demo propio.

formulario

Para ver el formulario click aquí

INSTRUCCIONES:

1. descargarse el archivo desde acá

2. Editar el archivo mail.php a lo ultimo por la direccion de mail a donde quiera que llegue el formulario.

3. Subirlo a la web como esta con todos los archivos.

]]> http://lagmanweb.com/formulario-de-contacto-en-ajax/feed/ 0 Operadores de comparacion en PHP http://lagmanweb.com/operadores-de-comparacion-en-php/ http://lagmanweb.com/operadores-de-comparacion-en-php/#comments Thu, 20 Aug 2009 01:43:07 +0000 admin http://lagmanweb.com/?p=7 En PHP se usa mucho comparar un valor con otro para ir por un camino u otro camino, por ejemplo si los comentarios son igual a cero, le avisa al visitante que va a ser el primero en comentar y si el número de comentarios es mayor a cero le dice al visitantes que ya hay otros comentarios.

Los operadores de comparación que se usan en PHP no son mucho y son usados de forma parecidos en la vida cotidiana.

Operador

Nombre

Ejemplo

Devuelve cierto cuando:

==

Igual

$a == $b

 $a es igual $b

!=

Distinto

$a != $b

 $a es distinto $b

<

Menor que

$a < $b

 $a es menor que $b

>

Mayor que

$a > $b

 $a es mayor que $b

<=

Menor o igual

$a <= $b

 $a es menor o igual que $b

>=

Mayor o igual

$a >= $b

 $a es mayor o igual que $b
]]> http://lagmanweb.com/operadores-de-comparacion-en-php/feed/ 1