Hi, all, My use the prototype from 
http://www.prototypejs.org/assets/2008/9/29/prototype-1.6.0.3.js
. I use the getDimensions function to get the size of the windows like
this

<head>

    <meta http-equiv="content-type" content="text/html;
charset=utf-8" />

    <title>Get The Width And Height Of The Browser</title>

</head>



<script src="prototype-1.6.0.3.js"></script>

<!--

<script src="prototype-1.6.0.3.alin.js"></script>

-->

<script type="text/javascript">

    function on_window_resize() {

        var size = document.viewport.getDimensions();

        $("height").value = size.height;

        $("width").value = size.width;

    }



</script>

<body onresize="on_window_resize()" onload="on_window_resize()">

    Width:<input type="text" id="width" /><br />

    Height:<input type="text" id="height" /><br />

</body>

but the result is wrong except IE. I try it in the Firefox, Opera
and ... the browser, the result is wrong. I modify the getDimensions,
and it can works in Firefox , safari and Opera now.

But I don't know whether is a bug ?

This is my "patch ??"
a...@alin-laptop:~/Documents$ cat /home/alin/Desktop/getDimensions/
getDimensions.patch
2694,2700c2694,2697
<       if (B.WebKit && !document.evaluate) {
<         // Safari <3.0 needs self.innerWidth/Height
<         dimensions[d] = self['inner' + D];
<       } else if (B.Opera && parseFloat(window.opera.version()) <
9.5) {
<         // Opera <9.5 needs document.body.clientWidth/Height
<         dimensions[d] = document.body['client' + D]
<       } else {
---
>       /* Modify by Fang Yunlin, mail: cst05...@gmail.com, MSN: 
> cst05...@hotmail.com */
>       /*=======Begin========*/
>       if (B.IE) {
>       //IE 7.0(Windows)
2701a2699,2701
>       } else {
>       //Firefox 3.0.7(Windows), Firefox 3.0.7(Linux), Opera 9.64(Windows), 
> Opera 9.64(Linux), Safari 3.2.2(Windows), Chrome 2.0.166.1(Windows), 
> Konqueror 4.2.00(Linux), Epiphany 2.24.1(Linux)
>         dimensions[d] = self['inner' + D];
2703c2703,2704
<     });
---
>       /*=======End=========*/
>       });
4320c4321
< Element.addMethods();
\ No newline at end of file
---
> Element.addMethods();


This is the function after I modify´╝Ü
document.viewport = {
  getDimensions: function() {
    var dimensions = { }, B = Prototype.Browser;
    $w('width height').each(function(d) {
      var D = d.capitalize();
      /* Modify by Fang Yunlin, mail: cst05...@gmail.com, MSN:
cst05...@hotmail.com */
      /*=======Begin========*/
      if (B.IE) {
      //IE 7.0(Windows)
        dimensions[d] = document.documentElement['client' + D];
      } else {
      //Firefox 3.0.7(Windows), Firefox 3.0.7(Linux), Opera 9.64
(Windows), Opera 9.64(Linux), Safari 3.2.2(Windows), Chrome 2.0.166.1
(Windows), Konqueror 4.2.00(Linux), Epiphany 2.24.1(Linux)
        dimensions[d] = self['inner' + D];
      }
      /*=======End=========*/
      });
       return dimensions;
  },
 
2685,20       62%


Thank You !

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to