JavaScript

Estás viendo los artículos de ZonaMasters - Recursos para webmasters correspondientes a la categoría JavaScript.

Div con scroll

Si quieres una implementación elegante para realizar un scroll en una capa div, puedes hacerlo con la librería desarrollada en DYN-WEB, que te permite desplazamiento onmouseover, onmousedown, onmousewheel, o deslizamiento onclick, desplazamiento vertical u horizontalmente , las barras de desplazamiento pueden ser creadas usando los gráficos que elijas y muchas más opciones.

Descargar div con scroll

Escrito por Niko el 28 de Junio de 2009 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y JavaScript.

Como cargar jQuery desde Google

Si deseas cargar este framework de Javascript desde el servidor de Google y así no consumir ancho de banda, puedes hacerlo desde hace tiempo con la sección que abrieron los de Google para API de bibliotecas de AJAX, sin duda te recomiendo que la visites, porque encontrarás otras librerias de javascript que podrás cargar desde su servidor como son:

  • jQuery
  • jQuery UI
  • Prototype
  • script.aculo.us
  • MooTools
  • Dojo
  • SWFObject
  • Yahoo! Biblioteca de interfaz de usuario (YUI)

Para cargar jQuery pon:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>

Escrito por Niko el 28 de Junio de 2009 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript.

Abierto un Foro de Webmasters (BETA)

Pues desde hace unos días estamos iniciando un foro de webmasters en:

http://foro.zonamasters.com/

Espero que sirva de ayuda y para informaros de las últimas novedades del mundillo del webmaster. Ahora mismo está en BETA, por lo que los registros están dehabilitados pero esperamos en breve poder abrirlo, mientras tanto os dejo una recopilación de temas bastantes interesantes:

Alojamiento Web

CSS

JavaScript

AJAX

Aplicaciones Web

Posicionamiento Web

Veamos que tal sale el experimento y que todo el mundo pueda participar ;)

Escrito por Niko el 30 de Octubre de 2008 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y CSS y General y Herramientas Webmasters y JavaScript y Posicionamiento Web.

Cabeceras dinámicas con JavaScript

Una forma de darle un aspecto más dinámico a nuestra página, sería mediante el uso de código JavaScript para generar, por ejemplo, cabeceras dinámicas. Cada vez que un visitante entre a nuestra página le aparecerá una imágen distinta y para ello debemos insertar el siguiente código dentro de la etiqueta “head” del código HTML o dentro de una etiqueta “style” para que se elija la cabecera aleatoria:


<script type=";text/javascript">

img = new Array(6)
img[0] = "http://URL_imagen1.jpg";
img[1] = "http://URL_imagen2.jpg";
img[2] = "http://URL_imagen3.jpg";
img[3] = "http://URL_imagen4.jpg";
img[4] = "http://URL_imagen5.jpg";
img[5] = "http://URL_imagen6.jpg";
aleat = Math.random() * (img.length);
aleat = Math.floor(aleat)document.write('');
document.write('#header { background-image: url(' + img[aleat] + ') !important }');
document.write('');

</script>

El uso del código JavaScript es bien sencillo. Primero se declara el array (importante indicar el tamaño) que contendrá todas las imágenes que queremos utilizar para la cabecera, después mediante una función matemática se genera una posición aleatoria del array y por último el código JavaScript escribirá el código CSS pertinente con el que se obtendrá la imagen que haya sido seleccionada.

Escrito por julio.soler el 30 de Junio de 2007 con 2 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Diseño Web y Herramientas Webmasters y JavaScript y Recursos Webmasters.

Qué es Ajax?

Muchas veces hablamos de ajax pero en realidad no sabemos como funciona, cual es la diferencia y cuales son sus beneficios.

Es por eso que decidí poner una breve explicación de todo esto.

Comencemos por saber que significa AJAX.- AJAX, acrónimo de Asynchronous JavaScript And XML (en inglés JavaScript y XML asíncronos).

