Avatar billede pfp Nybegynder
22. november 2006 - 17:26 Der er 2 kommentarer og
1 løsning

Tilpasse størrelse på vindue dynamisk eftere load af billede

Hej,

Man ser mange steder, f.eks. i webshops at der anvendes et lille javascript til at popup vinduer skal tilpasse sig det billede de skal vise.

Jeg sidder med en simpel udgave af et sådant java script:
<script type="text/javascript" language="javascript">
        function reSizeToImage()
        {
            try
            {
                width= document.images[0].width + 100;
                height= document.images[0].height + 100;
                window.resizeTo(width,height);
            }
            catch(e){}
        }
    </script>

Ovenstående kaldes på body'ens onLoad.

I min Page_Load event indlæser jeg et billede til en <asp:Image> control.

Vinduet resizer men det passer ikke med billedets størrelse. Derfor tænker jeg på om body'ens onLoad afvikles inden Page_Load?

Hvad ville Jeres indgangsvinkel til problemet være? Er løsningen at lade .NET kalde Javascriptet når jeg VED at Page_Load er afviklet?

Bud modtages med glæde..

/pfp
Avatar billede agerled Nybegynder
23. november 2006 - 07:04 #1
Det her kan måske hjælpe:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>-</title>
       
    <script type="text/javascript" language='javascript'>
  //var arrTemp=self.location.href.split("?");
  //var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
  var picUrl = "showimage.aspx?imageid=<% =request.querystring("imageid") %>&maxheight=500&maxwidth=500"
  var NS = (navigator.appName=="Netscape")?true:false;

    function FitPic() {
      iWidth = (NS)?window.innerWidth:document.body.clientWidth;
      iHeight = (NS)?window.innerHeight:document.body.clientHeight;
      iWidth = document.images[0].width - iWidth;
      iHeight = document.images[0].height - iHeight;
      window.resizeBy(iWidth, iHeight);
          self.focus();
    };
</script>
   
</head>
<body style="background-color:#ffffff; margin:20px 20px 20px 20px" onload='FitPic();'>
<script type="text/javascript"  language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</body>
</html>
Avatar billede pfp Nybegynder
23. januar 2007 - 21:24 #2
Tak.

Kommer du med et svar?

/pfp
Avatar billede agerled Nybegynder
24. januar 2007 - 08:36 #3
yes.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester