Cómo usar jQuery en Bligoo: Tutorial para los más Avanzados

jQuery en Bligoo

Hoy te voy a enseñar a usar jQuery en sitios de Bligoo y hacer que funcionen permitiendo llevar tu sitio al siguiente nivel!

Javascript es un lenguaje que nos permite crear acciones, efectos y animaciones del código HTML para nuestros usuarios. 

Existen varias librerías, también conocidas como frameworks, que nos permiten programar en javascript de una forma más fácil y rápida. En Bligoo utilizamos Prototype y Scriptaculous.

Si ya eres un poco avanzado en cuanto a programación y HTML, bien sabrás que un framework con otro no son muy compatibles y que si intentas utilizarlos al mismo tiempo, estos pueden generar un conflicto, haciendo que lo que buscamos hacer, no funcione.

A la hora de buscar cosas entretenidas para mi sitio, siempre busco códigos de javascript y por lo general encuentro algunos escritos en jQuery, pero si los pego y adapto en mi sitio no funcionan ya que Prototype y jQuery no son compatibles.

¿Por qué Prototype y jQuery no son compatibles?

Porque ambos definen una función llamada "$" que es la base de ambos frameworks y que permite ejecutar sus acciones y funciones.

El equipo de desarrollo de jQuery se dio cuenta de este problema que teníamos varios y decidió crear la función jQuery.noConflict() 
¿Cuál es su gracia? ¡Todas! Hace que en lugar de usar el símbolo $ en las funciones de jQuery, usemos “jQuery”, o una variable que definamos, en su reemplazo evitando así los conflictos entre ambos frameworks.

Entonces ¿Cómo lo puedo aplicar a mi sitio en Bligoo?

Vamos a lo entretenido:

Primero debemos llamar a la librería desde nuestro sitio para poder utilizarla. Tienes dos opciones, utilizar la que se encuentra alojada publicamente en Google como esta o bajar la última versión de la librería de jQuery. Si la bajas recomiendo utilices la versión minimizada ya que pesa menos. Si decidiste bajarla debes subir el archivo a los de tu tema a través del editor.

Esta la puedes cargar en el <head> de tu sitio o justo antes de donde la vas a utilizar.

En mi caso, decidí utilizar la de Google y la dirección quedó de esta forma pegada en el <head> de mi sitio:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

Luego debemos escribir la función para reemplazar el símbolo $ de jQuery, de esta forma:

<script>
	jQuery.noConflict();
</script>

o si quieres puedes definir una variable que utilice esta función:

<script>
	var j= jQuery.noConflict();
</script>

Sí, corto, simple y poderoso :)

Por último escribimos el código que queramos en jQuery y reemplazamos los $ por jQuery, o por nuestra variable.

Por ejemplo, voy a esconder el footer de mi sitio:

La función original de jQuery sería como esta:

