→ Software →

JSEclipse

Creado: 10/Feb/2007 Actualizado: 27/Ago/2021

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

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.

Artículos
→ Accesibilidad Web,Eventos →

Curso on-line de Accesibilidad Web

Creado: Actualizado: 22/Jun/2014

La Fundación Instituto de Ciencias del Hombre desarrolla el Curso de Accesibilidad Web dirigido a profesionales de las TIC en el área de Accesibilidad de Páginas Web en España.

Este curso está enmarcado en el Programa Forintel conjuntamente con Ministerio de Industria, Turismo y Comercio y la Comunidad Económica Europea.

Los contenidos de este curso se dividen en 4 unidades didácticas:

  • Concepto de discapacidad y revisión de los distintos tipos de discapacidad y su problemática para el acceso al ordenador en general y a Internet en particular
  • Concepto de ayuda técnica. Ayudas técnicas más usuales para el acceso al ordenador
  • Pautas de accesibilidad al contenido de la red
  • Puntos de validación y herramientas de validación

Para poder acceder al curso se tienen que cumplir una serie de pre-requisitos:

  • Ser un profesional del sector de Nuevas Tecnologías con responsabilidad directa en la programación y/o diseño de páginas web.
  • Ser un trabajador en activo y con alta en cualquiera de los Regímenes de la Seguridad Social
  • No pueden participar trabajadores de las Administraciones Públicas (funcionarios, personal laboral,….)

Su duración es de 40 horas y se imparte en modalidad on-line. El curso es gratuito.

La pre-inscripción está abierta hasta el 28 de febrero de 2007.

Más información sobre el curso de Accesibilidad Web.

Artículos
→ Prototype →

Obtener elemento de un formulario con Prototype

Creado: Actualizado: 06/Feb/2025

Muchas de nuestras páginas van a tener un formulario. Ya que esta es la forma estándar de obtener datos del usuario en un entorno web. A la hora de recuperar la información de dicho formulario nos tenemos que apoyar en el código JavaScript.

Si utilizamos código JavaScript estándar, deberemos considerar múltiples escenarios dependiendo del navegador y su versión correspondiente. Esto puede hacer que el código a escribir sea complejo en su edición y en su mantenimiento.

Para ello, el framework de Prototype nos proporciona la sencilla función $F. Dicha función recibe como parámetro el ID de uno de los elementos del formulario y nos devuelve el valor que se haya introducido en el campo del formulario.

$F("IDElementoFormulario")

Lo primero que haremos será construir una página HTML con un formulario dentro. Usaremos un formulario tipo con el que ya hemos trabajado en anteriores ocasiones.

Veamos cómo sería su código:

<form id="peticion">
  Nombre:<input id="nombre" type="text"><br>
  Apellido: <input id="apellido" type="text"><br>
  <input name="genero" type="radio" value="Hombre">Hombre
  <input name="genero" type="radio" value="Mujer">Mujer
</form>

Es un formulario HTML muy simple con dos campos de texto para el nombre y apellido y otro de tipo «radio» para obtener el género de la persona.

Para utilizar Prototype hay que instanciar su librería prototype.js. Para hacerlo utilizaremos la siguiente línea de código en la cabecera de la página web:

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

En nuestro ejemplo vamos a recuperar el valor que haya insertado dentro del campo «nombre» del formulario. Entonces, el código de Prototype que necesitamos será el siguiente:

$F("nombre")

Importante que el identificador utilizado dentro de la función $F tiene que coincidir con el identificador del atributo ID del campo del formulario.

Este valor lo vamos a mostrar en un mensaje emergente cuando pulsemos un botón de validación. Es por ello que el código que se necesita es el siguiente:

<input type="button" value="Obtener nombre">
Artículos
→ Prototype →

Acceder a elementos con Prototype

Creado: Actualizado: 25/Ene/2025

Podríamos decir que la característica principal del framework Prototype es la facilidad de acceder a un elemento de la página web. Prototype nos proporciona una forma unificada de acceso a los elementos de forma independiente al navegador que estemos utilizando.

Para ello Prototype utiliza la función $. El manejo de dicha función es muy sencillo, ya que esta recibirá el ID del elemento al que queramos acceder.

$("idElemento")

Para mostrar el funcionamiento de esta función vamos a acceder al contenido de una imagen que haya dentro de la página HTML.

Lo primero, crear la página con una imagen. Y, claro, dar un ID a dicha imagen. Veamos como sería este primer código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Obtener referencia a un elemento con Prototype</title>
</head>
<body>

<img src="img/prototype.png" id="imagen"/>

</body>
</html>

Muy sencillo de hacer con el elemento <IMG>

El siguiente paso será el cargar el framework Prototype. Para ello simplemente hay que cargar la librería prototype.js en la cabecera de la página.

<head>
<script type="text/JavaScript" src="prototype/prototype.js"></script>
</head>

Y ahora solo nos quedará el utilizar al función $. El parámetro será el ID de la imagen. En este caso el ID que le hemos dado a la imagen es «imagen».

Veamos como sería la línea de código para utilizarlo.

<script>document.write($("imagen").src);</script>