Tirando Codigo » Javascript http://www.tirandocodigo.com xq no todos nacimos diseñando y programando Thu, 19 Aug 2010 19:26:13 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Utiliza Jquery en WordPress http://www.tirandocodigo.com/2009/10/26/utiliza-jquery-en-wordpress/ http://www.tirandocodigo.com/2009/10/26/utiliza-jquery-en-wordpress/#comments Mon, 26 Oct 2009 23:55:53 +0000 aldols http://www.tirandocodigo.com/?p=479 jquery

Es muy probable que en la red navegues en paginas que tienen muy buenos efectos y animaciones sin la necesidad de utilizar flash, tal vez esten usando jquery o mootools.

Tengo unos dias que comence a diseñar un nuevo theme para wordpress, y tenia en la mente la idea de utilizar jquery para hacer mas vistoso el diseño, asi que me di a la tarea de buscar informacion y tutoriales para incluir esta gran libreriade javascript. Lo que cualquiera hubeira hecho es descargar jquery y cargarla en el header de nuestro theme, pero ¿para que descargarla si WordPress ya utiliza esta libreria?... asi que encontre algo que me resulto de mucha ayuda y ademas podemos aprovechar que worpress ya la inluye jquery.

Lunico que hay que hacer es modificar un poco el header.php de nuestro tema y agregar el codigo siguiente en la seccion del <head>:

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

Es muy probable que en tu theme ya este la funcion wp_head, asi que solo coloca wp_enqueue_script justo antes de esa funcion. Inemdiatamente despues agrega el script que desea utilizar.

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/TuScript.js"></script>

Como plus te dejo 25+ Tutoiales y plugins Jquery para wordpress.

Post Relacionados

]]> http://www.tirandocodigo.com/2009/10/26/utiliza-jquery-en-wordpress/feed/ 0 Como retener visitas que vienen de Google Images http://www.tirandocodigo.com/2009/09/18/como-retener-visitas-que-vienen-de-google-images/ http://www.tirandocodigo.com/2009/09/18/como-retener-visitas-que-vienen-de-google-images/#comments Sat, 19 Sep 2009 00:03:01 +0000 aldols http://www.tirandocodigo.com/?p=430 googleimages

Algo muy comun que puede pasarnos a los que tenemos un blog o pagina web es que un gran numero de nuestras visitas provenga desde google images. ¿pero que hacer si quieres que se esas visitas permanezcan en tu blog?. Leyenfo Foro Beta me encuentro con un pequeño javascript que no permite que tu pagina se cargue en un iframe, ademas eliminan el marco de google images y hace que el visitante entre directamente a tu blog.

<script type="text/javascript"><!--
if(top.location!=this.location) top.location=this.location;
//--></script>

Este pequeño script tendras que agregarlo inmediatamente despues de la etiqueta <body>. Asi que cuando alguien llegue desde Google buscando una imagen, automaticamente se abrirá tu pagina completa obligando al usuario a recorrer tu pagina en busca de la imagen que desea. Aumentando las posibilidades de que se mantenga leyendo otros articulos en tu blog.

Si desea agregar este codigo en un theme de wordpress entra a aspecto --> editar ---> cabecera (header.php), y como ya mencione pegalo despues de <body>.

Post Relacionados

]]> http://www.tirandocodigo.com/2009/09/18/como-retener-visitas-que-vienen-de-google-images/feed/ 1 dwProtector: Protector de imagenes http://www.tirandocodigo.com/2009/06/06/dwprotector-protector-de-imagenes/ http://www.tirandocodigo.com/2009/06/06/dwprotector-protector-de-imagenes/#comments Sat, 06 Jun 2009 18:56:13 +0000 aldols http://www.tirandocodigo.com/?p=289 imagenes

La proteccion de imagenes es un tema importante hoy en dia, asi que buscando en la red encontre dwProtector el cual es un script de mootools que te permitira proteger tus imagenes.

dwProtector previene:

  • Clic derecho "guardar imagen como"
  • Arrastrar una imagen al escritorio
  • Clic derecho "guardar fondo como"
  • Clic derecho "ver imagen de fondo"

Este script fue creado por David Walsh para ayudar a los diseñadores y artistas a proteger sus imagenes en la red.

Mas Informacion: Mootools 1.2 Image Protector: dwProtector

Demo | Descargar

