Funcion join() en JavaScript /*Array.join(string);*/

La funcion join(); pertenece a la clase array y nos sirve para unir todos los elementos de un array (Vector) en una sola cadena de texto. Es todo lo contrario de la funcion split().

Ejemplo:
>script type="text/javasript"<
var anim_separados = ['Perro','Gato','Conejo','Raton','Pajaro'];

// Pegamos los elementos del array separándolos con una coma y un espacio
var anim_pegados = anim_separados.join(", ");
// Imprimimos el resultado
alert(anim_pegados);

Metodos prompt(), confirm() y alert() de la clase Window en JavaScript

Estos tres metodos pertenecientes a la clase window despliegan ventanas modales al usuario, cada una de ellas con una funcion especifica.
prompt(), despliega una ventana con un campo de texto, normalmente se utiliza para pedir datos al usuario.
confirm(), mostrara un cuadro de dialogo de confirmacion de operaciones, usualmente lo utilizamos con el texto "Esta seguro que..." o "Seguro que desea...". Este  metodo devuelve un valor booleano deacuerdo a lo respondido por el usuario.
alert(), despliega una ventana con un mensaje que quisieramos darle al usuario.

Ejemplo:
<script type="text/javascript">
var post = prompt("Por favor digite su Codogo Postal");
// Pedimos confirmación
if (confirm("¿Seguro que su Codigo Postal es "+post+"?"))
{
// Respuesta: si
alert("Listo, hemos ingresado tu codigo postal "+post+" correctamente");
}
else
{
// Respuesta: no
var post = prompt("Por favor digite su Codogo Postal");
}

Ejemplo función split() /*Array.split()*/ en JavaScript

La función split() es un método del objeto Array, y sirve para dividir una cadena de texto en un array tomando como divisor uno o varios caracteres.

Ejemplo:
<script type="text/javascript">
var anim_pegados = "Perro, Pollo, Leon, Gato, Serpiente";
var anim_separados = anim_pegados.split(", ");
//imprimimos todos los elementos del vector
for(var i=0; i<anim_separados.length; i++)
{
document.write(anim_separados[i] + " ");
}
</script>

Ejemplo función Math.random() en JavaScript

En el siguiente Script mostramos un sencillo ejemplo de como sacar numeros aleatorios en función de la solucion de un problema planteado, especificamente el Script genera un mumero aleatorio que despues utilizamos para sacar una imagen al azar de un vector.
El Script es muy sencillo solo para que se entienda la función Math.random(), pero se puede modificar a su gusto y automatizar mucho más las funciones del Script.

<script language="JavaScript" type="text/javaScript">

function iRandom()
{
imagenes = new Array;
imagenes[1] = "imagen1.jpg";
imagenes[2] = "imagen2.jpg";
imagenes[3] = "imagen3.jpg";
imagenes[4] = "imagen4.jpg";
imagenes[5] = "imagen5.jpg";
var r = Math.round(Math.random()*5);
document.aleatoria.src = imagenes[r];
}
</script>

En el Body:

<p align="center"><img src="imagen1.jpg" name="aleatoria" height="500" width="500"></p>
<form>
<input type="button" name="cambiar" value="Cambiar" onClick="iRandom()">
</form>

Hola Mundo! en tu celular [en Java ME]

import javax.microedition.midlet.*;
import javax.microedition.lcdui.*;

public class HolaMundo extends MIDlet implements CommandListener
{
  private Command exitCommand; 
  private Display display;
  private Form screen;
  public Hola Mundo()
 {
    // Obtenemos el objeto Display del midlet.
    display = Display.getDisplay(this);
    // Creamos el comando Salir.
    exitCommand = new Command("Salir", Command.EXIT,2);
    // Creamos la pantalla principal (un formulario)
    screen = new Form("Hola Mundo");
    // Creamos y añadimos la cadena de texto a la pantalla
    StringItem saludo = new StringItem("","Hola Mundo...");
    screen.append(saludo);
    // Añadimos el comando Salir e indicamos que clase lo manejará
    screen.addCommand(exitCommand);
    screen.setCommandListener(this);
  }
public void startApp() throws MIDletStateChangeException
{
  // Seleccionamos la pantalla a mostrar
  display.setCurrent(screen);
}
public void pauseApp()
{
}
public void destroyApp(boolean incondicional)
{
}
public void commandAction(Command c, Displayable s)
{
// Salir
if (c == exitCommand)
{
  destroyApp(false);
  notifyDestroyed();
}
}
}

