ayuda porfa,con esta funcion

[chuchufuentes]

estoy usando asp.net, se quiere que al darle click a la imagenbutton, esta se agrande, pero que sucede, se agranda y luego regresa a posición original en 1/2 segundo. aqui la funcion

function redimensionar (accion) {
var height, width
var alto = document.getElementById("ImageButton1").height;
var ancho = document.getElementById("ImageButton1").width;
if (accion == 'sumar') {
height = parseInt(alto+30);
width = parseInt(ancho+30);
document.getElementById("ImageButton1").style.heig ht = height + "px";
document.getElementById("ImageButton1").style.widt h = width + "px";
}
else
{
height = parseInt(alto-10);
width = parseInt(ancho-10);
document.getElementById("ImageButton1").style.heig ht = height + "px";
document.getElementById("ImageButton1").style.widt h = width + "px";
}
}


le coloque return false, pero nada. please
una ayudidate hermanito

[Adler]

Hola

El único error que veo es este

var alto = document.getElementById("ImageButton1").height;
var ancho = document.getElementById("ImageButton1").width;

que lo cambiaría por esto ya que no ocupa css

var alto = document.getElementById("mesa").offsetHeight;
var ancho = document.getElementById("mesa").offsetWidth;

¿Puedes mostrar como llamas a la función?

Suerte

[chuchufuentes]

Gracias por responder, aquí como lo llamo
NO funciono el cambio

<div style="z-index: 101; left: 185px; width: 36px; position: absolute; top: 136px;
height: 31px">
<asp:ImageButton ID="ImageButton1" runat="server" OnClientClick="redimensionar('sumar')" Height="40px" ImageUrl="~/fotos/ferrari.gif"
Width="39px" /></div>
</div>

aquí el cambio que me recomendaste
function redimensionar (accion) {
var height, width
var alto = document.getElementById("ImageButton1").offsetHeig ht;
var ancho = document.getElementById("ImageButton1").offsetWidt h;
if (accion == 'sumar') {
height = parseInt(alto+30);
width = parseInt(ancho+30);
document.getElementById("ImageButton1").style.heig ht = height + "px";
document.getElementById("ImageButton1").style.widt h = width + "px";
}
else
{
height = parseInt(alto-10);
width = parseInt(ancho-10);
document.getElementById("ImageButton1").style.heig ht = height + "px";
document.getElementById("ImageButton1").style.widt h = width + "px";
}
}

[chuchufuentes]

Solucionado con esto

ImageButton1.Attributes.Add("onmouseOver", "javascript:redimensionar('sumar');")
ImageButton1.Attributes.Add("onmouseOut", "javascript:redimensionar('resta');")

pero lo curioso de esto es que le coloque onclick y tambien dio el mismo problema, pero me quedo onmouseOver y onmouseOut

[chuchufuentes]

Iniciado por chuchufuentes

Solucionado con esto

ImageButton1.Attributes.Add("onmouseOver", "javascript:redimensionar('sumar');")
ImageButton1.Attributes.Add("onmouseOut", "javascript:redimensionar('resta');")

pero lo curioso de esto es que le coloque onclick y tambien dio el mismo problema, pero me quedo onmouseOver y onmouseOut

Bueno no he terminado, resulta que trabajo con asp.net y tengo un datalist para mostrar las foto y pensaba que con el ejemplo que hice funcionaria, pero la funcion da error no muestra nada, please ayuuuuuda

[Adler]

Hola

Veamos si esto te ayuda

Suerte

[chuchufuentes]

Gracias por contestar, pero googleando, consegui esto y ahora si funciona, al menos en mi PC, no lo he colocado en la web, aqui el script

var glbInc, glbDec;

function decreaseSizeImage(image) // will get back to its normal default size
{
var id = image;
if(glbInc != null) {clearTimeout(glbInc); glbInc = null;};
if (image.height > 99)
{
image.height -= 150;
image.width -= 150;
glbDec = setTimeout("decreaseSizeImage("+image+")", 32);
};
}

function increaseSizeImage(image)
{
var id = image;

if(glbDec != null) {clearTimeout(glbDec); glbDec = null;};
if (image.height < 101)
{
image.height += 150;
image.width += 150;
glbInc = setTimeout("increaseSizeImage("+image+")", 32);
};
}


aqui la imagen html asp.net

<td style="width: 117px; height: 32px">
<img src='<%#Eval("fotoparte") %>' width="104px" height="100px" alt="No Hay Imagen Disponible" id="Image2" onmouseover="increaseSizeImage(this);" onmouseout="decreaseSizeImage(this);" />
</td>

muchaaaaas gracias

[chuchufuentes]

Otra forma de solucionarlo y mucho menos código usando CSS

<td style="width: 117px; height: 32px">
<img src='<%#Eval("fotoparte") %>' width="104px" height="100px" alt="No Hay Imagen Disponible" id="Image2"" />
</td>

CSS

<style type="text/css">

img:hover{ width:300px; height:300px;}
</style>