Post Relacionados

]]> http://www.tirandocodigo.com/2009/06/06/dwprotector-protector-de-imagenes/feed/ 2 NoobSlide, un slide elegante para tu web http://www.tirandocodigo.com/2009/05/14/noobslide-un-slide-elegante-para-tu-web/ http://www.tirandocodigo.com/2009/05/14/noobslide-un-slide-elegante-para-tu-web/#comments Thu, 14 May 2009 16:38:58 +0000 aldols http://www.tirandocodigo.com/?p=239 noobslide

Noobslide es una ligera clase basada en mootools, script que nos permite crear slides en nuestra pagina web, logrando con esto una navegación elegante y dinamica. Actualmente la estoy utilizando para un proyecto y la implementacion de este script me ha resultado sencillo.

Si deseas sacarle el mayor provecho te recomiendo que leas un tutorial de mootools.

NoobSlide:

Post Relacionados

]]> http://www.tirandocodigo.com/2009/05/14/noobslide-un-slide-elegante-para-tu-web/feed/ 0 jPlayer: reproductor de mp3 en jQuery http://www.tirandocodigo.com/2009/05/11/jplayer-reproductor-de-mp3-en-jquery/ http://www.tirandocodigo.com/2009/05/11/jplayer-reproductor-de-mp3-en-jquery/#comments Mon, 11 May 2009 18:16:35 +0000 aldols http://www.tirandocodigo.com/?p=233 jplayer

jPlayer es un plugin de jQuery, el cual nos permite controlar y reproducir archivos de audio MP3 en una pagina web. Este reproductor fue desarrollado por Happyworm y utiliza un pequeño archivo swf, el cual no es visible y solo se utiliza para reproducir el audio, motivo por el que el reproductor puedes ser personalizado utilizando XHTML y CSS.

jPlayer te permite:

  • Reproducir y controlar los mp3 en un pagina web
  • Personalizar el reproductor utilizando XHTML y CSS
  • Agregar efectos de sonido a tus proyectos jQuery

jPlayer: Demos | Descarga
Via | Happyworm

Post Relacionados

]]> http://www.tirandocodigo.com/2009/05/11/jplayer-reproductor-de-mp3-en-jquery/feed/ 0 Tiny JS: scripts pequeños pero muy practicos http://www.tirandocodigo.com/2009/03/27/tiny-js-scripts-pequenos-pero-muy-practicos/ http://www.tirandocodigo.com/2009/03/27/tiny-js-scripts-pequenos-pero-muy-practicos/#comments Fri, 27 Mar 2009 17:25:29 +0000 aldols http://www.tirandocodigo.com/?p=132 tiny

Tiny JS es un sitio en donde encontraras pequeños y especificos plugins que hacen "algo" bien. Ademas, los scripts deben se rlo mas pequeños posibles porque estan evitando los scripts cuyo codigo es demasiado largo.

En Tiny JS encontraras scripts que estan agrupados en diferentes categorias como: jQuery, Mootools y YUI

Via | Intenta

Post Relacionados

]]> http://www.tirandocodigo.com/2009/03/27/tiny-js-scripts-pequenos-pero-muy-practicos/feed/ 0 Abrir enlaces externos en una nueva ventana http://www.tirandocodigo.com/2009/02/07/abrir-enlaces-externos-en-una-nueva-ventana/ http://www.tirandocodigo.com/2009/02/07/abrir-enlaces-externos-en-una-nueva-ventana/#comments Sat, 07 Feb 2009 16:55:17 +0000 aldols http://www.tirandocodigo.com/?p=22 enlaces

Hace tiempo realice una pagina para un cliente, pero tenia demasiados enlaces a otras paginas, ademas queria que las paginas se abrieran en una nueva ventana. Ya se que es sencillo utlilando "target=_blank" en el enlace, pero un dia encontre un script de java que me facilito esto.

No tuve que agregar mas "target=_blank". Asi que les dejo este pequeño script.

Antes de la etiqueta </head>escribimos

<script type="text/javascript">

y copiamos el siguiente codigo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

var dominio = "tudominio.com";
function LinksExternos() {
  var Externo;
  if (document.getElementsByTagName('a')) {
	for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++)
	{
	  if (Externo.href.indexOf(dominio) == -1) {
		Externo.setAttribute('target', '_blank');
	  }
	}
  }
}
window.onload = function()
{
	LinksExternos()
}

Cerramos el script.

</script>

Modifiquen la variable dominio por la URL de su dominio, sin agregar www (ej: perro.com).

Espero les haya servido. XD

Post Relacionados

]]> http://www.tirandocodigo.com/2009/02/07/abrir-enlaces-externos-en-una-nueva-ventana/feed/ 2