Que son los archivos JAD?

Los archivos JAD se crean a partir de los archivos JAR utilizando IDEs de Programacion Java como Eclipse o Netbeans o tambien lo podemos creandolos manualmente por linea de comandos. 
Un archivo JAD es un Launcher o un Lanzador de una aplicacion JAR, contiene la ruta del archivo JAR del cual fue creado. Ademas de eso tambien contiene muchos mas datos del archivo JAR como por ejemplo:

El nombre.

La versión.

El autor o fabricante.

Ubicacion del icono dentro del fichero.

El tamaño

La categoria donde esta inchido (Juego, Aplicacion, Etc.)

Crear el reflejo de una imagen con JavaScript

<center>
<!--Cambia la siguiente imagen a tu gusto-->
<img id="reflejo" src="La direccion de tu imagen"><br>

<script language="JavaScript1.2">
function rf()
{
setInterval("mdiv.filters.wave.phase+=10",100);
}

if (document.all)
{
document.write('<img id=mdiv src="'+document.all.reflejo.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1
}

</script>
</center>

Titulo en Movimiento para tu Web con JavaScript

Cambia el titulo estatico de tu web y pon uno mas llamativo. copia el siguiente script y modificalo a tu gusto.


<SCRIPT LANGUAGE="JavaScript">

var texto=".::::avaJavier::::. Para Programadores en Java :::::::::::::: .::::avaJavier Codigos::::. Codigos Java, JavaScript, PHP, JavaFX :::::::::::::: ";

var esperar = 110;
var actulizar = null;
function titulo_animado()
{
document.texto=texto;
texto=texto.substring(1,texto.length)+texto.charAt(0);
actulizar=setTimeout("titulo_animado()",esperar);
}
titulo_animado();

</SCRIPT>

Traducir Nombres a Direcciones de Internet con Java

Este applet traduce un hostname a una dirección ip. Por ejemplo resuelve www.tudominio.com a 127.0.0.1, suponiendo que esa sea la IP a la que apunta ese dominio.

Lookup.java

import java.awt.*;
import java.net.*;

/*
* la clase de la aplicación
*/
public class Lookup extends Frame {

/*
* campo de texto para el nombre del host
*/
TextField nameField;

/*
* campo de texto para visualizar el nombre de la dirección de internet
*/
TextArea addrArea;

/*
* instancia de InetAddress necesaria para la conversión de nombre a dirección
*/
InetAddress inetAddr;

/*
* punto de inserción en el área de texto de la dirección de internet
*/
int insertIndex;

/*
* el constructor crea la interface de usuario
*/
public Lookup () {

super ("Lookup");

setLayout (new BorderLayout ());

Panel editPanel = new Panel ();
editPanel.setLayout (new BorderLayout ());
editPanel.add ("North", new Label ("Nombre del host"));
nameField = new TextField ("", 32);
editPanel.add ("Center", nameField);

add ("North", editPanel);

Panel areaPanel = new Panel ();
areaPanel.setLayout (new BorderLayout ());
addrArea = new TextArea ("", 24, 32);
addrArea.setEditable (false);
areaPanel.add ("North", new Label ("dirección de Internet"));
areaPanel.add ("Center", addrArea);

add ("Center", areaPanel);

insertIndex = 0;

resize (300, 200);
show ();
}

/**
* manipulación de evento de teclado (tecla retorno)
* traducción de nombre a dirección e imprime en el área de texto
* @param evt - evento
* @param arg - objeto que recibe el evento
*/
public boolean action (Event evt, Object arg) {

if (evt.target.equals (nameField)) {
String name = nameField.getText ();
try {
inetAddr = InetAddress.getByName (name);
String str = inetAddr.toString () + "\n";
addrArea.insertText (str, insertIndex);
insertIndex += str.length ();
} catch (UnknownHostException ex) {
String str = name + "/ No es un host\n";
addrArea.insertText (str, insertIndex);
insertIndex += str.length ();
}

return true;
}
return false;
}

/**
* punto de entrada de la aplicación
* @param args - argumento de la línea de mandatos
*/
public static void main (String args[])
{
new Lookup ();
}
}

El método action es dónde se utiliza el objeto inetAddr para realizar la traducción.

Instalar Java en Linux

Java es una tecnología que revolucionó muchos aspectos de la computación, al abrir la posibilidad de aplicaciones independientes de la plataforma de ejecución. Linux es una de las tantas plataformas, donde, aplicaciones java puede ser ejecutadas por una JVM.

Una de esas aplicaciones es LimeWire 2.4, un cliente GNUtella que permite compartir archivos entre computadoras independientemente de un servidor, este tipo de conexiones llamadas peer to peer (p2p) permite acceder a una amplia colección de archivos con millones de usuarios que se conectan diariamente a ella. LimeWire se puede instalar solo si se tiene instalado una JVM, por desgracia Linux Mandrake no incluye una instalación por defecto en su distribución, pero afortunadamente no es difícil realizar la instalación.

Lo necesario

Debes tener el archivo de instalación del Java 2 Runtime Environment (j2re), este archivo llamado j2re-1_6_1_01-linux-i586-rpm.bin es el que debes bajar. La versión puede variar por lo que puede llamarse j2re-***-linux-i586-rpm.bin o algún nombre parecido. Al ejecutarlo se extrae el archivo .rpm. Recuerda que puede hacer falta cambiar los permisos para poder ejecutarlo. (chmod 777 arcivo)

¿Cómo se instala?

Para poder instalar correctamente el paquete, debes desinstalar el programa kaffe que viene con KDE en Linux Mandrake, si es que lo tienes instalado.

$ urpme kaffe

una vez desinstalado kaffe debes instalar el RPM de java

$ rpm --install j2re-1_6_1_01-linux-i586-rpm

posteriormente debes crear un archivo que se llame java.sh en el directorio /etc/profile.d/ que contenga lo siguiente:

JAVA_HOME=/usr/java/j2re1.4.1_01

export JAVA_HOME

PATH=$PATH:$JAVA_HOME/bin

export PATH

teniendo en cuenta la ruta en donde se instale la versión del j2re que puede variar según la versión. Debes también hacer este archivo ejecutable cambiando los permisos con el comando:

$ chmod 755 java.sh

Una vez hecho esto puedes comprobar la correcta instalación de java con el siguiente comando:

$ java -version

Si tu resultado es similar al anterior entonces el j2re esta funcionando correctamente. Aun más si bajas el LimeWare y ejecutas el archivo de instalación notarás que funciona correctamente, cosa que no ocurre cuando tu Linux Mandrake carece del cliente de Java.

Configurando otras aplicaciones

Konqueror también puede sacar provecho de la instalación de java y lo único que tienes que hacer es ir al menú

Opciones - Configurar Konqueror

Seleccionar el icono del navegador que dice "Konqueror Browsing" y seleccionar la ceja con nombre Java. En la casilla que muestra la leyenda "Activar Java Globalmente", asegúrate de seleccionarla y en la parte inferior debes indicar la ruta del cliente, en la casilla "Ruta al ejecutar java, o 'java':

/usr/java/j2re1.6.1_01/bin/java

Haces click en Aceptar y podrás ejecutar alguna applet java en tu navegador, lo que significa que muchos chats basados en Java podran funcionar en tu navegador Kobqueror, así como muchas otras applets y páginas que utilicen esta tecnología.

Sacudir la pantalla con JavaScript

En este bloque de Codigo te enseñamos como hacer un divertido efecto terremoto en tu blog o tu pagina Web.

Solo copia el siguiente codigo:

<script language="JavaScript1.2"> function sacudir_xy(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } function sacudir_x(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(i,0); self.moveBy(-i,0); } } } } function sacudir_y(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(0,-i); } } } } </script> <a href="http://www.avajavier-cod.blogspot.com/" onmouseover="javascript:sacudir_ xy ( 10 )" > Sacudir la pantalla</a>

