Loading ...
Sorry, an error occurred while loading the content.
 

Calendar2Up displays vertical in ie.

Expand Messages
  • peter_olte
    Hi, Calendar2Up displays vertically (one calendar ontop of the other) in ie6 but properly in firefox. The popup region has an empty region to the right of the
    Message 1 of 9 , Mar 24, 2006
      Hi, Calendar2Up displays vertically (one calendar ontop of the other)
      in ie6 but properly in firefox. The popup region has an empty region
      to the right of the top calendar).

      --------------------------------
      | | |
      | | |
      | cal grid 1 | |
      | | |
      | | empty |
      ----------------- |
      | | |
      | | |
      | cal grid 2 | |
      | | |
      | | |
      --------------------------------

      Any ideas why this would be? I have hot been able to reproduce this
      in a simple example.

      Regards,
      Peter
    • Ken Robinson
      ... The s holding the calendars probably have the attribute float: left assigned to them. When the holding them is too narrow, that is what
      Message 2 of 9 , Mar 24, 2006
        At 04:26 PM 3/24/2006, peter_olte wrote:
        Hi, Calendar2Up displays vertically (one calendar ontop of the other)
        in ie6 but properly in firefox.  The popup region has an empty region
        to the right of the top calendar). 

        --------------------------------
        |               |              |
        |               |              |
        |  cal grid 1   |              |
        |               |              |
        |               |    empty     |
        -----------------              |
        |               |              |
        |               |              |
        |  cal grid 2   |              |
        |               |              |
        |               |              |
        --------------------------------

        Any ideas why this would be?  I have hot been able to reproduce this
        in a simple example.
        The <div>'s holding the calendars probably have the attribute "float: left" assigned to them. When the <div> holding them is too narrow, that is what happens.

        Ken
      • Cecil Vermule
        How about a little more information please? Is this in your own implementation, or is this in the examples as well? If it s your own implementation, do you set
        Message 3 of 9 , Mar 24, 2006
          How about a little more information please?
           
          Is this in your own implementation, or is this in the examples as well?
           
          If it's your own implementation, do you set any size limitations on the DIV container, either directly (via CSS) or indirectly (via CSS class or a container around the calendar's own DIV container?

           
          On 3/24/06, peter_olte <peter_olte@...> wrote:
          Hi, Calendar2Up displays vertically (one calendar ontop of the other)
          in ie6 but properly in firefox.  The popup region has an empty region
          to the right of the top calendar).

          --------------------------------
          |               |              |
          |               |              |
          |  cal grid 1   |              |
          |               |              |
          |               |    empty     |
          -----------------              |
          |               |              |
          |               |              |
          |  cal grid 2   |              |
          |               |              |
          |               |              |
          --------------------------------

          Any ideas why this would be?  I have hot been able to reproduce this
          in a simple example.

          Regards,
          Peter







          Yahoo! Groups Links

          <*> To visit your group on the web, go to:
             http://groups.yahoo.com/group/ydn-javascript/

          <*> To unsubscribe from this group, send an email to:
             ydn-javascript-unsubscribe@yahoogroups.com

          <*> Your use of Yahoo! Groups is subject to:
             http://docs.yahoo.com/info/terms/




        • peter_olte
          Good day Cecil, Ive placed a screen shot at the following location: http://secure.imsgroup.com/bug.jpg My xhtml contains the following:
          Message 4 of 9 , Mar 27, 2006
            Good day Cecil,
            Ive placed a screen shot at the following location:
            http://secure.imsgroup.com/bug.jpg

            My xhtml contains the following:

            <a href="javascript:void(null)" onclick="showCal_t()"><img
            id="dateLink_t" src="i/cal.gif" border="0" alt="pick date" /></a><div
            id="container_t" style="position:absolute;display:none"></div>

            My javascript:

            function showCal_t() {
            showCal(document.contract.terminationmo.value,
            document.contract.terminationday.value,
            document.contract.terminationyr.value,
            cal_t,
            'dateLink_t');
            }

            function showCal(m, d, y, cal, where) {
            <%-- set date --%>
            if (m != "" &&
            d != "" &&
            y != "") {

            var when = m + "/" + d + "/" + y;
            cal.select(when);
            cal.setYear(y);
            cal.setMonth(m-1);
            cal.render();
            }

            <%-- calculate position --%>
            var ctrl = document.getElementById(where);
            cal.outerContainer.style.top =
            (calcTop(ctrl)+ctrl.height-1) + "px";
            cal.outerContainer.style.left = calcLeft(ctrl) + "px";

            <%-- display --%>
            cal.outerContainer.style.display='block';
            }

            I think this is pretty much straight from the examples. The yahoo
            supplied example does not display this behaviour. I believe
            I do not set any other style attributes to this div. Reminder, this
            only occurs in IE not firefox.

            Cheers,
            Peter Olte
          • Cecil Vermule
            From what you ve provided me with, I don t really see anything wrong. Can you send me your init() function? Better yet, do you have a live demo that I could
            Message 5 of 9 , Mar 27, 2006
              From what you've provided me with, I don't really see anything wrong.
               
              Can you send me your init() function?  Better yet, do you have a live demo that I could see?

               
              On 3/27/06, peter_olte <peter_olte@...> wrote:
              Good day Cecil,
              Ive placed a screen shot at the following location:
              http://secure.imsgroup.com/bug.jpg

              My xhtml contains the following:

              <a href="javascript:void(null)" onclick="showCal_t()"><img
              id="dateLink_t" src="i/cal.gif" border="0" alt="pick date" /></a><div
              id="container_t" style="position:absolute;display:none"></div>

              My javascript:

                     function showCal_t() {
                         showCal(document.contract.terminationmo.value,
                                 document.contract.terminationday.value,
                                 document.contract.terminationyr.value,
                                 cal_t,
                                 'dateLink_t');
                     }

                     function showCal(m, d, y, cal, where) {
                         <%-- set date --%>
                         if (m != "" &&
                              d != "" &&
                              y != "") {

                             var when = m + "/" + d + "/" + y;
                             cal.select(when);
                             cal.setYear(y);
                             cal.setMonth(m-1);
                             cal.render();
                         }

                         <%-- calculate position --%>
                         var ctrl = document.getElementById(where);
                         cal.outerContainer.style.top =
              (calcTop(ctrl)+ctrl.height-1) + "px";
                         cal.outerContainer.style.left = calcLeft(ctrl) + "px";

                         <%-- display --%>
                         cal.outerContainer.style.display='block';
                     }

              I think this is pretty much straight from the examples.  The yahoo
              supplied example does not display this behaviour.  I believe
              I do not set any other style attributes to this div.  Reminder, this
              only occurs in IE not firefox.

              Cheers,
              Peter Olte







              Yahoo! Groups Links

              <*> To visit your group on the web, go to:
                 http://groups.yahoo.com/group/ydn-javascript/

              <*> To unsubscribe from this group, send an email to:
                 ydn-javascript-unsubscribe@yahoogroups.com

              <*> Your use of Yahoo! Groups is subject to:
                 http://docs.yahoo.com/info/terms/




            • peter_olte
              Thanks Cecil! Here is my init function. I include the entire function and the cal_t variable is the relevant one here and is global. I should be able to setup
              Message 6 of 9 , Mar 27, 2006
                Thanks Cecil!
                Here is my init function. I include the entire function and the cal_t
                variable is the relevant one here and is global.
                I should be able to setup a demo login for you but we would have to do
                that outside of this discussion board :-)
                Cheers,
                Peter


                function load() {

                cal_s = new YAHOO.widget.Calendar2up("cal_s","container_s");
                cal_s.title = "Select start date:";
                cal_s.setChildFunction("onSelect", setDate_s);
                cal_s.render();
                cal_e = new YAHOO.widget.Calendar2up("cal_e","container_e");
                cal_e.title = "Select end date:";
                cal_e.setChildFunction("onSelect", setDate_e);
                cal_e.render();

                cal_t = new YAHOO.widget.Calendar2up("cal_t","container_t");
                cal_t.title = "Select termination date:";
                cal_t.setChildFunction("onSelect", setDate_t);
                cal_t.render();

                document.contract.description.focus();
                clientChanged();
                }
              • Steven Peterson
                Peter, I believe this came up on the group previously, and it was solved by making certain that the calendar container is not restricted in size by its
                Message 7 of 9 , Mar 27, 2006

                  Peter,

                   

                  I believe this came up on the group previously, and it was solved by making certain that the calendar container is not restricted in size by its container. Since these calendars are absolutely positioned anyway, I would recommend that you try putting the calendar containers directly into the body, and see if you still have the same wrapping issue.

                   

                  Steven Peterson

                  Web Developer, Platform Engineering

                  Yahoo!


                  From: ydn-javascript@yahoogroups.com [mailto: ydn-javascript@yahoogroups.com ] On Behalf Of peter_olte
                  Sent: Monday, March 27, 2006 2:32 PM
                  To: ydn-javascript@yahoogroups.com
                  Subject: [ydn-javascript] Re: Calendar2Up displays vertical in ie.

                   

                  Thanks Cecil!
                  Here is my init function. I include the entire function and the cal_t
                  variable is the relevant one here and is global.
                  I should be able to setup a demo login for you but we would have to do
                  that outside of this discussion board :-)
                  Cheers,
                  Peter


                  function load() {
                         
                  cal_s = new YAHOO.widget.Calendar2up("cal_s","container_s");
                  cal_s.title = "Select start date:";
                  cal_s.setChildFunction("onSelect", setDate_s);
                  cal_s.render();
                  cal_e = new YAHOO.widget.Calendar2up("cal_e","container_e");
                  cal_e.title = "Select end date:";
                  cal_e.setChildFunction("onSelect", setDate_e);
                  cal_e.render();
                         
                          cal_t = new YAHOO.widget.Calendar2up("cal_t","container_t");
                          cal_t.title = "Select termination date:";
                          cal_t.setChildFunction("onSelect", setDate_t);
                          cal_t.render();
                                         
                          document.contract.description.focus();
                          clientChanged();
                  }




                • peter_olte
                  Hi Steven, Could you give a source code example of what you would suggest? I have already tried to reproduce this in a simple example and failed. Thanks, Peter
                  Message 8 of 9 , Mar 28, 2006
                    Hi Steven,
                    Could you give a source code example of what you would suggest? I have
                    already tried to reproduce this in a simple example and failed.
                    Thanks,
                    Peter

                    --- In ydn-javascript@yahoogroups.com, "Steven Peterson"
                    <peterson@...> wrote:
                    >
                    > Peter,
                    >
                    >
                    >
                    > I believe this came up on the group previously, and it was solved by
                    making
                    > certain that the calendar container is not restricted in size by its
                    > container. Since these calendars are absolutely positioned anyway, I
                    would
                    > recommend that you try putting the calendar containers directly into the
                    > body, and see if you still have the same wrapping issue.
                    >
                    >
                    >
                    > Steven Peterson
                    >
                    > Web Developer, Platform Engineering
                    >
                    > Yahoo!
                    >
                    > _____
                    >
                    > From: ydn-javascript@yahoogroups.com
                    [mailto:ydn-javascript@yahoogroups.com]
                    > On Behalf Of peter_olte
                    > Sent: Monday, March 27, 2006 2:32 PM
                    > To: ydn-javascript@yahoogroups.com
                    > Subject: [ydn-javascript] Re: Calendar2Up displays vertical in ie.
                    >
                    >
                    >
                    > Thanks Cecil!
                    > Here is my init function. I include the entire function and the cal_t
                    > variable is the relevant one here and is global.
                    > I should be able to setup a demo login for you but we would have to do
                    > that outside of this discussion board :-)
                    > Cheers,
                    > Peter
                    >
                    >
                    > function load() {
                    >
                    > cal_s = new YAHOO.widget.Calendar2up("cal_s","container_s");
                    > cal_s.title = "Select start date:";
                    > cal_s.setChildFunction("onSelect", setDate_s);
                    > cal_s.render();
                    > cal_e = new YAHOO.widget.Calendar2up("cal_e","container_e");
                    > cal_e.title = "Select end date:";
                    > cal_e.setChildFunction("onSelect", setDate_e);
                    > cal_e.render();
                    >
                    > cal_t = new YAHOO.widget.Calendar2up("cal_t","container_t");
                    > cal_t.title = "Select termination date:";
                    > cal_t.setChildFunction("onSelect", setDate_t);
                    > cal_t.render();
                    >
                    > document.contract.description.focus();
                    > clientChanged();
                    > }
                    >
                    >
                    >
                    >
                    >
                    >
                    > _____
                    >
                    > YAHOO! GROUPS LINKS
                    >
                    >
                    >
                    > * Visit your group "ydn-javascript
                    > <http://groups.yahoo.com/group/ydn-javascript> " on the web.
                    >
                    > * To unsubscribe from this group, send an email to:
                    > ydn-javascript-unsubscribe@yahoogroups.com
                    > <mailto:ydn-javascript-unsubscribe@yahoogroups.com?subject=Unsubscribe>
                    >
                    > * Your use of Yahoo! Groups is subject to the Yahoo!
                    > <http://docs.yahoo.com/info/terms/> Terms of Service.
                    >
                    >
                    >
                    > _____
                    >
                  • Cecil Vermule
                    I just used your load function and I didn t get the same results. Steven could be right about a possible restriction on the container. If you could set up a
                    Message 9 of 9 , Mar 28, 2006
                      I just used your load function and I didn't get the same results.  Steven could be right about a possible restriction on the container.
                       
                      If you could set up a live demo, contact me at cecil.vermule+ydn@...

                       
                      On 3/28/06, peter_olte <peter_olte@...
                      > wrote:
                      Hi Steven,
                      Could you give a source code example of what you would suggest? I have
                      already tried to reproduce this in a simple example and failed.
                      Thanks,
                      Peter

                      --- In ydn-javascript@yahoogroups.com, "Steven Peterson"
                      <peterson@...> wrote:
                      >
                      > Peter,
                      >
                      >
                      >
                      > I believe this came up on the group previously, and it was solved by
                      making
                      > certain that the calendar container is not restricted in size by its
                      > container. Since these calendars are absolutely positioned anyway, I
                      would
                      > recommend that you try putting the calendar containers directly into the
                      > body, and see if you still have the same wrapping issue.
                      >
                      >
                      >
                      > Steven Peterson
                      >
                      > Web Developer, Platform Engineering
                      >
                      > Yahoo!
                      >
                      >   _____
                      >
                      > From: ydn-javascript@yahoogroups.com
                      [mailto:ydn-javascript@yahoogroups.com ]
                      > On Behalf Of peter_olte
                      > Sent: Monday, March 27, 2006 2:32 PM
                      > To: ydn-javascript@yahoogroups.com
                      > Subject: [ydn-javascript] Re: Calendar2Up displays vertical in ie.
                      >
                      >
                      >
                      > Thanks Cecil!
                      > Here is my init function. I include the entire function and the cal_t
                      > variable is the relevant one here and is global.
                      > I should be able to setup a demo login for you but we would have to do
                      > that outside of this discussion board :-)
                      > Cheers,
                      > Peter
                      >
                      >
                      > function load() {
                      >
                      > cal_s = new YAHOO.widget.Calendar2up("cal_s","container_s");
                      > cal_s.title = "Select start date:";
                      > cal_s.setChildFunction("onSelect", setDate_s);
                      > cal_s.render();
                      > cal_e = new YAHOO.widget.Calendar2up("cal_e","container_e");
                      > cal_e.title = "Select end date:";
                      > cal_e.setChildFunction("onSelect", setDate_e);
                      > cal_e.render();
                      >
                      >         cal_t = new YAHOO.widget.Calendar2up("cal_t","container_t");
                      >         cal_t.title = "Select termination date:";
                      >         cal_t.setChildFunction("onSelect", setDate_t);
                      >         cal_t.render();
                      >
                      >         document.contract.description.focus ();
                      >         clientChanged();
                      > }
                      >
                      >
                      >
                      >
                      >
                      >
                      >   _____
                      >
                      > YAHOO! GROUPS LINKS
                      >
                      >
                      >
                      > *      Visit your group "ydn-javascript
                      > <http://groups.yahoo.com/group/ydn-javascript> " on the web.
                      >
                      > *      To unsubscribe from this group, send an email to:
                      >   ydn-javascript-unsubscribe@yahoogroups.com
                      > <mailto:ydn-javascript-unsubscribe@yahoogroups.com ?subject=Unsubscribe>
                      >
                      > *      Your use of Yahoo! Groups is subject to the Yahoo!
                      > <http://docs.yahoo.com/info/terms/ >  Terms of Service.
                      >
                      >
                      >
                      >   _____
                      >







                      Yahoo! Groups Links

                      <*> To visit your group on the web, go to:
                         http://groups.yahoo.com/group/ydn-javascript/

                      <*> To unsubscribe from this group, send an email to:
                         ydn-javascript-unsubscribe@yahoogroups.com

                      <*> Your use of Yahoo! Groups is subject to:
                         http://docs.yahoo.com/info/terms/





                    Your message has been successfully submitted and would be delivered to recipients shortly.