Linea de Codigo » DOJO http://lineadecodigo.com /* Programación en la red */ Tue, 22 May 2012 22:10:09 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 JSEclipse http://lineadecodigo.com/javascript/jseclipse/ http://lineadecodigo.com/javascript/jseclipse/#comments Sat, 10 Feb 2007 18:44:14 +0000 Víctor Cuervo http://lineadecodigo.com/2007/02/10/jseclipse/

JSEclipse es un plugin para Eclipse que permite el manejar código JavaScript (tanto el código JavaScript básico, como el de algunas librerías construidas sobre JavaScript, véase DOJO, Prototype,...) dentro de proyectos Eclipse de una forma muy sencilla.

Características:

  • Auto-completado de código JavaScript
  • Control y gestión de errores
  • Resaltado del código fuente
  • Información contextual (menú emergente)
  • Soporte de librerías JavaScript (DOJO, Prototype, YUI, Qooxdoo).
  • Soporte para JavaDoc
  • Añade en los wizards la gestión de ficheros .js

JSEclipse

Versión actual: JSEclipse 1.5

Requisitos:

  • Eclipse 3.1 o superior
  • JRE 1.5 o superior

Descargarlo:
http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_jseclipse

Documentación:
http://www.interaktonline.com/Documentation/JSEclipse/jseclipse.htm

Más información sobre el producto:
http://labs.adobe.com/technologies/jseclipse/

Opinión de Linea de Código:
Si quieres trabajar con JavaScript y Eclipse, JSEclipse es el plugin que necesitas. La potencia de autocompletado y la ayuda contextual facilitan en gran medida el desarrollo de código JavaScript.

Seguro que más de una vez os habéis quedado pensando en cual era o como era esta o la otra función JavaScript. El auto-completado de JSEclipse resuelve todos nuestros problemas.

El único inconveniente es que cuando utilizas código JavaScript fuera de los ficheros .js, todas las funcionalidades del plugin quedan deshabilitadas. Una pena. Si bien, incluso con esto es muy recomendable su uso.Similar Posts:

]]> http://lineadecodigo.com/javascript/jseclipse/feed/ 5 AJAX en la Plataforma IBM WebSphere http://lineadecodigo.com/noticias-web/ajax-en-la-plataforma-ibm-websphere/ http://lineadecodigo.com/noticias-web/ajax-en-la-plataforma-ibm-websphere/#comments Tue, 23 Jan 2007 11:00:01 +0000 Víctor Cuervo http://lineadecodigo.com/2007/01/23/ajax-en-la-plataforma-ibm-websphere/

IBM IBM libera AJAX para la plataforma WebSphere junto con un "Early Access Program". En esta versión se incluye Dojo Toolkit 0.4.1 y 3 aplicaciones end-to-end que muestran como Dojo puede ser utilizado en aplicaciones J2EE sobre la plataforma WebSphere.

Todas las características están empaquetadas para utilizar en el entorno Eclipse 3.2.1 de igual manera que hay una distribución para desarrolladores no-Eclipse.

AJAX para la plataforma IBM WebSphere incluye:

  • Toolkit Dojo
  • Librerias JSON4J
  • Web Pub Sub Bridge for AJAX
  • 4 ejemplos

Además podemos encontrar una version offline de la versión borrador del "DOJO Book".

Las plataformas de servidor soportadas son AIX®, HP-UX, Linux, Solaris, Windows, z/OS,... y dentro de la plataforma cliente Intenet Explorer 5.5/6 y Mozilla FireFox 1.5 (y superiores).

Puedes informarte del "Early Access Program" de AJAX

Vía: AjaxianSimilar Posts:

]]> http://lineadecodigo.com/noticias-web/ajax-en-la-plataforma-ibm-websphere/feed/ 0 Hola Mundo en DOJO http://lineadecodigo.com/dojo/hola-mundo-en-dojo/ http://lineadecodigo.com/dojo/hola-mundo-en-dojo/#comments Mon, 01 Jan 2007 01:00:28 +0000 Víctor Cuervo http://lineadecodigo.com/2007/01/01/hola-mundo-en-dojo/

DOJO es un toolkit open source DHTML (Dynamic HTML) escrito en JavaScript. Este toolkit se compone de un conjunto de librerias al estilo Java. Su idea es la de abstraer al desarrollador de las complejidades del DHTML y de las discrepancias existentes entre navegadores, que hacen que el código JavaScript a utilizar sea diferente.

