JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.
Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente dicho, ya que dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.
Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del DOM ( El Document Object Model (una traducción al español para nada literal, pero apropiada, podría ser Modelo en Objetos para la representación de Documentos), abreviado DOM, es esencialmente un modelo computacional a través del cual los programas y scripts pueden acceder y modificar dinámicamente el contenido, estructura y estilo de los documentos HTML y XML. Su objetivo es ofrecer un modelo orientado a objetos para el tratamiento y manipulación en tiempo real (o de forma dinámica) a la vez que de manera estática de páginas de internet.)
Si deseas aprender mas acerca de este lenguaje de programacion para paginas web interactivas, descarga este manual donde aprenderas de una forma sencilla y facil. Tambien en este espacio podras colaborar con codigos y tips relacionados con este muy utilizado lenguaje de programacion web.
Banners aleatorios con JavaScript
Básicamente, el JavaScript guarda en la variable ad un número del 1 al 3 (dependiendo de cuantos banners queramos poner). Y luego mediante una sentencia para comparar (if) comprueba si el valor de esa variable es igual a 1, 2 o 3. Dependiendo del número, va a crear nuevas variables (txt, url, alt, banner, width, y height) con los valores de cada banner. Una vez obtenido todos los valores escribe (mediante document.write) código html con las variables en los lugares que correspondan.
El siguiente script debe ser colocado en cualquier parte de la página donde queremos mostrar los banners:
<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="Ingrese al web de Banner1";
url="http://www.banner1.com";
alt="Banner1.com";
banner="images/banner1.gif";
width="468";
height="60";
}
if (ad==2) {
txt="Ingrese al web de Banner2";
url="http://www.banner2.com";
alt="Banner2.com";
banner="images/banner2.gif";
width="468";
height="60";
}
if (ad==3) {
txt="Ingrese al web de Banner3";
url="http://www.banner3.com";
alt="Banner3.com";
banner="images/banner3.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>
Especificaciones
TXT: es un texto que aparece debajo del banner
URL: la dirección proporcionada por MercadoLibre para linkear el banner
ALT: el texto que aparece al ubicar el mouse sobre la imagen
BANNER: la url del banner
WIDTH y HEIGTH: las medidas del banner (468x60, 120x60, etc.).
Java Script - Aviso de resolucion de pantalla en el navegador
//especifica aqui la anchura y altura (en pixels) recomendada para la pagina
var ancho_recomendado = 1024
var alto_recomendado = 768
//comprobacion y aviso
if(screen.width < ancho_recomendado || screen.height < alto_recomendado)
alert("Esta página ha sido diseñada para verse con una resolución en pantalla de " + ancho_recomendado + "X" + alto_recomendado + " píxeles o superior, pero tu resolución es de " + screen.width + "X" + screen.height + " píxeles. Te recomiendo que cambies tu resolución, o bien registrate y posteriormente accede a Mi cuenta y en la opcion Editar selecciona un tema visual compatible con la resolucion de tu pantalla.")</script>
Especificaciones: Este codigo sirve para detectar la resolucion de pantalla delñ visitante de tu web y presenta un dialogo con un mensaje personalizado como: Tu resolucion de pantalla es de 600x800 te recomiendo uses la de 768x1024. Solo debes configurar las variables de ancho y alto con la resolucion que prefieras.