<script>  
	$(#main-footer).hide(); 
</script>

Para poder utilizarla en Bligoo esta debe quedar de esta forma:

<script>
	jQuery(#main-footer).hide();
</script>

Como ves no es algo muy complejo el hacer que sean compatibles. Lograr grandes resultados dependerá de tus habilidades de ninja.

Suerte y cualquier consulta me comentas.
Saludos,
Paula

|

Comentarios

Herramientas favoravbles, darán esplendides a los que saben trabajar con java. Otros solo se quedarán planos.

Paula Pronto te estaré preguntando algo importante 

Saludos 

 

 

Laab Akaakad.....Escritor

buenisimo, no he probado usar jquery y prototype pero ya se como solucionar un problema que tendria :D

AYUDAAAA!!

nice

Esto estuvo buenisimo , para mi incluso que estoy tratando de armar una muy buena red y no soy tan experto.



Gracias Paula.

la verdad si no sabemos utilizar java como yo nos quedamos planos.. pero no es imposble.


 

No entendí

Me parece maravilloso lo que hacen en Bigloo para que uno pueda llegar a exponerse en internet. Sin embargo por ser totalmente novata tengo dificultades, por ejemplo: no encuentro como acceder a mi blog personal, no se aún como isertar comentarios, imágenes y cualquier otro elemento. Tampoco veo como establecer contactos con aquellos que se interesen en mi trabajo. Claro que sin llegar a comprender estas cosas me resulta muy difícil mejorar mi blog. "Ténganme paciencia" como diría el Chavo mexicano... Gracias

No sé que es lo que sí lared dice que está en mantenimiento pero tengo verios dias  siguioendo las instrucciones he avanzado en algunas cosa y otrs no las entiendo como eliminar los articulos eliminado o como darles pasos a tros comentarios.

Así es el cambio de la clave he podido publicar lo unico es eso que los articulos anteriores no hayo como quitarlos para dar pasos a otros.

Voy a seguir intentendo a ver soy tenaz  y constante hasta que lo logre manejar como vehiculo o carro estoy comenzando el entrenamiento  con sus orientaciones.

Por favor diseñen un formato accesible, que sea atrayente, que la gente de Bligoo que se fue , vuelva y se reúna de nuevo.

Entrar y ver lo que han publicado los amigos de inmediato, ver las opiniones en el minuto. No sean laberínticos. Espanta a la gente que enseñen tantos tutoriales. Uno quiere escribir,  comunicarse y disfrutar con los amigos, aprendiendo y mostrando experiencias.

Es cosa que revisen unos años atrás y verán la dinámica poderosa qye tuvo Bligoo.

Son buenos deseos y aspiraciones.

vinka

aber como lo quieren que diseñe eheheheheheh tu dime lo  como   quieres y lo lo diseñamos  ehehhehehehehe con tes tame eeeee asilo asemos    como lo queres lindo una for ma de desir lindo:(

;)

Necesito colocar una im agen de fondoooooooooooooooooooooooooooooo......... quien me ayuda?

Como Puedo Poner Banners de Publicidad en mi blog

-----------------


fernandogomez


 hola como estas, esta muy bueno tu comentario. chao


 

Yo tambien quiero decorar el blog y no sé como acceder


CARMEN

bien amiga

-----------------


fernandogomez


 gracias


 

No me resulto y quiero usar 2 fuentes que obtuve de google font... sigo los pasos pero luego cuando quiero cambiar la fuente del encabezado de mi pagina web bligoo, no aparecen como opcion...que debo hacer?

hola espero que estes bien y que dios te bendiga tengo una pregunta como puedo hacer para que mi bligoo pueda cargar o descargar videos 

gracias

jmmmm y haxta ahora vengop jep jep

Muy excelente herramienta, j query siempre es muy buena opción a la hora de crear sliders y menús animados, me parece que están avanzando mucho con sus sitios, un saludo

-----------------

Edgardo: esta bueno retomamos saludos

Bueno, en principio muchas gracias por permitirme formar parte de este equipo.

No omito decirles que soy nueva en esto de los blogs, pero tengo dispocision de aprender.

Soy nicaraguense por gracia de Dios.

Mucho gusto en compartir con ustedes

muchas gracias

hola gracias por esos turquitos para conocer mejor mi blog en bligoo atentamente luz.

Paula: soy novato en el manejo de bligoo en general. Por eso me retiro por algún tiempo. Veo que tu explicas cierta área de este sistema. ¡¿Podrías orientarme de una forma elemental, cuál es la mejor forma de manejar esta red? ...Gracias anticipadas.

aqui puedes encontrar todo sobre la educacion

hola espero que estes bien, tengo una pregunta como puedo hacer para que mi bligoo pueda cargar o descargar videos...

-----------------
Saludos tengo, un blog con ustedes y tengo tod a la pantalla en negro que puedo hacer como se puede corregir esto gracias


Awilda Gomez

ooo gracias por la informacion :D

hola!! que dificil es crear un blog y mas cuando no acepta mi correo y no se porque jajajaja nos lo pidieron para un a practica de informatica y no saia crearlo jajajaja saludos!!

GRACIAS MI DIOS POR LAS COSAS CONCEDIDAS A DIARIO,POR UN DIA MAS DE VIDA...GRACIAS

Comentarios de este artículo en RSS
Cerrar