<?xml version="1.0" encoding="ISO-8859-1"?><!-- generator="wordpress/2.3-alpha" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: Links javascript accesibles</title>
	<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/</link>
	<description>desarrollo web con estándares</description>
	<pubDate>Wed, 17 Mar 2010 01:20:20 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3-alpha</generator>

	<item>
		<title>By: Lista</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-38527</link>
		<author>Lista</author>
		<pubDate>Mon, 07 Jul 2008 08:36:55 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-38527</guid>
		<description>Me parece muy bueno, mi pregunta es: cómo se podría abrir al cargar la página??
gracias anticipadas</description>
		<content:encoded><![CDATA[<p>Me parece muy bueno, mi pregunta es: cómo se podría abrir al cargar la página??<br />
gracias anticipadas</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Juan Manuel</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-38003</link>
		<author>Juan Manuel</author>
		<pubDate>Mon, 23 Jun 2008 04:31:41 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-38003</guid>
		<description>Me parece muy bueno, me sirvio de mucho para abrir popup's de manera dinamica, haciendo algo como esto: 

function superPopup(id_liga,leccion){
  // Obtener el link mediante su ID
  var el_link = document.getElementById(id_liga);
  // Agregar función pop up al evento onClick del link
  el_link.onclick = function(){
   // Obtener atributo HREF del link

   var href = this.href;
   // Abrir pop up usando atributo HREF
   window.open(href,leccion, "width=300,height=400");
   // Hay que retornar FALSE para anular el comportamiento original del link
   return false;
  }
}


como se dan cuenta recibe como parametro el Id del link y el nombre que le dare al popup.

Esto ya que creo toda una lista de links diferentes con php y cada uno habre un popup con una diferente ruta y todos con nombre diferente.

Lo cargo asi:


window.document.onload = function(){
obtenerLeccionesNGM($id_nivel,$id_grado,$id_materia,$id_plantel);
			  
	foreach($lecciones as $leccion){ 
		$id_link = $leccion['id_nivel']."_".$leccion['id_grado']."_".$leccion['id_materia']."_".$leccion['numero'];
	// cargo el link con su nombre espesifico
?&#62;
  superPopup('','');
 
}</description>
		<content:encoded><![CDATA[<p>Me parece muy bueno, me sirvio de mucho para abrir popup&#8217;s de manera dinamica, haciendo algo como esto: </p>
<p>function superPopup(id_liga,leccion){<br />
  // Obtener el link mediante su ID<br />
  var el_link = document.getElementById(id_liga);<br />
  // Agregar función pop up al evento onClick del link<br />
  el_link.onclick = function(){<br />
   // Obtener atributo HREF del link</p>
<p>   var href = this.href;<br />
   // Abrir pop up usando atributo HREF<br />
   window.open(href,leccion, &#8220;width=300,height=400&#8243;);<br />
   // Hay que retornar FALSE para anular el comportamiento original del link<br />
   return false;<br />
  }<br />
}</p>
<p>como se dan cuenta recibe como parametro el Id del link y el nombre que le dare al popup.</p>
<p>Esto ya que creo toda una lista de links diferentes con php y cada uno habre un popup con una diferente ruta y todos con nombre diferente.</p>
<p>Lo cargo asi:</p>
<p>window.document.onload = function(){<br />
obtenerLeccionesNGM($id_nivel,$id_grado,$id_materia,$id_plantel);</p>
<p>	foreach($lecciones as $leccion){<br />
		$id_link = $leccion[&#8217;id_nivel&#8217;].&#8221;_&#8221;.$leccion[&#8217;id_grado&#8217;].&#8221;_&#8221;.$leccion[&#8217;id_materia&#8217;].&#8221;_&#8221;.$leccion[&#8217;numero&#8217;];<br />
	// cargo el link con su nombre espesifico<br />
?&gt;<br />
  superPopup(&#8221;,&#8221;);</p>
<p>}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: VyKqjuon</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-35031</link>
		<author>VyKqjuon</author>
		<pubDate>Thu, 01 May 2008 01:37:31 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-35031</guid>
		<description>phentermine
 &lt;a href="http://vpxt.t35.com " rel="nofollow"&gt;phentermine&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>phentermine<br />
 <a href="http://vpxt.t35.com " rel="nofollow">phentermine</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: BOmAikok</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-22850</link>
		<author>BOmAikok</author>
		<pubDate>Mon, 03 Dec 2007 17:02:38 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-22850</guid>
		<description>xgetafrttrrhf
 &lt;a href="http://cronvrek.ifastnet.com/art " rel="nofollow"&gt;art&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p>xgetafrttrrhf<br />
 <a href="http://cronvrek.ifastnet.com/art " rel="nofollow">art</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: karo</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19027</link>
		<author>karo</author>
		<pubDate>Thu, 23 Aug 2007 15:20:25 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19027</guid>
		<description>pd: aca te dejo ismael lo que trataba de hacer es basico para vos pero para mi es algo nuevo por que recien comienzo con el mundo de programacion. lo que intentaba de hacer fijate aca en el ejemplo http://www.mkstudio.com.ar/aja/link.htm
es simplemente al hacer click sobre algun link que abra en algun div situado en la pagina con "rel" le digo en que div quiero que abra y con ajax cargo un html en el div .. muchas gracias por todo en este site cada dia aprendo un poco mas...</description>
		<content:encoded><![CDATA[<p>pd: aca te dejo ismael lo que trataba de hacer es basico para vos pero para mi es algo nuevo por que recien comienzo con el mundo de programacion. lo que intentaba de hacer fijate aca en el ejemplo <a href="http://www.mkstudio.com.ar/aja/link.htm" rel="nofollow">http://www.mkstudio.com.ar/aja/link.htm</a><br />
es simplemente al hacer click sobre algun link que abra en algun div situado en la pagina con &#8220;rel&#8221; le digo en que div quiero que abra y con ajax cargo un html en el div .. muchas gracias por todo en este site cada dia aprendo un poco mas&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Karo</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19025</link>
		<author>Karo</author>
		<pubDate>Thu, 23 Aug 2007 13:22:54 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19025</guid>
		<description>Hola Ismael
yo te puse el ejemplo con el popup pero en realidad lo que voy a hacer despues es en el lugar donde abre el popup que llame funcion en ajax para que abra en un div = ya me diste la respuesta debe ser por los id ahora intento hacer con clases

despues te comento si me salio  o no ;) Gracias</description>
		<content:encoded><![CDATA[<p>Hola Ismael<br />
yo te puse el ejemplo con el popup pero en realidad lo que voy a hacer despues es en el lugar donde abre el popup que llame funcion en ajax para que abra en un div = ya me diste la respuesta debe ser por los id ahora intento hacer con clases</p>
<p>despues te comento si me salio  o no <img src='http://www.estadobeta.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> Gracias</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ismael</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19002</link>
		<author>Ismael</author>
		<pubDate>Wed, 22 Aug 2007 21:33:35 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19002</guid>
		<description>Karo, quieres llamar contenido con Ajax o abrir los popups? Son dos cosas completamente distintas.
Sólo te abre el orimer popup porque todas las IDs de tus links son iguales, Recuerda que las IDs son únicas. Si quieres aplicar el comportamiento a varios links, tienes que usar clases en lugar de Ids. En el segundo comentario explico cómo.

Ahora, si lo que quieres es usar Ajax, este artículo no tiene nada que ver.</description>
		<content:encoded><![CDATA[<p>Karo, quieres llamar contenido con Ajax o abrir los popups? Son dos cosas completamente distintas.<br />
Sólo te abre el orimer popup porque todas las IDs de tus links son iguales, Recuerda que las IDs son únicas. Si quieres aplicar el comportamiento a varios links, tienes que usar clases en lugar de Ids. En el segundo comentario explico cómo.</p>
<p>Ahora, si lo que quieres es usar Ajax, este artículo no tiene nada que ver.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Karo</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19001</link>
		<author>Karo</author>
		<pubDate>Wed, 22 Aug 2007 21:21:42 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-19001</guid>
		<description>Hola Ismael.
mira uso el codigo que postiaste tal cual pero no funciona abre el .href en una apgina en vez del pop up mi ide es hacer que abra los links en n div con ajax.
te dejo el link para http://mkstudio.com.ar/link.html por favor fijate como puedo hacer para que funcione aveces funciona pero toma el primero nada mas.</description>
		<content:encoded><![CDATA[<p>Hola Ismael.<br />
mira uso el codigo que postiaste tal cual pero no funciona abre el .href en una apgina en vez del pop up mi ide es hacer que abra los links en n div con ajax.<br />
te dejo el link para <a href="http://mkstudio.com.ar/link.html" rel="nofollow">http://mkstudio.com.ar/link.html</a> por favor fijate como puedo hacer para que funcione aveces funciona pero toma el primero nada mas.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ismael</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-5565</link>
		<author>Ismael</author>
		<pubDate>Fri, 09 Feb 2007 00:57:11 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-5565</guid>
		<description>Mmm habría que probar reescribiendo el href de los links

&lt;code&gt;
function superPopup(){
  // Obtener el link mediante su ID
  var el_link = document.getElementById(”popup”);
  // Agregar función pop up al evento onClick del link
  &lt;strong&gt;var href = el_link.href;&lt;/strong&gt;
  &lt;strong&gt;el_link.href = "#";&lt;/strong&gt;
  el_link.onclick = function(){
   // Abrir pop up usando atributo HREF
   window.open(href,”nueva ventana”, “width=300,height=400&#8243;);
   // Hay que retornar FALSE para anular el comportamiento original del link
   return false;
  }
}
&lt;/code&gt;


Lo que no me gusta de esa solución es que se pierde la URL en el status bar del browser.

Otra opción es reescribir el evento onclick para que retorne FALSE literalmente:


&lt;code&gt;
function superPopup(){
  // Obtener el link mediante su ID
  var el_link = document.getElementById(”popup”);
  // Agregar función pop up al evento onClick del link
  var href = el_link.href;
  el_link.onclick = "&lt;strong&gt;window.open("+href+",'nueva ventana', 'width=300,height=400');return false&lt;/strong&gt;";
}
&lt;/code&gt;
</description>
		<content:encoded><![CDATA[<p>Mmm habría que probar reescribiendo el href de los links</p>
<p><code><br />
function superPopup(){<br />
  // Obtener el link mediante su ID<br />
  var el_link = document.getElementById(”popup”);<br />
  // Agregar función pop up al evento onClick del link<br />
  <strong>var href = el_link.href;</strong><br />
  <strong>el_link.href = &#8220;#&#8221;;</strong><br />
  el_link.onclick = function(){<br />
   // Abrir pop up usando atributo HREF<br />
   window.open(href,”nueva ventana”, “width=300,height=400&#8243;);<br />
   // Hay que retornar FALSE para anular el comportamiento original del link<br />
   return false;<br />
  }<br />
}<br />
</code></p>
<p>Lo que no me gusta de esa solución es que se pierde la URL en el status bar del browser.</p>
<p>Otra opción es reescribir el evento onclick para que retorne FALSE literalmente:</p>
<p><code><br />
function superPopup(){<br />
  // Obtener el link mediante su ID<br />
  var el_link = document.getElementById(”popup”);<br />
  // Agregar función pop up al evento onClick del link<br />
  var href = el_link.href;<br />
  el_link.onclick = "<strong>window.open(&#8221;+href+&#8221;,&#8217;nueva ventana&#8217;, &#8216;width=300,height=400&#8242;);return false</strong>&#8220;;<br />
}<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Pablo Reyes</title>
		<link>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-5563</link>
		<author>Pablo Reyes</author>
		<pubDate>Fri, 09 Feb 2007 00:37:25 +0000</pubDate>
		<guid>http://www.estadobeta.com/2006/05/09/links-javascript-accesibles/#comment-5563</guid>
		<description>kassel!, no es que te abra el popup en la misma ventana. Es que no alcanza abrir el popup que ya ha redirigido a lo que indica el href. En otras palabras, &lt;strong&gt;sucede lo que planteo en el anterior comentario&lt;/strong&gt;.</description>
		<content:encoded><![CDATA[<p>kassel!, no es que te abra el popup en la misma ventana. Es que no alcanza abrir el popup que ya ha redirigido a lo que indica el href. En otras palabras, <strong>sucede lo que planteo en el anterior comentario</strong>.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
