Hoy doy por inicado el manual de Javascript, en donde aprenderemos lo basico hasta lo mas avanzado, de este lenguaje.

Bien vayamos a lo que nos interesa.

Javascript: el lenguaje del lado del cliente

¿Que es Javascript?

Es un lenguaje de alto nivel el cual permite a desarrolladores web la generacion de paginas web interactivas, el lenguaje esta basado en el uso de objetos.

Este lenguaje, al estar orientado a objetos, su sintaxis es parecida a java, aunque sin ofrecer las funcionalidades de este mismo.

Las instrucciones de Javascript, se esciben dentro de los documentos HTML, en cualquier parte, sin embargo, de acuerdo a las recomenaciones y a los estandares de la W3C, los scripts (Javascript), deben de estar entre la TAGS(Etiquetas) HEAD de nuestro HTML.

Sin embargo si disponemos de muchas funciones Javascript, lo mejor sera crear un archivo JS y despues llamarlo con una sola linea, pero como les comento esto solo es necesario si disponemos de mucho codigo.

Algo importante que mencionar es que podemos escribir llamadas a funciones y funciones dentro de un elemento HTML, sin embargo es recomendable hacer nuestro codigo no intrusivo(esto lo veremos posteriormente), ya que como en Javascript se usan eventos, es simple hacer la utilizacion de estos eventos, en nuestros elementos HTML.

Escribiendo codigo Javascript, dentro de nuestro HTML

Bueno, despues de esa pequeña introducción sobre Javascript, empecemos a escribir codigo que es lo interesante.

El codigo javascript, siempre debera ir dentro de la TAGS(Etiquetas)

<script type="text/javascript">// <![CDATA[
 ]]></script>

Aunque lo mejor es siempre indicarle algun otro paramentro para que nuestro navegador sepa de que tipo de script se trata. De esta forma nuestra definicion quedaria asi.

<script type="text/javascript">// <![CDATA[
/*
Nuestro codigo Javascript
*/
// ]]></script>

Ahora bien, como notaron puse un asterisco(*) y una diagonal (/) esto es para indicarle a Javascript que, nos referimos a un comentario, un comentario es una parte del codigo que no sera interpretada por el interprete de el lenguaje, en Javascript existen dos formas de crear comentarios.

Capitulo 2:

Bien continuemos con nuestro manual de XUL, ya sabemos como hacer un Hola mundo, en Xul, así que hagamoslo mas interesante.

Ahora vamos a trabajar con botones(recuerden que aqui no hay visual studio jaja).

Botones en XUL

Para que podamos interactuar con nuestro entorno es necesario disponer de botones, como cualquier otro lenguaje de programación, de la misma forma que HTML, tambien XUL, dispone de una serie de etiquetas para crear los elementos de las interfaces de los usuarios.

Estos botones estan basados en la mas basica de estas etiquetas, esta es llamada Plantilla:XULElem que nos servira para crear un boton.

Cada elemento de tipo Boton, tiene dos propiedades asociadas label e image, mutuamente compatibles, se pueden tener un boton con imagen y/o con etiqueta

La etiqueta Plantilla:XULElement usa la siguiente sintaxis

<button id="identificador">
 label="Aceptar"
 image="imagenes/imagen.jpg"
 disabled="true"
 accesskey="t"/>

Cabe mencionar que todos estos atributos son opcionales y aceptan los siguientes datos.

• id:Un identificador único (dentro de la página actual) que represente de forma inequívoca al botón. Es muy útil para referirse al botón desde una hoja de estilos CSS o desde un script de código, por ejemplo. Es recomendable rellenar este atributo en todas las etiquetas que uno declare.
• class: Este atributo se refiere a que a un boton se le puede asignar una clase, con la cual le aplicaremos cierto estilo, usando CSS, como si fuera HTML, aunque no es necesario usar una clase, para poder aplicar estilos en los botones.
• label: Este atributo se refiere a el texto que mostrara nuestro boton, si lo dejamos en blanco, simplemente no tendra texto.
• image: El atributo image nos indica que imagen aparecera dentro del boton, claro si deseamos usar alguna imagen, si no se le indica alguna imagen simplemente nos aparecera sin ella, tambien se le puede especifiar una imagen a un boton mediante una hoja de estilos usando list-style-image.
• disabled: Esta opcion creo que ya todos (o casi) la conocemos, esta opcion se refiere a que si la indicamos como true, el boton estara deshabilitado (no respondera a los click’s), y si lo ponemos como false el boton estara habilitado, si no se indica, el boton siempre estara habilitado.
• acceskey: con este atributo, le podemos indicar que reaccione a cierta tecla de atajo (o tecla de acceso directo), con la cual le pasaremos el foco, a este elemento , que en este caso es el boton.

