[SOLUCIONADO] Como saber que enlace se selecciono!

[alexiojeda]

Muy buenas amigos del foro... Soy nuevo y hasta ahora he encontrado un monton de soluciones a la mayoria de mis problemas en esta gran comunidad....

No se nada de Javascript, apenas estoy aprendiendo php y mysql... La cuestion es la siguiente, tengo este codigo en php: (Deje solo lo esencial para que se pueda entender)

Código PHP:

  $i=1;
while($sentencia){
<div class='link' onclick="cargarContenidoReloj('comentarios.php)">Ver comentarios</div>
<div id='contenedor$i'></div>
$i=$i+1;
} 
   

Lo que hace es generar X cantidad de capas llamadas "Contenedor$i" que actuan como enlaces. El "$i" es para generar en cada capa un nombre distinto a la anterior. Ejemplo: "Contenedor1" , "Contenedor2" y asi...

Al hacer click debe ejecutarse esta funcion en javascript:

Código PHP:

  <script type='text/javascript'>

function cargarContenidoReloj(pagina)
 
{
// cargamos el icono en el div donde ira el contenedor
 $("#contenedor").html("<img src='clock.gif' class='clock' border='0' />");
                
// cargamos la pagina pagina.php en el div contenedor
$("#contenedor").load(pagina);
            }
    }
 </script> 
  

Pero que como ven este codigo esta diseñado para recibir solo el nombre de una capa... llamada (Contenedor) y yo lo que necesito es que reciba el valor de la capa que se presiono... ya sea "Contenedor1" , "Contenedor2".. etc...

Espero haberme explicado bien... En php tendria la idea de como hacerlo.. pero como les dije de javascript no se nada.

Se me ocurre enviar el valor de "$i" en el enlace y en la funcion recibirlo en una variale que concatene el nombre de la capa "Contenedor" con el valor de "$i", quedando "Contenedor1", "Contenedor2".. dependiendo de a cual se le alla hecho click. Esa seria la variable que utilizaria.

Muchisimas gracias desde ya, de verdad espero que puedan ayudarme.

Por cierto aca una pagina de referencia del uso de la funcion .Load() http://api.jquery.com/load/ por si hace falta.!

Saludos desde Venezuela.!

[rottenp4nx]

Lo que yo haría en tu lugar sería en vez de darle ID de Contenedor1, Contenedor2, etc...
Sería darle una clase solamente

Código PHP:

while($sentencia){
<div class='link' onclick="cargarContenidoReloj(this,'comentarios.php')">Ver comentarios</div>
<div class='contenedor'></div>
}
 

y en javascript/jquery

Código Javascript:

<script type='text/javascript'>
 
function cargarContenidoReloj(elem,pagina)
 
{
// cargamos el icono en el div donde ira el contenedor
 $(elem).next('.contenedor').html("<img src='clock.gif' class='clock' border='0' />");
                
// cargamos la pagina pagina.php en el div contenedor
$(elem).next('.contenedor').load(pagina);
            }
    }
 </script>
 

O si bien quieres seguir haciendolo como lo estas haciendo, una posibilidad sería así

Código PHP:

$i=1;
while($sentencia){
<div class='link' onclick="cargarContenidoReloj('contenedor$i','comentarios.php')">Ver comentarios</div>
<div id='contenedor$i'></div>
$i=$i+1;
}
 

Y en javascript

Código Javascript:

<script type='text/javascript'>
 
function cargarContenidoReloj(capa,pagina)
 
{
// cargamos el icono en el div donde ira el contenedor
 $(capa).html("<img src='clock.gif' class='clock' border='0' />");
                
// cargamos la pagina pagina.php en el div contenedor
$(capa).load(pagina);
            }
    }
 </script>
 

Eso, solamente debes jugar

Saludos

[alexiojeda]

Gracias!!! Me fue muy gran utilidad tu ayuda! :D

Escogi el segundo codigo que me presentas... Solo tuve que hacer una pequeña modificacion para que me pudiera funcionar:

Código PHP:

  function cargarContenidoReloj(capa,pagina)
     
    {
 // cargamos el icono en el div donde ira el contenedor
     $("#" + capa).html("<img src='clock.gif' class='clock' border='0' />");
                   
// cargamos la pagina pagina.php en el div contenedor
    $("#" + capa).load(pagina);
        
 } 
   

Como ves agregue el simbolo "#"... para que me lo pudiera detectar como una capa! Muchas gracias!! Voy a buscar ahora como puedo hacer para asignarles a esa capa "conteder" estilos igualmente de acuerdo a e numero de capa que se seleccione.. ;)

Saludos!