En este script se pueden modificar varias cosas. En primer lugar el evento onMouseOver se puede cambiar por el que más nos interese (onClick, onMouseDown, etc.). También podemos modificar el tipo de "terremoto" que queremos invocar. Los tipos de sacudidas son: sobre las coordenadas xy (izq. der. y arr. abaj.), solo sobre las x o solo sobre las y. Para cambiar de una a otra solo hay que modificar el nombre de la funcion que llamamos con javascript: así, si queremos que el terremoto sea vertical, utilizamos la siguiente: javascript:sacudir_y.

También podemos cambiar la magnitud del terremoto. Para ello solo hay que cambiar el numero que está entre parentesis por el que queramos, para así conseguir un terremoto más largo o más corto.

Generar un Archivo ejecutable con Java

En este articulo explicaremos 2 formas de generar archivos ejecutables en Windows a partir de un archivo Java o de la clase principal de nuestra aplicación.

1. Por medio de Scripts Windows o Archivos .bat

Los script de Windows/MS-DOS se llaman archivos por lotes de MS-DOS, y su extensión es .bat. De este modo solamente tenemos que crear un archivo de este tipo cuya única línea sea la siguiente:

javaw ClasePrincipal

Ya sólo nos queda ejecutarlo con un doble click en el navegador de archivos y se lanzará la aplicación por medio del programa javaw del JDK (deberá estar indicada la ruta de este programa en la variable de entorno PATH). También podríamos haber usado el programa java.exe. Esta solución tiene un inconveniente: se abre una ventana de MS-DOS muy incómoda. Si usamos el programa javaw.exe esta ventana podrá cerrarse nada más ser lanzada la aplicación y si usamos el programa java.exe sólo podrá cerrarse una vez finalizada la aplicación.

