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 Ovillo@lists.ovillo.org
> 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)
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