Aqui tenemos un ejemplo, de como quedaria nuestro archivo main.xul

Últimamente he dejado de escribir como antes, es que el cambio de diseño del blog no me ha dejado tiempo para nada, pero saben ya esta casi en 90-95 % solo me falta probarlo bien, pero pronto volveré con mas cosas, ha por cierto también preparo un meme con un extra pero se me esta complicando !!!!(ya verán como esta).

Mientras eso pasa les paso una excelente recopilacion de iconos.

Circle Social Bookmark Icons

Rounder Icons

Crystal Clear

Se que muchos quiza ya lo conocen pero para los que no aqui se los dejo.

Este programa se llama Foxit Reader, es un visor de archivos PDF’s, gratuito ojo no es Opensource.

La gran ventaja que tiene este software comparado con Adobe Reader, es el bajo consumo de memoria, ya que si nuestra pc tiene pocos recursos, usar Adobe Reader sera un gran problema.

Si desean mas informacion, mejor descargenlo y pruebenlo creanme no se arrepentiran.

Aqui les dejo un resumen de los que nos dicen en la pagina web de Foxit software

Foxit Reader is a free PDF document viewer and printer, with incredible small size (only 2.1 M download size), breezing-fast launch speed and amazingly rich feature set. Foxit Reader supports Windows 98/Me/2000/XP/2003/Vista. Its core function is compatible with PDF Standard 1.7.

In the past, you have to download a huge PDF reader from another software company, go through a lengthy installation process and wait for an annoying splash window to disappear just to open a PDF document. Moreover, if you want to annotate a PDF document, you have to pay US$299 to buy certain software.

Now with Foxit Reader, you don’t have to endure such pain any more. The following is a list of compelling advantages of Foxit Reader:

* Incredibly small: The download size of Foxit Reader is only 2.1 M which is a fraction of Acrobat Reader 20 M size.
* Breezing-fast: When you run Foxit Reader, it launches instantly without any delay. You are not forced to view an annoying splash window displaying company logo, author names, etc.
* Annotation tool: Have you ever wished to annotate (or comment on) a PDF document when you are reading it? Foxit Reader allows you to draw graphics, highlight text, type text and make notes on a PDF document and then print out or save the annotated document.
* Text converter: You may convert the whole PDF document into a simple text file.
* High security and privacy: Foxit Reader highly respects the security and privacy of users and will never connect to the Internet without users’ permission. While other PDF readers often silently connect to the Internet in the background. Foxit PDF Reader does not contain any spyware.

La ultima version es la 2.2

Bueno esta fue una pequeña introdución a este maravillloso software.

Nota Imortante: Nadie me pago por hacer esta recomendacion, simplemente les platico mi agradable experincia con este software.

Nota 2 | Tambien hay versiones de pago para poder crear PDF’s
Enlace a la pagina de FoxitSofware | http://www.foxitsoftware.com/
Lo puedes descargar desde aqui | http://www.foxitsoftware.com/pdf/rd_intro.php

Les presento.

Jxs Validador

Esta es una herramienta de mi creacion para la validacion de fomularios.

Este validador de formularios escito en Javascript, que no requiere de ninguna libreria extra, extremadamente compacto, la version con comentarios solo pesa 6kb, y la compresa pesa 4kb.

Les platico sus caracteristicas de esta herramienta-libreria.

La libreria cuenta con las siguientes herramientas.

• Modifcador de tamaño de campos
• Validador de e-mail
• Validador de campos requeridos
• Validador de longitud de campos
• Manipulador de eventos para no permitir escribir ciertas teclas
• Nodificador de tamaño maximo de un campo permitido
• Modificacion para instanciar ajax de manera nativa

Entre otros usos.

Mas informacion en su pagina

Les recuerdo que cualquier duda, sugerencia y aclaracion del uso y manejo de la libreria Jxs lo pueden escribir en esta entrada, como comentario.

Hace poco tuve un problema, me pidieron que generara un parseador de documentos xml.

Googlee un buen rato, sin embargo ninguna de las soluciones que encontré se adaptaba a mis necesidades, me puse a estudiar el manual oficial y alguna que otra web. y ha probary probar y al final termine por encontrar la solucion.

La cual es bastante simple y sencilla.

Vayamos por pasos:

Primero tenemos en archivo xml como en siguiente

Perl

A continuacion tenemos la pagina en donde la parsearemos, que por supesto estara escrita en php.

Como estuve revisado mis estadísticas vi que muchas personas deseaban que el manual de ajax estuviera en pdf, asi que lo puse en pdf para que todos los puedan descargar y revisarlo cuando deseen, ademas estoy trabajando el otro manual con método post, pero luego lo pongo (cuando lo termine!!).

Descarga:Manual de ajax en pdf en español