2. Archivos jar

La última y más recomendada posibilidad es la de hacer un archivo jar ejecutable. Los archivos jar permiten introducir todos los archivos necesarios para ejecutar nuestra aplicación (clases, imágens, sonidos, archivos de texto, ...) en uno solo con la posibilidad de comprimirlos. Pero además ofrecen otras posibilidades, entre las que se encuentra la posibilidad de añadir información adicional: versión del programa, quién lo ha creado, ... y la que en nuestro caso nos interesa: indicar la clase principal (la que contiene el método main) para poder ejecutarla con el intérprete del JDK (el programa java). Esta información se guarda en un archivo dentro del jar, que se llama MANIFEST.MF cuya ruta dentro del archivo jar será siempre META-INF/MANIFEST.MF. Este archivo es creado por defecto siempre que se crea un archivo jar. Este archivo se puede personalizar, y ahora veremos como:
Para administrar un archivo jar se usa el programa jar del JDK.

A continuación se muestra un ejemplo de cómo crear un archivo jar con las opciones más usuales.

jar cfv MiArchivo.jar Clase1.class Clase2.class Imagen.gif Sonido.au OtrosArchivos

En esta ocasión se ha creado un archivo jar de nombre MiArchivo.jar que contendrá los archivos Clase1.class, Clase2.class, Imagen.gif y Sonido.au y el directorio OtrosArchivos. Como se puede observar en un archivo jar podemos meter cualquier tipo de archivo, incluso directorios. Si exite alguna referencia a archivos dentro de otro directorio estas se mantendrán sin producirse errores ya que la jerarquía de directorios se mantiene dentro del archivo. En el ejemplo se han empleado las opciones c, f y v de la línea de comandos.
Estas opciones y otras se explican a continuación:
c .- Indica que vamos a crear un archivo.
f .- Indica que la salida quieres que vaya a un fichero, y no a la salida estandar.
v .- Indica que quieres obtener información durante el proceso de creación del archivo.
m .- Indica al programa que queremos personalizar el archivo de manifiesto para añadir información adicional.
M .- Indica que no se cree el archivo de manifiesto.
0 .- Indicamos que no queremos que se comprima el contenido del archivo.

