→ 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>
Artículos
→ Java →

Saber si existe un fichero con Java

Creado: 09/Feb/2007 Actualizado: 03/Jun/2015

Por nuestro bien, cuando estamos trabajando con ficheros, deberíamos de validar la existencia o no del fichero o directorio con el que vamos a trabajar. Ahora, que hay mucho lanzado en esta vida, que puede pensar que que más da.

Claro, que si instanciamos la clase File, en Java, con un fichero que no existe y por ejemplo, intentamos recuperar el tamaño del mismo, no nos vamos a llevar ninguna desagradable sorpresa de que salte una excepción y nos desmonte el «chiringuito».

Pero, como más vale prevenir que curar, en primer lugar instanciaremos la clase File con el path que queramos investigar:

String sFichero = "c:\misficheros\fichero.txt";
File fichero = new File(sFichero);

Solo nos quedará invocar al método exits() para conocer si existe o no el fichero instanciado:

if (fichero.exists())
  System.out.println("El fichero " + sFichero + " existe");
else
  System.out.println("Pues va a ser que no");

Código Fuente

Descárgate el código fuente de Saber si existe un fichero con Java
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ ASP →

Borrar un directorio en ASP

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

El borrado de un directorio consiste en una operación muy similar al borrado de un fichero. Si para este segundo usamos en ASP la función DeleteFile, para borrar un directorio en ASP usaremos la función DeleteFolder.

Los argumentos que reciben ambas funciones son exactamente los mismos:

  • Nombre del Directorio, el cual queremos borrar.
  • Obligatoriedad, el directorio se borrará incluso si el directorio es de solo lectura. Por defecto este valor está a false.

En el caso de que intentemos borrar un directorio que no exista se generará un error. Es por ello que es aconsejable usar el método FolderExists que nos indique si el directorio existe.

Veamos como sería el código:

<%

 Dim sDirectorio
 sDirectorio = "c:\\temp\\victor"

 Set fso = Server.CreateObject("Scripting.FileSystemObject")

 if (fso.FolderExists(sDirectorio)) then
  fso.DeleteFolder sDirectorio,true
  Response.Write "Borrado el directorio" & sDirectorio    
 else
  Response.Write "No existe el directorio" & sDirectorio
 end if

%>

Esto lo deberemos de guardar como un fichero BorradoDirectorio.asp

→ Noticias Web →

BEA WebLogic 10 con GlassFish

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

Hace unas semanas podíamos leer en el blog de Jaime Cid que el servidor de aplicaciones BEA WebLogic 10 incluye el servidor GlassFish.

Tanto SUN, como era lógico, como SAP habían obtenido la certificación Java EE 5. Ahora tocaba el turno a BEA con su WebLogic 10. Lo curioso en el caso de BEA es que el código utilizado para la certificación es el del propio GlassFish (o parte de él).

La licencia CDDL permite que se puedan hacer cosas como estas con el código Open Source. BEA lo que está haciendo es utilizar este código haciendo que tenga mayor espectro de test y ampliando sus funcionalidades, todo quedando con la licencia CDDL.

Parece que tanto Oracle, como JBoss están cerca de la certificación. IBM, desaparecido en combate. Aunque seguro que al final nos acaban sorprendiendo.

Vía: Blog Jaime Cid

→ Eventos →

AJAX Programming (with Passion!)

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

18-week «Free» AJAX Programming (with Passion!) Online Course iniciará su segunda sesión el próximo día 12 de febrero de 2007.

Este curso gratuito durará 18 semanas y será impartido por el ingeniero de SUN, Sang Shin. El él, se verán los siguientes temas:

Para inscribirte puedes ir a la página de AJAX Programming (with Passion!) y simplemente tendrás que inscribirte en su lista de correo.

Aquellos estudiantes que acaben el curso recibirán un certificado «no-oficial» así como el reconocimiento en la web de Sang Shin, Java (with Passion!)

→ Prototype →

Deshabilitar formulario con Prototype

Creado: Actualizado: 16/Dic/2025

Prototype es un FrameWork JavaScript que nos permite crear aplicaciones que usen JavaScript y el DOM de las páginas web de una forma muy sencilla. Una de las utilidades que nos ofrece es el objeto Form, mediante el cual podemos manipular el comportamiento de los formularios. Por ejemplo dehabilitar y habilitar el formulario.

Lo primero que deberemos de hacer es crear una página HTML con un formulario. No vamos a entrar muy en detalle, ya que asumo que no debería de ser muy complejo el crear un formulario en HTML. Si aún así te ves en dificultades de codificar un formulario HTML, puedes leerte los artículos sobre Formularios en HTML.

Pero veamos el código del formulario:

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

Una cosa muy importante sobre este formulario, y que necesitaremos posteriormente, es el ID del formulario, su nombre. En este caso hemos llamado al formulario «peticion».

Para poder usar Prototype simplemente tenemos que hacer dos cosas:

Para instanciar el framework de Prototype, simplemente deberemos de incluir la librería prototype.js dentro de nuestra página HTML. En concreto, deberá ir dentro de la cabecera de la página, es decir dentro de las etiquetas <HEAD>. La línea de código será la siguiente:

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

Una vez instanciado el framework de Prototype pasaremos a utilizar el objeto Form. Este objeto se utiliza en Prototype para manejar los formularios.

Los métodos para habilitar y deshabilitar el formulario son .enable(IDFormulario) y .disable(IDFormulario). Es por ello que solo deberemos de codificar esto dentro de un código script.

En nuestro caso crearemos un segundo formulario con dos botones, cuyo código será el que deshabilite y habilite el primer formulario. Veamos como sería el código:

<form id="control">
<input type="button" value="Deshabilitar" onClick="Form.disable('peticion');"/>
<input type="button" value="Habilitar" onClick="Form.enable('peticion');"/>
</form>

Como veis en el código, el ID de formulario que se pasa es el nombre del primer formulario, «peticion».

Artículos
→ HTML →

Símbolo del Euro en HTML

Creado: 03/Feb/2007 Actualizado: 25/Ago/2021

Si estamos haciendo una web donde tengan que aparecer cantidades monetarias, es muy posible que tengamos la necesidad de insertar la moneda euro (€). Sobre todo si estás desarrollando una web dentro de la Comunidad Economica Europea (EU), ya que dentro de ella el euro es su moneda oficial.

En este caso debes de saber varias cosas. La representación del euro puede hacerse de varias formas:

  • Mediante su símbolo (€)
  • Mediante su abreviatura oficial EUR

En el caso del símbolo tenemos dos métodos para llevar a cabo su representación dentro de una página HTML.

El primero es mediante su código de carácter, que es el 8364. En este caso la representación dentro de la página web debería de ser la siguiente:

El símbolo del euro es €

La otra opción es utilizar una entidad. La entidad del euro es &euro;. La línea de código sería la siguiente:

El símbolo del euro es €

El resultado en ambos casos es el mismo:

El símbolo del euro es €

Una buena web para leer más sobre el simbolo del euro es Wikipedia

Código Fuente

Descárgate el código fuente de Símbolo del Euro en HTML
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Test HTML