Whoops! Also... IE collapsed your wrapper div. i put 75% on that and then
100% on the inner div - worked like a charm.

On Fri, Jun 5, 2009 at 9:27 PM, Rick Waldron <waldron.r...@gmail.com> wrote:

> Sorry, should've explained why IE is so dumb... Firefox knows to wait to
> execute, but it doesnt know everything all the time, so its safer to wrap
> everything in the document.observe(). IE doesnt know anything at all and
> tries to execute as the page loads... so if you start observing elements
> that arent there, IE basically says: 'tough shit'
>
>
> Good luck!
>
>
>
> On Fri, Jun 5, 2009 at 9:24 PM, Rick Waldron <waldron.r...@gmail.com>wrote:
>
>> Simple fix, you need to put those observers inside the proper
>> document.observe('dom:loaded') block for them to actually know when and what
>> to start observing.
>>
>> i posted your demo - fixed:
>>
>> http://www.genevajs.com/misc/demo-ps-list-0013.php
>>
>> cope/paste as needed. be sure to update the <script> tags... those paths
>> are my paths, i thinkyours were /javascripts/lib/ and /javascripts/src/
>>
>>
>> Rick
>>
>>
>>
>> On Fri, Jun 5, 2009 at 9:00 PM, MIGhunter <ad...@botdls.com> wrote:
>>
>>>
>>> Nothing I do seems to be working with IE.  I thought that prototype/
>>> scriptaculous was supposed to fix IE's retardedness.
>>>
>>> I tried using the following code.  It works for FF but not IE:
>>> http://paste.windower.net/f3dd16107
>>>
>>> <html>
>>> <head>
>>>                <title>Move Test</title>
>>>                 <meta http-equiv="Content-Type" content="text/html;
>>> charset=utf-8" /
>>> >
>>>                <meta name="viewport" content="initial-scale=1.0,
>>> user-scalable=no" /
>>> >
>>>                <script src="/javascripts/lib/prototype.js"
>>> type="text/javascript"></
>>> script>
>>>                <script src="/javascripts/src/scriptaculous.js"
>>> type="text/
>>> javascript"></script>
>>>                <script type="text/javascript" src="
>>> http://maps.google.com/maps/api/
>>> js?sensor=true <http://maps.google.com/maps/api/%0Ajs?sensor=true>
>>> "></script>
>>>                <script type="text/javascript">
>>>                   function initialize() {
>>>                        var latlng = new google.maps.LatLng(39.1485520,
>>> -86.5857814);
>>>                        var myOptions = {
>>>                          zoom: 13,
>>>                          center: latlng,
>>>                          mapTypeId: google.maps.MapTypeId.ROADMAP
>>>                        };
>>>                        var map = new
>>> google.maps.Map(document.getElementById
>>> ("map_canvas"), myOptions);
>>>                  }
>>>
>>>                </script>
>>> </head>
>>> <body onload="initialize()">
>>>
>>> <div id="parallel_demo" style="position:relative; left: -1000px;"><div
>>> id="map_canvas" style="width:75%; height:75%"></div></div>
>>> <ul>
>>>  <li><a href="#" id="animate_parallel_demo">Show the Map</a></li>
>>>  <li><a href="#" id="reset_parallel_demo">Hide the map</a></li>
>>> </ul>
>>> </div>
>>>
>>> <script type="text/javascript">
>>> $('animate_parallel_demo').observe('click', function(event) {
>>>  event.stop();
>>>
>>>  new Effect.Parallel([
>>>    new Effect.Move('parallel_demo', { sync: true, x: 1000, y: 0,
>>> mode: 'relative' }),
>>>    new Effect.Opacity('parallel_demo', { sync: true, from: 0, to:
>>> 1 })
>>>  ], {
>>>    duration: 1.5
>>>  });
>>> });
>>>
>>> $('reset_parallel_demo').observe('click', function(event) {
>>>  event.stop();
>>>
>>>  $('parallel_demo').setStyle({
>>>    top: 0,
>>>    left: -200,
>>>    opacity: 0
>>>  });
>>> });
>>> </script>
>>>
>>>
>>> </body>
>>> </html>
>>>
>>>
>>> On Jun 5, 2:59 pm, Matt Foster <mattfoste...@gmail.com> wrote:
>>> > >  Is there a way to initially load the page with the map open
>>> > > and then close it after a timed period?  Better yet, is there some
>>> way
>>> > > to load it with it hidden but not chopped up?
>>> >
>>> > Yeah, having it display:none or visibility:hidden can muck up the
>>> > calculations of the containers dimensions.  I'd suggest the good ole
>>> > trick of "hiding" IFrames, which is just set the container as
>>> > { position:absolute; left: -4000px; }  This way the map is off the
>>> > view port hence "invisible" to the user and yet fully accessible via
>>> > the DOM for dimension calculations.
>>> >
>>> > Thinking more about it, you may not want to instantiate the map until
>>> > you're ready, nothing says it has to be done on page load, I had done
>>> > some work with Ext.js and Google maps, where Ext does the DOM element
>>> > creation all via JS execution, i loaded the map only when it was
>>> > necessary.
>>> >
>>> > http://positionabsolute.net/projects/javascript/ext/googleservice/
>>> >
>>> > --
>>> >
>>> > http://positionabsolute.net
>>> >
>>> > On Jun 5, 5:09 am, MIGhunter <ad...@botdls.com> wrote:
>>> >
>>> > > I'm trying to use a script to hide and show user information.  Right
>>> > > now I am just playing with it and here is what I have:
>>> http://migcfdesign.com/joani/index.html
>>> >
>>> > > The problem is the map.
>>> > > I can't load the page with the map hidden.  If I do chops off 1/2 of
>>> > > the map.  Is there a way to initially load the page with the map open
>>> > > and then close it after a timed period?  Better yet, is there some
>>> way
>>> > > to load it with it hidden but not chopped up?  I'm not sure what's
>>> the
>>> > > conflict is between google's js and prototype.js.
>>> > > The url to a copy of the map messing up is:
>>> http://migcfdesign.com/joani/index2.html
>>> >
>>> > > Here is the code I am using:
>>> > > <html>
>>> > > <head>
>>> > >                 <title>Toggle Test</title>
>>> > >                 <meta http-equiv="Content-Type" content="text/html;
>>> charset=utf-8" /
>>> >
>>> > >                 <meta name="viewport" content="initial-scale=1.0,
>>> user-scalable=no" /
>>> >
>>> > >                 <script src="/javascripts/lib/prototype.js"
>>> type="text/javascript"></
>>> > > script>
>>> > >                 <script src="/javascripts/src/scriptaculous.js"
>>> type="text/
>>> > > javascript"></script>
>>> > >                 <script type="text/javascript" src="
>>> http://maps.google.com/maps/api/
>>> > > js?sensor=true"></script>
>>> > >                 <script type="text/javascript">
>>> > >                         Event.observe(window, 'load', function() {
>>> > >                                 Event.observe('featurebox-3-listen',
>>> 'click', function(){
>>> > >                                         $('featurebox-3').toggle();
>>> > >                                 });
>>> > >                         });
>>> >
>>> > >                         Event.observe(window, 'load', function() {
>>> > >                                 Event.observe('featurebox-4-listen',
>>> 'click', function(){
>>> > >                                         $('featurebox-4').toggle();
>>> > >                                         if($('featurebox-4').hide()){
>>> > >
>>> $('featurebox-4-listen').update('(812)555-5555');
>>> > >                                         } else {
>>> > >                                                 //do nothing.
>>> > >                                         }
>>> > >                                 });
>>> > >                         });
>>> >
>>> > >                         Event.observe(window, 'load', function() {
>>> > >                                 Event.observe('featurebox-5-listen',
>>> 'click', function(){
>>> > >                                         $('featurebox-5').toggle();
>>> > >                                         if($('featurebox-5').hide()){
>>> > >
>>> $('featurebox-5-listen').update('#### Street Bloomington, IN
>>> > > 47401');
>>> > >                                         } else {
>>> > >                                                 //do nothing.
>>> > >                                         }
>>> > >                                 });
>>> > >                         });
>>> >
>>> > >                   function initialize() {
>>> > >                         var latlng = new
>>> google.maps.LatLng(39.1485520, -86.5857814);
>>> > >                         var myOptions = {
>>> > >                           zoom: 13,
>>> > >                           center: latlng,
>>> > >                           mapTypeId: google.maps.MapTypeId.ROADMAP
>>> > >                         };
>>> > >                         var map = new
>>> google.maps.Map(document.getElementById
>>> > > ("map_canvas"), myOptions);
>>> > >                   }
>>> >
>>> > >                 </script>
>>> > > </head>
>>> > > <body onload="initialize()">
>>> > >         <table>
>>> > >         <tr>
>>> > >                 <td><img src="images/map_symbol.jpg" alt="Map"
>>> title="Map"></td>
>>> > >                 <td><p><span id="featurebox-3-listen"><a
>>> href="#"><strong>Map (Hide)
>>> > > </strong></a></span> |
>>> > >                 <span onclick="$('featurebox-3').toggle();"><a
>>> href="#"><strong>Map
>>> > > (Show)</strong></a></span></p></td>
>>> > >                 <div class="featurebox" id="featurebox-3"><div
>>> class="featurebox"
>>> > > id="featurebox-2">
>>> > >                         <p><div id="map_canvas" style="width:50%;
>>> height:50%"></div></p>
>>> > >                 </div>
>>> > >         </tr>
>>> > >         <tr>
>>> > >                 <td><img src="images/phone_symbol.jpg" alt="Phone"
>>> title="Phone
>>> > > Number"></td>
>>> > >                 <td><span id="featurebox-4-listen"><a
>>> href="#"><strong>Phone Number</
>>> > > strong></a></span></td>
>>> > >                 <div class="featurebox" id="featurebox-4"><div
>>> class="featurebox"
>>> > > id="featurebox-2"></div>
>>> > >         </tr>
>>> > >         <tr>
>>> > >                 <td><img src="images/house.jpg" alt="House"
>>> title="Address"></td>
>>> > >                 <td><span id="featurebox-5-listen"><a
>>> href="#"><strong>Address</
>>> > > strong></a></span></td>
>>> > >                 <div class="featurebox" id="featurebox-5"><div
>>> class="featurebox"
>>> > > id="featurebox-2"></div>
>>> > >         </tr>
>>> > > </table>
>>> > > </body>
>>> > > </html>
>>> >>>
>>>
>>
>

--~--~---------~--~----~------------~-------~--~----~
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