Ciao Legnetto
Ho fatto una pagina di prova che forse può andare. Di più non so:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>a</title>
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<script id="clientEventHandlersJS" language="javascript">
<!--
function Button1_onclick() {
if(document.getElementById("div1").clientWidth <= document.getElementById("div1").clientHeight)
document.getElementById("img1").width = document.getElementById("div1").clientWidth - 4;
else
document.getElementById("img1").height = document.getElementById("div1").clientHeight - 8;
document.getElementById("img1").src = "/corso_apogeo/immagini/f1-arenas.jpg";
document.getElementById("img1").style.visibility = "visible";
}
function window_onload() {
Button1_onclick();
}
//-->
</script>
</head>
<body MS_POSITIONING="FlowLayout" language="javascript" onload="return window_onload()">
<INPUT type="button" value="Button" ID="Button1" NAME="Button1" language="javascript" onclick="return Button1_onclick()">
<div id="div1" style="border:1px red solid;width:80%;height:80%">
[img][/img]
</div>
</body>
</html>
qualche spiegazione. All'inizio non carico l'immagine, altrimenti IE adatta il div all'immagine ed esce fuori pagina
Perciò, nell'evento load, controllo se il div è più largo o più alto. In base a questo recupero la larghezza o l'altezza utile del div. A questo punto carico l'immagine che può essere o una immagine normale, o una pagina asp.net che ridimensiona l'immagine
(document.getElementById("img1").src = "pagina.aspx?width=xxx";
alla fine rendo visibile l'immagine
La stranezza di clientWidth - 4 e di clientHeight - 8 derivano dal fatto che, mentre con Firefox funziona benissimo senza, è necessario con IE