Elementos dinamicos con jQuery
¿Un sitio web o un blog más dinámica?
Es necesario darle control al usuario. Control como el hecho de decidir que elementos quiere ver y cuales no y se lo podemos otorgar gracias jQuery y un sencillo script gracias a webdesignerwall.
Highlight.js
Se usa para resaltar la sintaxis, es una característica de algunos editores de texto que muestra el texto-sobre todo el código fuente en diferentes colores y tipos de letra de acuerdo a la categoría de los términos.
Esta característica facilita la escritura en un lenguaje estructurado como un lenguaje de programación o un lenguaje de marcas como ambas estructuras y errores de sintaxis son visualmente diferentes.
Añadiendo un boton personalizado a TinyMCE
Es un editor WYSIWYG para HTML de código abierto que funciona completamente en JavaScript y se distribuye gratuitamente bajo licencia LGPL.
Lo podemos descargas de su pagina http://tinymce.moxiecode.com/ la cual esta en su version 3.2.1.
Primero tenemos que agregarla TinyMCE a nuestra aplicacion para ello colocamos la siguiente linea de codigo.
<script type="text/javascript" src="/public/js/tiny_mce/tiny_mce.js"></script>Mostar imagenes de flickr a través de su api con jquery
Flickr es servicio de alojamiento de imágenes y vídeos, que basados en su popularidad, tu seguro ya debes conocer. Vamos a implementar un buscador de imágenes con paginado , Flickr ofrece una API con la cual ponemos buscar, escoger el tamaño de la imagen que queremos mostrar, entre otras funcionalidades.
Para nuestro objetivo nada mejor que jQuery como interfaz para hacer la consulta javascript al servidor de Flick, y le pedimos que nos devuelva la información en formato json, nosotros la recibimos y la parsemos a nuestro criterio.
Debemos de tener una api key para poder acceder a las búsquedas y aquí la podemos sacar.
Mostar videos de youtube a traves de su api con jquery
YouTube una biblioteca de vídeos nos da una API (Interfaz de Programación de Aplicaciones) para poder buscar y visualizar vídeos desde nuestra propia pagina web.
Con esta Api podemos buscar, paginar, sacar contenido como vídeo, url, titulo, autor y poner dentro de una pagina, a qui vamos a mostrar como funciona , a extraer los datos, la paginación y como poder visualizarlos.
El formato con el que nos devuelve la información esta definida de tipo JSON que es un formato ligero para el intercambio de datos.
Introducción a jquery
jQuery es una libreria implemetada en JavaScript la cual nos ahorra complejidad y tiempo en el diseño de nuestras tecnologias, además que es una excelente herramienta para trabajar con ajax y da soporte a multiples browsers, seria una locura trabajar desde 0 en javascript teniendo un excelente framework como este. Luego cubriremos inicialmente también otros frameworks en javascript como Mootools y Scriptaculous.
jQuery consiste en un único archivo JavaScript, que contiene las funcionalidades comunes de DOM, Eventos, Efectos y funciones de AJAX, las cuales pueden ser incluidas dentro de cualquier página web usando la siguiente instrucción:
Para iniciar el jQuery primero debemos descargar la librería de su página , tambien revisen su documentación oficial.
El primer paso sería cargar las librerias de jquery en nuestro archivo html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// Aquí nuestras funciones
</script>
</head>
<body></body>
</html>
DaviZzz... .- n00bs ^^ , CLOWN (menudo nombreciko) tienes razon xD , como se va a poder guardar ¬¬ , Yo tengo una aplicacion que se llama FireBug que permite modificar paginas web pero tampoco se guardan , si t...
raul .- no sirve .. le falta mucho
PcXD .- haber si poneis un ejemplito ........
7 .- 12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567...
cusco .- buen material solo seria bueno ver un ejemplito
jean .- q asco cada dia ahy mas y mas wnes loser wn lee tituriales ase algo mejor pero no dejes post q no sirven de nada ers un asco jean_plasma@hotmail.com
es mi correo si quieres saver algo de preguntam...
luis .- solo una pregunta como se lo paso a una ventada abierta con javascript. Por favor espero la respuesta y muchas gracias.
asd .- no sirve nada esto
