Jquery - pasar variable a div mediante link.

principianteZF · #1 (**permalink**) 04/05/2010, 16:34

Hola amigos, tengo este problema:

Código HTML:

Ver original<script language="jscript">
$("#mensajesindi").click(function('n',this.name){
   
   $("#mensajes_foro").html(n);
   
   });
 
var mivar="esta cadena la quiero ver en el div ";
</script>
 
<a href='javascript:void()' name='mivar' id="mensajesindi">click aqui</a>
 
<div id="mensajes_foro"></div>

Quiero que la variable javascript "mivar" se vea en el div que tiene el id "mensajes_foro" cuando hago click en el link y no lo puedo lograr, si alguien me puede ayudar le agradezco.

Saludos.

chifliiiii · #2 (**permalink**) 04/05/2010, 16:48

Hola!

Código:

var mivar="esta cadena la quiero ver en el div";
$("#mensajesindi").click(function(){
$("#mensajes_foro").html(mivar);

});

principianteZF · #3 (**permalink**) 04/05/2010, 17:36

Hola chifliiiii, no puedo así, porque tiene que ser dinámica ya que hay varios links.

Código HTML:

Ver original<script language="jscript">
$("#mensajesindi").click(function('n',this.name){
   
   $("#mensajes_foro").html(n);
   
   });
 
var mivar="esta cadena la quiero ver en el div ";
 
var mivar2="esta otra cadena la quiero ver en el div ";
</script>
 
<a href='javascript:void()' name='mivar' id="mensajesindi">click aqui</a>
 
<a href='javascript:void()' name='mivar2' id="mensajesindi">click aqui</a>
 
<div id="mensajes_foro"></div>

Seguramente no me explique del todo bien en el primer mensaje, ahora está mejor, saludos.

mayid · #4 (**permalink**) 04/05/2010, 18:23

Creo que todo tu codigo es raro. Empezando por:

language="jscript"

Y siguiendo por:

href='javascript:void()'

En cuanto a tu pedido: no tenes ninguna variables llamada mivar

Pero en fin, lo que necesitas es esto:

Cita:

$("#mensajesindi").click(function(){

var mivar = $(this).attr("name");
alert(mivar);
});

principianteZF · #5 (**permalink**) 04/05/2010, 18:33

Hola, gracias.
Que es lo raro?
"javascript" o "jscript".

Lo de href='javascript:void()' , que se puede poner en vez de esto, si coloco href="#" me salta a la pagina principal.
Si me puedes aclarar esto te lo agradezco, ya que, como verás, javascript no es mi fuerte, saludos.

Dany_s · #6 (**permalink**) 04/05/2010, 18:47

lo que entendí es que querés pasar el valor del atributo name del link clickeado al div

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $( function (){
        $(".mensajes").click( function(){
            $("#mensajes_foro").html(this.name);
            return false;
        });
    });
</script>
</head>
<body>
<a href="#" name="mivar1" class="mensajes">var1</a> -
<a href="#" name="mivar2" class="mensajes">var2</a> -
<a href="#" name="mivar3" class="mensajes">var3</a>
<div id="mensajes_foro"></div>
</body>
</html>

si son varios no podés seleccionar por id porque el id no se puede repetir, vas a tener que usar una clase o los enlaces que contenga un elemento con id o como sea pero no se puede repetir los id

para cancelar la acción del link retorná false en el evento click

principianteZF · #7 (**permalink**) 05/05/2010, 08:16

Hola amigos, finalmente pude solucionarlo (a medias) je je.
Lo solucioné con 'live' de jquery.

Código HTML:

Ver original<script language="javascript">
$(document).ready(function(){
$("#mensajesindi").live('click',function(){
var mivar = $(this).attr("name");
$("#mensajes_foro").html(mivar);
$("#mensajes_foro").show("slow");
 
 
});
});
</script>

De esta forma funciona perfecto todo lo que concierne al funcionamiento de los links y a la toma del atributo name.
Lo único que no funciona es que quiero que el texto aparezca lentamente, por eso el "show("slow");", pero sigue apareciendo normalmente sin ningún efecto, que función me aconsejan para esto.
Saludos y gracias nuevamente.

chifliiiii · #8 (**permalink**) 05/05/2010, 09:08

El div tendria que tener style="display:none;"

y luego $("#mensajes_foro").fadeIn("slow"); por ej.

Saludos

Dany_s · #9 (**permalink**) 05/05/2010, 09:15

el div mensajes_foro tiene que estar oculto, puedes usar encadenamiento asi queda más corto, se entiende mejor y también ahorra recursos, o sea que para una seleccion hacer
$(seleccion).unaCosa().otraCosa().yOtra();

en vez de
$(seleccion).unaCosa();
$(seleccion).otraCosa();
$(seleccion).yOtra();

Código HTML:

    $("#mensajesindi").live('click',function(){
        $("#mensajes_foro").html( this.name ).show("slow");
    });

repito que un id es único, no podés tener varios elementos con el mismo id

y live lo que hace es asignar eventos a elementos que se estan por crear, la solución fué $(this).attr("name");

principianteZF · #10 (**permalink**) 05/05/2010, 09:46

Hola gracias si,
$(this).attr("name");
me sirvió de mucho.

Pero si no le agregaba "live", solo me cargaba el primer link, no me preguntes porque.

Saludos y gracias.

Dany_s · #11 (**permalink**) 05/05/2010, 09:51

ya lo dije, porque estás repitiendo el ID

no se puede repetir un id

mayid · #12 (**permalink**) 05/05/2010, 10:56

Cita:

Hola, gracias.
Que es lo raro?
"javascript" o "jscript".

Lo de href='javascript:void()' , que se puede poner en vez de esto, si coloco href="#" me salta a la pagina principal.
Si me puedes aclarar esto te lo agradezco, ya que, como verás, javascript no es mi fuerte, saludos.

Te cuento:
En vez de jscript yo escribirí javascript. Eso es lo propio.

EN cuanto a void... no está recomendado usar la sintaxis que vos usas. Es decir, no habría que poner javascript dentro del atributo href.

En vez de esto:
href='javascript:void()'

... tendrías que poner return false en el evento onclick.

Fijate en el ejemplo que puso Dany. El uso return false.