Algunas de las características que tiene son:

  • Maneja incompatibilidades entre navegadores
  • Soporte AJAX
  • Oculta el manejo del XMLHttpRequest
  • Soporte de backward, forward y soporte de bookmarks.
  • Sistema de eventos orientado a aspectos
  • ...

Lo primero que tenemos que hacer es descargarnos el toolkit DOJO. Esto es un fichero ZIP que deberemos de descomprimir en nuestro directorio de trabajo.

Los ficheros del toolkit DOJO lo descomprimiremos en /HolaMundo/js/dojo.

Nuestro ejemplo Hola Mundo en DOJO es una página web. Es por ello que crearemos un fichero HolaMundoDOJO.html con la estructura de un documento HTML.

<HTML>
<HEAD><TITLE>Hola mundo con DOJO</TITLE></HEAD>
<BODY>
<H1>Hola mundo con DOJO</H1>

</BODY>
</HTML>

Dentro del documento HTML, la primera línea a incluir es la que carga el toolkit DOJO. Esto lo haremos con la siguiente línea de código:

<script type="text/javascript" src="js/dojo/dojo.js"></script>

La cual carga el fichero dojo.js.

Una vez que tenemos inicializado el toolkit DOJO podemos empezar a añadir elementos. La idea es poner un botón el cual al pulsarle nos salude con la famosa frase de "Hola Mundo".

Los componentes de DOJO están modelizados con Widgets. Y a estos widgets les podemos asociar eventos. Todos estos comportamientos están en las librerias dojo.widget y dojo.event. Es por ello que deberemos de instanciarlas. Esto lo conseguimos con el método requiere del objeto dojo.

dojo.require("dojo.widget.*");
dojo.require("dojo.event.*");

Si solo tuviesemos pensado utilizar el widget button podríamos haber importado directamente la librería dojo.widget.button.

Ahora añadiremos el widget a nuestra página. Para añadir un widget de tipo botón bastará con añadir la siguiente línea de código:

<button dojoType="Button" widgetId="botonSaludo">Hola Mundo!</button>

Esto hará que nuestra página muestre un botón. Pero dicho botón todavía no tiene comportamiento. El comportamiento se lo daremos asociandole un evento a dicho botón.

Los eventos son controlados por la librería dojo.event. Para asociar un evento a un botón deberemos de usar el método dojo.event.conect(widget, evento, funcion). Este método recibe tres parámetros:

  • widget, es el widget al que queremos asociar el evento.
  • evento, evento que queremos controlar.
  • función, función javascript asociada al comportamiento del evento

El asociar el comportamiento al botón lo haremos de la siguiente forma:

var botonSaludo = dojo.widget.byId('botonSaludo');
dojo.event.connect(botonSaludo, 'onClick', 'saludo');

Como podemos apreciar en este código, lo primero que se hace es obtener la referencia sobre el widget a controlar. Esto se hace mediante el widgetId. En nuestro ejemplo "botonSaludo".

Este código hay que ejecutarlo al incializarse la página. A si que deberemos de ejecutarlo en el onLoad del documento. Quedándonos el código de la siguiente forma:

function init() {
  var botonSaludo = dojo.widget.byId('botonSaludo');
  dojo.event.connect(botonSaludo, 'onClick', 'saludo')
}

dojo.addOnLoad(init);

Una cosa que dejabamos de lado es que le hemos asociado al onClick la función saludo. Es por ello que tiene que existir dicha función en nuestro documento.

function saludo() {
  alert('Hola Mundo!!!');
}

Todo el código nos quedaría de la siguiente forma:

<html>
<head><title>Hola Mundo</title>

  <script type="text/javascript" src="js/dojo/dojo.js"></script>
  <script type="text/javascript">

    dojo.require("dojo.widget.*");
    dojo.require("dojo.widget.Button");
    dojo.require("dojo.event.*");

    function saludo() {
      alert('Hola Mundo!!!');
    }

    function init() {
      var botonSaludo = dojo.widget.byId('botonSaludo');
      dojo.event.connect(botonSaludo, 'onClick', 'saludo')
    }

    dojo.addOnLoad(init);

</script>

</head>
<body>

<button dojoType="Button" widgetId="botonSaludo">Hola Mundo!</button>

</body>
</html>

Podéis encontrar más información, en ingles, en: http://dojo.jot.com/WikiHome/HelloWorldSimilar Posts:

]]> http://lineadecodigo.com/dojo/hola-mundo-en-dojo/feed/ 25