Manual Completo de Java

Obtener informacion del Navegador con JavaScript

Con este Script podemos obtener datos como el Nombre del Navegador de donde nos estan visitando, La plataforma en la que esta montado el navegador, si este es compatible con Java y la resolucion de pantalla de nuestro visitante.

<script type="text/javascript">
function informacion_navegador()
{
this.nombre = navigator.appName;
this.codigo_nobre = navigator.appCodeName;
this.version = navigator.appVersion.substring(0,4);
this.plataforma = navigator.platform;
this.javaEnabled = navigator.javaEnabled();
this.pantalla_ancho = screen.width;
this.pantalla_alto = screen.height;
}
var datos= new informacion_navegador()
alert('Nombre del navegador:n'+datos.nombre);
alert('Código: n'+datos.codigo_nobre);
alert('Plataforma: n'+datos.plataforma );
alert('Java: n'+datos.javaEnabled);
alert('Resolución Ancho: n'+datos.pantalla_ancho);
alert('Resolución alto: n'+datos.pantalla_alto);

</script>

Juego Parejas en JavaScript: Codigo Fuente

Un entretenido Juego con el que puedes poner en practicas tus conocimientos de JavaScript y modificar el codigo fuente para cambiarlo a tu gusto.

Descarga el Codigo Fuente
Archivo JuegoParejas.rar
Codigo fuente en un parejas.html
Carpeta con las imagenes necesarias.

Cómo detectar la resolución de la pantalla en JavaScript

<script language="JavaScript1.2"> <!-- document.writeln("<b>Tú resolución es de:</b> " + screen.width + " x " + screen.height +""); //--> </script>

Resultado:

Envia tus Dudas o tus requerimientos de scripts y bloques de codigo Java en avaJavier Codigos

Avajavier Codigos tiene nuevo Gadget en la Barra Lateral "Contacto Directo".
Ahora reciviremos todas tus dudas e inquietudes de programación, daremos respuesta a todos los E-mail que nos envien en un periodo de 24 horas directamante a su correo personal o si se trata de algún requerimiento será publicada en avaJavier Codigos.
Puedes escribirnos para: Solución de problemas con el desarrollo de tus aplicaciones, para explicaciones, por tus requerimientos en codigo Java, Scripts JavaScript, PHP y MySql, Requerimientos de Software para programar o simplemente por dejarnos un comentario o sugerencia. 

Efecto nieve en JavaScript ¡Para Navidad!

Aquí les dejo un codigo para hacer un efecto de nieve a nuestra pagina o blog.
El codigo es:

<script language="JavaScript1.2"> //Configura la URL de la imagen var snowsrc="snow.gif" //Selecciona cuantas imagenes quieres que aparezcan var no = 10; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up||ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><a href="http://dynamicdrive.com/"><img src='"+snowsrc+"' border="0"></a></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" top="15" visibility="show"><img src='"+snowsrc+"' border="0"></layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"> <a href="http://dynamicdrive.com"><img src='"+snowsrc+"' border="0"></a></div> "); } else { document.write("<div id="dot"+ i +"" style="POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;"> <img src='"+snowsrc+"' border="0"></div> "); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", 10); } function snowIE_NS6() { // IE and NS6 main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth : document.body.clientWidth; doc_height = ns6up?window.innerHeight : document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); } } setTimeout("snowIE_NS6()", 10); } if (ns4up) { snowNS(); } else if (ie4up||ns6up) { snowIE_NS6(); } </script>

Podemos utilizar otra imagen cambiando la linea var snowsrc="snow.gif"

Hola Mundo en Java

public class Hola Mundo
{
   public static void main (String [] args)
   {
      System.out.print("Hola Mundo");
   }
}

Hola Mundo en JavaScript

<SCRIPT LANGUAGE="JavaScript" type="text/javascript"> document.write("Hola Mundo"); </SCRIPT>

Hola Mundo en Java FX

import javafx.ui.*;
Frame
{
title: "Hola Mundo en JavaFX";
content: Label
{
text: "Hola Mundo";
}
visible: true;
}