AJAX es una técnica que se usa para el desarrollo de webs, sirviendonos para crear aplicaciones más interactivas, lo mejor de esto es que no necesita recargar completamente la web ya que utiliza:

  • HTML con hojas de estilos (CSS) para mostrar la web.
  • Document Object Model (DOM) y JavaScript interactuando más dinámicamente con los datos
  • XML y XSLT sirviendo para intercambiar y manipular los datos

No es considerado un lenguaje de programación, puesto que reune diversos lenguajes para poder obtener una nueva tecnología que nos sirve para el desarrollo de aplicaciones web.

VENTAJAS

  • No se necesita recargar las páginas en el envio de información´
  • Permite la reconfiguracion de la página, mostrando los datos instantáneamente.

DESVENTAJAS

  • Código oculto tras JavaScript, impidiendo a buscadores la indexación de los contenidos 
  • Se necesitará un mapa de sitio para que no pase lo de el anterior punto.
  • Los usuarios pueden no estar acostumbrados a que la página no recargue, pensando que su solicitud no ha sido enviado o que no funcione.
  • Requiere de muchas librerías Javascript, haciendo lento la carga.

Un link más sobre AJAX

Escrito por AlmiuX el 27 de Junio de 2007 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Programacion Web.

9 fallos que hacen que Google no te indexe

Me encontre con esta buena nota, en la cual nos dicen 9 fallos que pudieramos tener, para que google no nos indexe, checalos y procura no hacerlos:

  1. Javascript: los buscadores no siguen los enlaces javascript.
  2. Enlaces de imagenes. Cuando contienen javascript y no están desarrollados por CSS.
  3. Pop-ups: desarrollados mediante Javascript.
  4. Combos, los menus realizados por combos, select.
  5. Enlaces en etiquetas NOSCRIPT: debido al abuso de esta etiqueta por parte de spammers, los buscadores no le hacen caso.
  6. Frames: Google ha penalizado su uso.
  7. Java: no puede acceder a su contenido ni ejecutarlos.
  8. Flash: los motores de búsqueda no los tratan.
  9. Mapas de imagenes.

Al parecer lo que más no indexan los buscadores es el Javascript

Visto en: Sentidoweb

Escrito por AlmiuX el 16 de Mayo de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre General y JavaScript y Posicionamiento Web.

Disponible script.aculo.us 1.7 beta 1

script.aculo.us

La conocida librería JavaScript script.aculo.us cuenta con una nueva versión 1.7, la cual podemos disfrutar desde ayer que fue lanzado el beta 1 en su blog oficial.

La nueva funcionalidad añadida es Morph, que permite estilos basados en CSS, disponen de una web con 3 ejemplos con un elemento, un efecto y una trasformación empleado las nuevas posibilidades de script.aculo.us.

Visto en Ajaxian

Escrito por rankhispano el 22 de Noviembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript.

Realza el estilo de tus formularios con Javascript

formularios con Javascript

El uso de Javascript para realzar el estilo de nuestro blog o web, cada vez se hace más necesario. Es el caso de los formularios. ¿A quien no le llama la atención rellenar un formulario bien hecho y atractivo a la vista?. Pues desde Java Script Examples nos traen algunos ejemplos de como darles vida a los checkboxes, hacer checklist desplazables mediante un scroll, utilizar JotForm, etc.

Enlace: JavaScript Examples forms with JavaScript
Vía: aNieto2k

Escrito por rankhispano el 21 de Noviembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript.

Crossfading de CSS

En la web mikeomatic.net podemos ver un simple ejemplo de las transiciones de un texto a otro gracias a la mezcla de la tecnologia Javascript con CSS, ver ejemplo.
Crossfading de CSS
Via | Fundidos con CSS y Javascript - Crossfading

Escrito por rankhispano el 25 de Septiembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y JavaScript.

Mootools - Nueva libreria de AJAX

mootoolsUna librería que podras emplear para hacer más interacticas y animadas tus webs. Descargandote un sencillo paquete podrás imlpementarlas en tu web y crear efectos impresionantes e impactantes para dejar alucionados a tus visitantes, si deseas ver más sobre esta libreria entra en MOOTOOLS.
Via BaluArt | Anieto2k

Escrito por rankhispano el 16 de Septiembre de 2006 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Recursos Webmasters.

Artículos más antiguos »