Perdón, quise decir clase "capa3" y no "clase3".
Un saludo:
MARTIN
El día 13/06/07, Martin Campos <[EMAIL PROTECTED]> escribió:
>
> Hola.
>
> No es AJAX, es JQUERY.
>
> Prueba a utilizar la línea:
> $("img").click(function (){$(".capa3").animate({width:400,
> height:50},"slow");});
>
> en vez de:
> $("img").click(function (){$("div#capa").animate({width:400,
> height:50},"slow");});
>
> esto es con una clase que se llama "clase3" y no una capa div con
> id="capa" ya que el identificador debe ser único mientras una clase se puede
> repetir en una misma página.
>
> Haz pruebas con el código HTML:
>
> <html>
> <head>
> <style type="text/css">
> div {border: 1px solid black}
> div.capa {width: 100px;}
> div.capa2 {width: 200px;}
> </style>
> <script src=" jquery.js" type="text/javascript"></script>
> <script type="text/javascript">
> $(document).ready(function (){
> //Aqui asignamos el click al elemento <a>
> //$("a").click(function(){alert("Gracias por hacer
> click!");});//Llamamos a todos los enlaces a
> //$(".boton").focus(function
> (){$("div#capa").animate({width:400, height:500},"slow");});
> //$(".boton2").click(function
> (){$("div#capa2").animate({width:400, height:500},"slow");});
> //$("img").click(function (){$("div#capa").animate({width:400,
> height:50},"slow");});
> $("img").click(function (){$(".capa3").animate({width:400,
> height:50},"slow");});
> //$(".caja").click(function
> (){$("div#capa2").animate({width:400, height:50},"slow");});
> });
> </script>
> </head>
> <body>
> <div id="capa" class="capa capa3">a</div>
> <div id="capa2" class="capa2 capa3">b</div>
> <a id="enlace1" class="enlace" href="#"><img id="imagen1" class="boton"
> src=" imagen.gif"></a>
> <br>
> <a id="enlace2" class="enlace" href="#"><img id="imagen2" class="boton2"
> src="imagen.gif"></a>
> </body>
> </html>
>
> Un saludo:
> MARTIN
>
>
> El día 13/06/07, Rodrigo Ascariz Tele < [EMAIL PROTECTED]>
> escribió:
> >
> > Hola a todos.
> >
> >
> >
> > Estoy intentado crear un código en Ajax para hacer unas capas que se
> > estiren
> > y encojan dando a una imagen, pero lo único que consigo es con una,
> > porque
> > cuando lo intento hacer con barias tengo que duplicar el código y
> > cambiar el
> > id.
> >
> >
> >
> > <script src="jquery.js" type="text/javascript">
> >
> > </script>
> >
> > <script type="text/javascript">
> >
> > $(document).ready(function (){
> >
> > //Aqui asignamos el click al elemento <a>
> >
> > $(".boton").focus(function (){
> >
> > $("div#capa").animate({width:400, height:500},
> > "slow");
> >
> > });
> >
> >
> >
> > $(".boton2").click(function (){
> >
> > $("div#capa2").animate({width:400, height:500},
> > "slow");
> >
> > });
> >
> >
> >
> > $("img").click(function (){
> >
> > $("div#capa").animate({width:400, height:50},
> > "slow");
> >
> > });
> >
> >
> >
> > $(".caja").click(function (){
> >
> > $("div#capa2").animate({width:400, height:50},
> > "slow");
> >
> > });
> >
> > });
> >
> > </script>
> >
> >
> >
> > Como se puede hacer, alguna pagina que te explique como hacerlo,
> >
> > NO SE AJAX, lo saco de lo que veo.
> >
> >
> >
> > Gracias
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > _____
> >
> > Un Saludo Cordial de Rodrigo Ascáriz Martínez.
> > Email: <mailto:[EMAIL PROTECTED]> [EMAIL PROTECTED]
> > Portafolios: www.ascariz.es
> > Blog: <http://spaces.msn.com/ascariz/> http://spaces.msn.com/ascariz/
> > Programador & Diseñador: HTML, DHTML, JavaScript, ASP, Macromedia 8,
> > Visual
> > Studio .NET, Adobe Photoshop Cs , Microsoft SQL Server 2000.
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
>
>
>
> --
> Salu2:
> MARTIN un valenciano desde Madrid (ESPAÑA)
>
--
Salu2:
MARTIN un valenciano desde Madrid (ESPAÑA)
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
