<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>saltar intro &#187; jQuery</title>
	<atom:link href="http://www.saltarintro.com/wp/category/javascript/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.saltarintro.com/wp</link>
	<description>carguen, apunten, this._parent</description>
	<lastBuildDate>Thu, 09 Sep 2010 07:29:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Bookmarklets con jQuery</title>
		<link>http://www.saltarintro.com/wp/2009/03/28/bookmarklets-con-jquery/</link>
		<comments>http://www.saltarintro.com/wp/2009/03/28/bookmarklets-con-jquery/#comments</comments>
		<pubDate>Sat, 28 Mar 2009 16:59:42 +0000</pubDate>
		<dc:creator>sergiomas</dc:creator>
				<category><![CDATA[I+D]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.saltarintro.com/wp/?p=101</guid>
		<description><![CDATA[No voy a explicar que es un bookmarklet porque entiendo que este blog no es generalista. Hace un tiempo hice algunas pruebas para crear bookmarklets cargando la librería jQuery para luego ejecutar alguna función aprovechando su versatilidad. Llegué incluso a meter toda la librería en una sola línea javascript. Pero estaba claro que la solución [...]]]></description>
			<content:encoded><![CDATA[<p>No voy a explicar que es un <a href="http://es.wikipedia.org/wiki/Bookmarklet">bookmarklet</a> porque entiendo que este blog no es generalista.</p>
<p>Hace un tiempo hice algunas pruebas para crear bookmarklets cargando la librería <a href="http://jquery.com/">jQuery</a> para luego ejecutar alguna función aprovechando su versatilidad. Llegué incluso a meter toda la librería en una sola línea javascript. Pero estaba claro que la solución más práctica consistía en cargar la librería y luego ejecutar la función con las acciones.</p>
<p>Aprovechando la aparición de la utilidad online <a href="http://sundaymorning.jaysalvat.com/">Sunday Morning</a> que traduce textos mediante un marcador que precarga jQuery, he editado su propio script para que sirva a mis propositos.</p>
<pre name="code" class="js">javascript:void((function(){
// función para cargar archivos javascript
function load(type, src){
var s=document.createElement('script');
s.setAttribute('src',src);
s.setAttribute('type','text/javascript');
document.getElementsByTagName('head')[0].appendChild(s);
};

// función que establece un tiempo de espera y luego ejecuta el script que se defina
function whenLoaded(callback){
if(typeof(window['jQuery']) != 'undefined'){
callback();
}else{
setTimeout(function(){whenLoaded(callback)},100);
}};

// se carga la librería jQuery desde las Apis de Google
load('src','http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js');

// se ejecuta el script después de un tiempo prudencial de carga
whenLoaded(function(){
// evitar conflictos con otras librerias, incluida la propia jQuery
var $jqbm = jQuery.noConflict();
// Aquí se pone lo que uno quiera en sintaxis jQuery
$jqbm('img').toggle('slow');
});

})());</pre>
<p>Y todo esto en un link, que al pulsarlo alterna entre ocultar y mostrar las imágenes de la web activa.</p>
<p><a href="javascript:void((function(){function%20load(type,%20src)%20{var%20s%20=%20document.createElement('script');s.setAttribute('src',%20src);s.setAttribute('type',%20'text/javascript');%20document.getElementsByTagName('head')[0].appendChild(s);%20};%20function%20whenLoaded(callback){if%20(typeof(window['jQuery'])%20!=%20'undefined')%20{callback();}else{setTimeout(function()%20{whenLoaded(callback)%20},%20100);}%20};load('src',%20'http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js');whenLoaded(function()%20{var $jqbm = jQuery.noConflict();$jqbm('img').toggle('slow');});})());">Ocultar/mostrar imágenes</a> en foto de prueba:</p>
<p><img class="alignnone size-medium wp-image-108" title="Learning jQuery" src="http://www.saltarintro.com/wp/http://saltarintro.com/wp/wp-content/uploads/2009/03/jquery-1-300x225.png" alt="Learning jQuery" width="300" height="225" /></p>
<p>Arrastrando el enlace hasta la barra de marcadores de tu navegador, tendrás siempre a mano esta utilidad en cualquier página que estés viendo.</p>
<p>Modificando el código las posibilidades son muuuuchas.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.saltarintro.com/wp/2009/03/28/bookmarklets-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.331 seconds -->
