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

Problem with Dialog

Expand Messages
  • stefan@urkman.de
    Hello, I have a simple Dialog with one Entry Field. And in handleSubmit() I want to access this field, but I only get undefined . Here is the Code:
    Message 1 of 10 , Aug 30, 2007
    • 0 Attachment
      Hello,

      I have a simple Dialog with one Entry Field. And in handleSubmit() I want to access this field, but I only get "undefined".

      Here is the Code:

      <div id="myDialog">
      <div class="hd">Suchen</div>
      <div class="bd">
      <p>Geben sie bitte einen Suchbegriff ein:</p>
      <label for="SearchString">Suchen:</label><input type="text" name="SearchString" />
      </div>
      </div>

      var myDialog = new YAHOO.widget.Dialog("myDialog",
      {
      width: "400px",
      postmethod: "async",
      modal: true,
      visible : false,
      x: 200,
      y: 200,
      constraintoviewport : true
      }
      );
      var handleSubmit = function() {
      var searchString = myDialog.getData.SearchString;
      alert( searchString );

      this.hide();
      }

      var myButtons = [ { text:"Suchen", handler:handleSubmit, isDefault:true } ];
      myDialog.cfg.queueProperty("buttons", myButtons);
      myDialog.render();


      Where is my problem?

      Thanks for your Help,
      Stefan Sturm
    • slj81505
      You losted the form! You can t debug and trace into the method of getDate in container.js. ... ¡­¡­ ¡­¡­ 7394 /** 7395 * Returns a JSON-compatible data
      Message 2 of 10 , Aug 31, 2007
      • 0 Attachment
        You losted the form! You can't debug and trace into the method of
        getDate in container.js.
        ---------------------------------------------------
        ¡­¡­
        ¡­¡­
        7394 /**
        7395 * Returns a JSON-compatible data structure representing the data
        7396 * currently contained in the form.
        7397 * @method getData
        7398 * @return {Object} A JSON object reprsenting the data of the
        7399 * current form.
        7400 */
        7401 getData: function () {
        7402
        7403 var oForm = this.form,
        ¡­¡­
        7432 if (oForm) {
        ¡­¡­
        7575 }
        7576
        7577
        7578 return oDate;
        7579
        7580 },
        ---------------------------------------------------

        --- In ydn-javascript@yahoogroups.com, stefan@... wrote:
        >
        > Hello,
        >
        > I have a simple Dialog with one Entry Field. And in handleSubmit()
        I want to access this field, but I only get "undefined".
        >
        > Here is the Code:
        >
        > <div id="myDialog">
        > <div class="hd">Suchen</div>
        > <div class="bd">
        > <p>Geben sie bitte einen Suchbegriff ein:</p>
        > <label for="SearchString">Suchen:</label><input
        type="text" name="SearchString" />
        > </div>
        > </div>
        >
        > var myDialog = new YAHOO.widget.Dialog("myDialog",
        > {
        > width: "400px",
        > postmethod: "async",
        > modal: true,
        > visible : false,
        > x: 200,
        > y: 200,
        > constraintoviewport : true

        > }
        > );
        > var handleSubmit = function() {
        > var searchString = myDialog.getData.SearchString;
        > alert( searchString );
        >
        > this.hide();
        > }
        >
        > var myButtons = [ { text:"Suchen", handler:handleSubmit,
        isDefault:true } ];
        > myDialog.cfg.queueProperty("buttons", myButtons);
        > myDialog.render();
        >
        >
        > Where is my problem?
        >
        > Thanks for your Help,
        > Stefan Sturm
        >
      • stefan@urkman.de
        Hello, thanks for your anser. My problem is: I m using PRADO( www.pradosoft.com ) for my application. And one concept of PRADO ist: One form for one page. So I
        Message 3 of 10 , Aug 31, 2007
        • 0 Attachment
          Hello,

          thanks for your anser.
          My problem is:
          I'm using PRADO( www.pradosoft.com ) for my application.
          And one concept of PRADO ist: One form for one page.

          So I allready have a form on my page.
          Thats, why things went wrong. Just try this:

              <body class=" yui-skin-sam" id="yahoo-com">
              <form>
              <script>
                  YAHOO.namespace("CoRAN.container");
                 
                  function init() {

                      var handleSubmit = function() {
                          alert( 'handleSubmit' )
                          var searchString = this.getData().searchString;
                          alert( searchString );
                          this.submit();
                      }

                      var handleSuccess = function(o) {
                          alert( "handleSuccess" );
                      };

                      var handleFailure = function(o) {
                          alert("Submission failed: " + o.status);
                      };

                      YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog",
                          {
                              postmethod: "async",
                              width: "400px",
                              modal: true,
                              visible : false,
                              x: 200,
                              y: 200,
                              constraintoviewport : true,
                              buttons :
                              [
                                  { text:"Suchen", handler:handleSubmit, isDefault:true }
                              ]
                          }
                      );

                      // Wire up the success and failure handlers
                      YAHOO.CoRAN.container.myDialog.callback =
                      {
                          success: handleSuccess,
                          failure: handleFailure
                      };

                      YAHOO.CoRAN.container.myDialog.render();
           
                      YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                  }

                  YAHOO.util.Event.onDOMReady(init);
              </script>
              <a href="#" id="btnClick">Click</a>
             
              <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                  <div id="myDialog">
                      <form method="post">
                      <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                      <div class="bd" style="color: #000000; text-align: left;">
                          <p>Geben sie bitte einen Suchbegriff ein:</p>
                          <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                      </div>
                      </form>
                  </div>
              </div>
              </form>
              </body>

          and you get some errors:
           - One exception: NS_ERROR_ILLEGAL_VALUE
           - the Dialog gets not rendered OK. It just put an empty form to the dialog:

          This is the html of the rendered dialog:
          <div style="font-size: 12px; font-weight: normal; text-transform: none; color: rgb(255, 255, 255);">
          <div style="z-index: 1; left: 200px; top: 200px; visibility: visible;" id="myDialog_c" class="yui-panel-container yui-dialog shadow">
          <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
          <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">
          Suchen
          </div>
          <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
          <p>
          Geben sie bitte einen Suchbegriff ein:
          </p>
          <label for="SearchString">
          Suchen:
          </label>
            <input id="searchString" name="searchString" type="text">
          <form name="frm_myDialog">
          </form>
          </div>
          <div class="container-close">
          &nbsp;
          </div>
          <div class="ft">
          <span class="button-group">
          <span class="yui-button yui-push-button default" id="yui-gen0">
          <span class="first-child">
            <button type="button">
          Suchen
            </button>
          </span>
          </span>
          </span>
          </div>
          </div>
          <div class="underlay">
          </div>
          </div>
          </div>
          As you can see, there is just an empty form:
          <form name="frm_myDialog">
          </form>
          So, how can I use the YUI Dialog the "PRADO Way"?

          Thanks for your Help,
          Stefan Sturm

           

          You losted the form! You can't debug and trace into the method of
          getDate in container.js.
          ---------------------------------------------------
          ¡­¡­
          ¡­¡­
          7394 /**
          7395 * Returns a JSON-compatible data structure representing the data
          7396 * currently contained in the form.
          7397 * @method getData
          7398 * @return {Object} A JSON object reprsenting the data of the
          7399 * current form.
          7400 */
          7401 getData: function () {
          7402
          7403 var oForm = this.form,
          ¡­¡­
          7432 if (oForm) {
          ¡­¡­
          7575 }
          7576
          7577
          7578 return oDate;
          7579
          7580 },
          ---------------------------------------------------

          --- In ydn-javascript@yahoogroups.com, stefan@... wrote:
          >
          > Hello,
          >
          > I have a simple Dialog with one Entry Field. And in handleSubmit()
          I want to access this field, but I only get "undefined".
          >
          > Here is the Code:
          >
          > <div id="myDialog">
          > <div class="hd">Suchen</div>
          > <div class="bd">
          > <p>Geben sie bitte einen Suchbegriff ein:</p>
          > <label for="SearchString">Suchen:</label><input
          type="text" name="SearchString" />
          > </div>
          > </div>
          >
          > var myDialog = new YAHOO.widget.Dialog("myDialog",
          > {
          > width: "400px",
          > postmethod: "async",
          > modal: true,
          > visible : false,
          > x: 200,
          > y: 200,
          > constraintoviewport : true

          > }
          > );
          > var handleSubmit = function() {
          > var searchString = myDialog.getData.SearchString;
          > alert( searchString );
          >
          > this.hide();
          > }
          >
          > var myButtons = [ { text:"Suchen", handler:handleSubmit,
          isDefault:true } ];
          > myDialog.cfg.queueProperty("buttons", myButtons);
          > myDialog.render();
          >
          >
          > Where is my problem?
          >
          > Thanks for your Help,
          > Stefan Sturm
          >

        • lijie shen
          Hello, I see your code and find that the form tag lost the prototype of action , so occur error because uri is empty(null) when the XMLHTTPRequest post the
          Message 4 of 10 , Aug 31, 2007
          • 0 Attachment
            Hello,
            I see your code and find that the form tag lost the prototype of "action", so occur error because uri is empty(null) when the XMLHTTPRequest post the data.
            You can add the "action" prototype with your form to avoid the error.
             
            Follow is my code.
             
            /****************************************************/

            <html>
            <head>
            <title>test</title>
            <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
            <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
            <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
            <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
            <script type="text/javascript" src="../../build/button/button-beta.js"></script>
            <script type="text/javascript" src="../../build/container/container.js"></script>
            </head>
            <body class=" yui-skin-sam" id="yahoo-com">
                <script>
                    YAHOO.namespace("CoRAN.container");
                   
                    function init() {

                        var handleSubmit = function() {
                            alert( 'handleSubmit' )
                            var searchString = this.getData().searchString;
                            alert( searchString );
                            this.submit();
                        }

                        var handleSuccess = function(o) {
                            alert( "handleSuccess" );
                        };

                        var handleFailure = function(o) {
                            alert("Submission failed: " + o.status);
                        };

                        YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog",
                            {
                                postmethod: "async",
                                width: "400px",
                                modal: true,
                                visible : false,
                                x: 200,
                                y: 200,
                                constraintoviewport : true,
                                buttons :
                                [
                                    { text:"Suchen", handler:handleSubmit, isDefault:true }
                                ]
                            }
                        );

                        // Wire up the success and failure handlers
                        YAHOO.CoRAN.container.myDialog.callback =
                        {
                            success: handleSuccess,
                            failure: handleFailure
                        };

                        YAHOO.CoRAN.container.myDialog.render();
             
                        YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                    }

                    YAHOO.util.Event.onDOMReady(init);
                </script>
                <a href="#" id="btnClick">Click</a>
               
                <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                    <div id="myDialog">
                        <form method="post" action="test.jsp">  <!-- not lost the "action" prototype!!! //-->
                        <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                        <div class="bd" style="color: #000000; text-align: left;">
                            <p>Geben sie bitte einen Suchbegriff ein:</p>
                            <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                        </div>
                        </form>
                    </div>
                </div>
                </body>
            </html>

            /***********************************************************************/

          • stefan@urkman.de
            Hello, thanks for your answer. But my problem is, that my page allready contails a form. So I have something like this:
            Message 5 of 10 , Sep 2, 2007
            • 0 Attachment
              Hello,

              thanks for your answer. But my problem is, that my page allready contails a form. So I have something like this:

              <form action="page.php">
                  <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                      <div id="myDialog">
                          <form method="post" action="page.php">
                          <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                          <div class="bd" style="color: #000000; text-align: left;">
                              <p>Geben sie bitte einen Suchbegriff ein:</p>
                              <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                          </div>
                          </form>
                      </div>
                  </div>
              </form>

              Now my "inner form" has an sction, but with the "outer" form it is still the same. The rendered HTML Code looks like this ( shortened ) :
              <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
              <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">
              Suchen
              </div>
              <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
              <p>
              Geben sie bitte einen Suchbegriff ein:
              </p>
              <label for="SearchString">
              Suchen:
              </label>
                <input id="searchString" name="searchString" type="text">
              <form name="frm_myDialog">
              </form>
              </div>
              I hope, it is not a problem to have a form, that spanning the whole page..

              Thanks for you help,
              Stefan Sturm


               

              Hello,
              I see your code and find that the form tag lost the prototype of "action", so occur error because uri is empty(null) when the XMLHTTPRequest post the data.
              You can add the "action" prototype with your form to avoid the error.
               
              Follow is my code.
               
              /****************************************************/

              <html>
              <head>
              <title>test</title>
              <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
              <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
              <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
              <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
              <script type="text/javascript" src="../../build/button/button-beta.js"></script>
              <script type="text/javascript" src="../../build/container/container.js"></script>
              </head>
              <body class=" yui-skin-sam" id="yahoo-com">
                  <script>
                      YAHOO.namespace("CoRAN.container");
                     
                      function init() {

                          var handleSubmit = function() {
                              alert( 'handleSubmit' )
                              var searchString = this.getData().searchString;
                              alert( searchString );
                              this.submit();
                          }

                          var handleSuccess = function(o) {
                              alert( "handleSuccess" );
                          };

                          var handleFailure = function(o) {
                              alert("Submission failed: " + o.status);
                          };

                          YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog",
                              {
                                  postmethod: "async",
                                  width: "400px",
                                  modal: true,
                                  visible : false,
                                  x: 200,
                                  y: 200,
                                  constraintoviewport : true,
                                  buttons :
                                  [
                                      { text:"Suchen", handler:handleSubmit, isDefault:true }
                                  ]
                              }
                          );

                          // Wire up the success and failure handlers
                          YAHOO.CoRAN.container.myDialog.callback =
                          {
                              success: handleSuccess,
                              failure: handleFailure
                          };

                          YAHOO.CoRAN.container.myDialog.render();
               
                          YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                      }

                      YAHOO.util.Event.onDOMReady(init);
                  </script>
                  <a href="#" id="btnClick">Click</a>
                 
                  <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                      <div id="myDialog">
                          <form method="post" action="test.jsp">  <!-- not lost the "action" prototype!!! //-->
                          <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                          <div class="bd" style="color: #000000; text-align: left;">
                              <p>Geben sie bitte einen Suchbegriff ein:</p>
                              <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                          </div>
                          </form>
                      </div>
                  </div>
                  </body>
              </html>

              /***********************************************************************/

            • Satyam
              Two forms, actually. ... From: stefan@urkman.de To: ydn-javascript@yahoogroups.com Sent: Monday, September 03, 2007 8:57 AM Subject: Re: [ydn-javascript] Re:
              Message 6 of 10 , Sep 3, 2007
              • 0 Attachment
                
                Two forms, actually.
                 
                ----- Original Message -----
                Sent: Monday, September 03, 2007 8:57 AM
                Subject: Re: [ydn-javascript] Re: Problem with Dialog

                Hello,

                thanks for your answer. But my problem is, that my page allready contails a form. So I have something like this:

                <form action="page.php">
                    <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                        <div id="myDialog">
                            <form method="post" action="page.php">
                            <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                            <div class="bd" style="color: #000000; text-align: left;">
                                <p>Geben sie bitte einen Suchbegriff ein:</p>
                                <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                            </div>
                            </form>
                        </div>
                    </div>
                </form>

                Now my "inner form" has an sction, but with the "outer" form it is still the same. The rendered HTML Code looks like this ( shortened ) :
                <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
                <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">
                Suchen
                </div>
                <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
                <p>
                Geben sie bitte einen Suchbegriff ein:
                </p>
                <label for="SearchString">
                Suchen:
                </label>
                  <i nput id="searchString" name="searchString" type="text">
                <form name="frm_myDialog">
                </form>
                </div>
                I hope, it is not a problem to have a form, that spanning the whole page..

                Thanks for you help,
                Stefan Sturm


                 

                Hello,
                I see your code and find that the form tag lost the prototype of "action", so occur error because uri is empty(null) when the XMLHTTPRequest post the data.
                You can add the "action" prototype with your form to avoid the error.
                 
                Follow is my code.
                 
                /****************************************************/

                <html>
                <head>
                <title>test</title>
                <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
                <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
                <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
                <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
                <script type="text/javascript" src="../../build/button/button-beta.js"></script>
                <script type="text/javascript" src="../../build/container/container.js"></script>
                </head>
                <body class=" yui-skin-sam" id="yahoo-com">
                    <script>
                        YAHOO.namespace("CoRAN.container");
                       
                        function init() {

                            var handleSubmit = function() {
                                alert( 'handleSubmit' )
                                var searchString = this.getData().searchString;
                                alert( searchString );
                                this.submit();
                            }

                            var handleSuccess = function(o) {
                                alert( "handleSuccess" );
                            };

                            var handleFailure = function(o) {
                                alert("Submission failed: " + o.status);
                            };

                            YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog",
                                {
                                    postmethod: "async",
                                    width: "400px",
                                    modal: true,
                                    visible : false,
                                    x: 200,
                                    y: 200,
                                    constraintoviewport : true,
                                    buttons :
                                    [
                                        { text:"Suchen", handler:handleSubmit, isDefault:true }
                                    ]
                                }
                            );

                            // Wire up the success and failure handlers
                            YAHOO.CoRAN.container.myDialog.callback =
                            {
                                success: handleSuccess,
                                failure: handleFailure
                            };

                            YAHOO.CoRAN.container.myDialog.render();
                 
                            YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                        }

                        YAHOO.util.Event.onDOMReady(init);
                    </script>
                    <a href="#" id="btnClick">Click</a>
                   
                    <div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                        <div id="myDialog">
                            <form method="post" action="test.jsp">  <!-- not lost the "action" prototype!!! //-->
                            <div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;">Suchen</div>
                            <div class="bd" style="color: #000000; text-align: left;">
                                <p>Geben sie bitte einen Suchbegriff ein:</p>
                                <label for="SearchString">Suchen:</label><input type="text" id="searchString" name="searchString" />
                            </div>
                            </form>
                        </div>
                    </div>
                    </body>
                </html>

                /***********************************************************************/


                No virus found in this incoming message.
                Checked by AVG Free Edition.
                Version: 7.5.484 / Virus Database: 269.13.2/985 - Release Date: 02/09/2007 16:32
              • lijie shen
                Yes, this s a problem. I find it, too. It s fine in Internet Explorer, but occured in FireFox. I have debuged it, and not find anything. Who can tell me this
                Message 7 of 10 , Sep 3, 2007
                • 0 Attachment
                  Yes, this's a problem. I find it, too.
                  It's fine in Internet Explorer, but occured in FireFox.
                  I have debuged it, and not find anything.
                  Who can tell me this answer ?
                   
                  Follow the code:
                   
                  Source Code:
                  <html>
                  <head>
                  <title>test</title>
                  <link rel="stylesheet" type="text/css" 
                  href="../../build/fonts/fonts-min.css" />
                  <link rel="stylesheet" type="text/css" 
                  href="../../build/button/assets/skins/sam/button.css" />
                  <link rel="stylesheet" type="text/css" 
                  href="../../build/container/assets/skins/sam/container.css" />
                  <script type="text/javascript" src="../../build/utilities/utilities.js"
                  
                  ></script>
                  <script type="text/javascript" src="../../build/button/button- beta.js"></script> <script type="text/javascript" src="../../build/container/container.js"
                  ></script>
                  </head> <body class=" yui-skin-sam" id="yahoo-com"
                  >
                  <script type="text/javascript"> YAHOO.namespace("CoRAN.container"); function init() { var handleSubmit = function() { alert( 'handleSubmit' ) var str = this.getData().searchString; alert( str ); this.submit(); } var handleSuccess = function(o) { alert( "handleSuccess" ); }; var handleFailure = function(o) { alert("Submission failed: " + o.status); }; YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", { postmethod: "async", width: "400px", modal: true, visible : false, x: 200, y: 200, constraintoviewport : true, buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ] }); // Wire up the success and failure handlers YAHOO.CoRAN.container.myDialog.callback = { success: handleSuccess, failure: handleFailure }; YAHOO.CoRAN.container.myDialog.render(); YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true); } YAHOO.util.Event.onDOMReady(init); </script>
                  <a href="#" id=
                  "btnClick">Click</a>
                  
                  <form method="post" name=
                  "outerForm" action="test.jsp">
                  	<div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                  		<div id="myDialog">
                  			<form method="post" name=
                  "innerForm" action="test.jsp">
                  				<div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;"
                  
                  >Suchen</div>
                  <div class="bd" style="color: #000000; text-align: left;"
                  >
                  <p>Geben sie bitte einen Suchbegriff ein:</p>
                  					<label for="SearchString">Suchen:<
                  input type="text" id="searchString" 
                  name="searchString" /></label>
                  
                  				</div>
                  			</form>
                  		</div>
                  	</div>
                  </form>
                  </body>
                  </html>
                  Output Code(FireFox):

                  <head><title>test</title>


                  <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css">
                  <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css">
                  <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css">
                  <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
                  <script type="text/javascript" src="../../build/button/button-beta.js"></script>
                  <script type="text/javascript" src="../../build/container/container.js"></script><link href="chrome://firebug/content/highlighter.css" type="text/css" rel="stylesheet"></head><body class="yui-skin-sam" id="yahoo-com">
                  <script type="text/javascript">
                  YAHOO.namespace("CoRAN.container");

                  function init() {
                   var handleSubmit = function() {
                    alert( 'handleSubmit' )
                    var str = this.getData().searchString;
                    alert( str );
                    this.submit();
                   }

                   var handleSuccess = function(o) {
                    alert( "handleSuccess" );
                   };

                   var handleFailure = function(o) {
                    alert("Submission failed: " + o.status);
                   };

                   YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", {
                    postmethod: "async",
                    width: "400px",
                    modal: true,
                    visible : false,
                    x: 200,
                    y: 200,
                    constraintoviewport : true,
                    buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ]
                   });

                   // Wire up the success and failure handlers
                   YAHOO.CoRAN.container.myDialog.callback = {
                    success: handleSuccess,
                    failure: handleFailure
                   };

                   YAHOO.CoRAN.container.myDialog.render();

                   YAHOO.util.Event.addListener ("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                  }

                  YAHOO.util.Event.onDOMReady(init);
                  </script>

                  <a href="#" id="btnClick">Click</a>

                  <form method="post" name="outerForm" action="test.jsp ">
                   <div style="font-size: 12px; font-weight: normal; text-transform: none; color: rgb(255, 255, 255);">
                    <div style="z-index: 1; left: 200px; top: 200px;" id="myDialog_c" class="yui-panel-container yui-dialog shadow">

                  <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
                     
                      <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">Suchen</div>
                      <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
                       <p>Geben sie bitte einen Suchbegriff ein:</p>
                       <label for="SearchString">Suchen:<input id="searchString" name="searchString" type="text"></label>
                       <form name="frm_myDialog"></form>

                  </div>
                     
                     <div class="container-close">&nbsp;</div>

                  <div class="ft"><span class="button-group"><span class="yui-button yui-push-button default" id="yui-gen0"><span class="first-child"><button type="button">Suchen</button></span></span></span> </div>

                  </div>

                  </div>
                   </div>

                  </form>

                  <iframe style="border-width: 0pt; position: absolute; visibility: visible; width: 10em; height: 10em; top: -130px; left: -130px;" id="_yuiResizeMonitor" src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%3Cscript%20type%3D%22text%2Fjavascript%22%3Ewindow.onresize%3Dfunction%28%29%7Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%7D%3Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E"></iframe></body>

                • stefan@urkman.de
                  Hello, I think this is a Bug. How can we report it to the developers? Greetings, Stefan Sturm Yes, this s a problem. I find it, too. It s fine in Internet
                  Message 8 of 10 , Sep 4, 2007
                  • 0 Attachment
                    Hello,

                    I think this is a Bug. How can we report it to the developers?

                    Greetings,
                    Stefan Sturm

                     

                    Yes, this's a problem. I find it, too.
                    It's fine in Internet Explorer, but occured in FireFox.
                    I have debuged it, and not find anything.
                    Who can tell me this answer ?
                     
                    Follow the code:
                     
                    Source Code:
                    <html>
                    <head>
                    <title>test</title>
                    <link rel="stylesheet" type="text/css" 
                    href="../../build/fonts/fonts-min.css" />
                    <link rel="stylesheet" type="text/css" 
                    href="../../build/button/assets/skins/sam/button.css" />
                    <link rel="stylesheet" type="text/css" 
                    href="../../build/container/assets/skins/sam/container.css" />
                    <script type="text/javascript" src="../../build/utilities/utilities.js"
                    
                    ></script>
                    <script type="text/javascript" src="../../build/button/button- beta.js"></script> <script type="text/javascript" src="../../build/container/container.js"
                    ></script>
                    </head> <body class=" yui-skin-sam" id="yahoo-com"
                    >
                    <script type="text/javascript"> YAHOO.namespace("CoRAN.container"); function init() { var handleSubmit = function() { alert( 'handleSubmit' ) var str = this.getData().searchString; alert( str ); this.submit(); } var handleSuccess = function(o) { alert( "handleSuccess" ); }; var handleFailure = function(o) { alert("Submission failed: " + o.status); }; YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", { postmethod: "async", width: "400px", modal: true, visible : false, x: 200, y: 200, constraintoviewport : true, buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ] }); // Wire up the success and failure handlers YAHOO.CoRAN.container.myDialog.callback = { success: handleSuccess, failure: handleFailure }; YAHOO.CoRAN.container.myDialog.render(); YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true); } YAHOO.util.Event.onDOMReady(init); </script>
                    <a href="#" id=
                    "btnClick">Click</a>
                    
                    <form method="post" name=
                    "outerForm" action="test.jsp">
                    	<div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                    		<div id="myDialog">
                    			<form method="post" name=
                    "innerForm" action="test.jsp">
                    				<div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;"
                    
                    >Suchen</div>
                    <div class="bd" style="color: #000000; text-align: left;"
                    >
                    <p>Geben sie bitte einen Suchbegriff ein:</p>
                    					<label for="SearchString">Suchen:<
                    input type="text" id="searchString" 
                    name="searchString" /></label>
                    
                    				</div>
                    			</form>
                    		</div>
                    	</div>
                    </form>
                    </body>
                    </html>
                    Output Code(FireFox):

                    <head><title>test</title>


                    <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css">
                    <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css">
                    <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css">
                    <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
                    <script type="text/javascript" src="../../build/button/button-beta.js"></script>
                    <script type="text/javascript" src="../../build/container/container.js"></script><link href="chrome://firebug/content/highlighter.css" type="text/css" rel="stylesheet"></head><body class="yui-skin-sam" id="yahoo-com">
                    <script type="text/javascript">
                    YAHOO.namespace("CoRAN.container");

                    function init() {
                     var handleSubmit = function() {
                      alert( 'handleSubmit' )
                      var str = this.getData().searchString;
                      alert( str );
                      this.submit();
                     }

                     var handleSuccess = function(o) {
                      alert( "handleSuccess" );
                     };

                     var handleFailure = function(o) {
                      alert("Submission failed: " + o.status);
                     };

                     YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", {
                      postmethod: "async",
                      width: "400px",
                      modal: true,
                      visible : false,
                      x: 200,
                      y: 200,
                      constraintoviewport : true,
                      buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ]
                     });

                     // Wire up the success and failure handlers
                     YAHOO.CoRAN.container.myDialog.callback = {
                      success: handleSuccess,
                      failure: handleFailure
                     };

                     YAHOO.CoRAN.container.myDialog.render();

                     YAHOO.util.Event.addListener ("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                    }

                    YAHOO.util.Event.onDOMReady(init);
                    </script>

                    <a href="#" id="btnClick">Click</a>

                    <form method="post" name="outerForm" action="test.jsp ">
                     <div style="font-size: 12px; font-weight: normal; text-transform: none; color: rgb(255, 255, 255);">
                      <div style="z-index: 1; left: 200px; top: 200px;" id="myDialog_c" class="yui-panel-container yui-dialog shadow">

                    <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
                       
                        <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">Suchen</div>
                        <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
                         <p>Geben sie bitte einen Suchbegriff ein:</p>
                         <label for="SearchString">Suchen:<input id="searchString" name="searchString" type="text"></label>
                         <form name="frm_myDialog"></form>

                    </div>
                       
                       <div class="container-close">&nbsp;</div>

                    <div class="ft"><span class="button-group"><span class="yui-button yui-push-button default" id="yui-gen0"><span class="first-child"><button type="button">Suchen</button></span></span></span> </div>

                    </div>

                    </div>
                     </div>

                    </form>

                    <iframe style="border-width: 0pt; position: absolute; visibility: visible; width: 10em; height: 10em; top: -130px; left: -130px;" id="_yuiResizeMonitor" src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%3Cscript%20type%3D%22text%2Fjavascript%22%3Ewindow.onresize%3Dfunction%28%29%7Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%7D%3Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E"></iframe></body>

                  • George Miller
                    Dear Stefan, So you are saying you can get this to work in FF? I cant get it to work in either. The dialogs now work in FF, it didn’t like my var user_id =
                    Message 9 of 10 , Sep 4, 2007
                    • 0 Attachment

                      Dear Stefan,

                      So you are saying you can get this to work in FF?

                      I cant get it to work in either.

                      The dialogs now work in FF, it didn’t like my  var user_id = <?php echo $_SESSION[‘kt_login_id’];?>;

                      Any ideas how to print that out properly , so FF is happy?

                      Thanks for getting involved, two heads are better than one!!

                      George

                       

                      www.pc24hr.co.uk

                      01962 862226

                      07796 687284

                       


                      No virus found in this outgoing message.
                      Checked by AVG Free Edition.
                      Version: 7.5.485 / Virus Database: 269.13.3/986 - Release Date: 03/09/2007 09:31

                    • Satyam
                      it s at the bottom of every single page in the documentation: http://developer.yahoo.com/yui/yahoo/#filingbugs ... From: stefan@urkman.de To:
                      Message 10 of 10 , Sep 4, 2007
                      • 0 Attachment
                        
                        it's at the bottom of every single page in the documentation:
                         
                         
                         
                        ----- Original Message -----
                        Sent: Wednesday, September 05, 2007 7:23 AM
                        Subject: Re: [ydn-javascript] Re: Problem with Dialog

                        Hello,

                        I think this is a Bug. How can we report it to the developers?

                        Greetings,
                        Stefan Sturm

                         

                        Yes, this's a problem. I find it, too.
                        It's fine in Internet Explorer, but occured in FireFox.
                        I have debuged it, and not find anything.
                        Who can tell me this answer ?
                         
                        Follow the code:
                         
                        Source Code:
                        <html>
                        <head>
                        <title>test</title>
                        <link rel="stylesheet" type="text/css" 
                        href="../../build/fonts/fonts-min.css" />
                        <link rel="stylesheet" type="text/css" 
                        href="../../build/button/assets/skins/sam/button.css" />
                        <link rel="stylesheet" type="text/css" 
                        href="../../build/container/assets/skins/sam/container.css" />
                        <script type="text/javascript" src="../../build/utilities/utilities.js"
                        ></script>
                        <script type="text/javascript" src="../../build/button/button-
                        beta.js"></script>
                        <script type="text/javascript" src="../../build/container/container.js"
                        ></script>
                        </head>
                        <body class=" yui-skin-sam" id="yahoo-com"
                        >
                        <script type="text/javascript">
                        YAHOO.namespace("CoRAN.container");
                        
                        function init() {
                        	var handleSubmit = function() {
                        		alert( 'handleSubmit' )
                        		var str = this.getData().searchString;
                        		alert( str );
                        		this.submit();
                        	}
                        
                        	var handleSuccess = function(o) {
                        		alert( "handleSuccess" );
                        	};
                        
                        	var handleFailure = function(o) {
                        		alert("Submission failed: " + o.status);
                        	};
                        
                        	YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", {
                        		postmethod: "async", 
                        		width: "400px",
                        		modal: true, 
                        		visible : false, 
                        		x: 200,
                        		y: 200,
                        		constraintoviewport : true,
                        		buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ]
                        	});
                        
                        	// Wire up the success and failure handlers
                        	YAHOO.CoRAN.container.myDialog.callback = { 
                        		success: handleSuccess,
                        		failure: handleFailure
                        	};
                        
                        	YAHOO.CoRAN.container.myDialog.render();
                        
                        	YAHOO.util.Event.addListener("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                        }
                        
                        YAHOO.util.Event.onDOMReady(init);
                        </script>
                        
                        <a href="#" id=
                        "btnClick">Click</a>
                        
                        <form method="post" name=
                        "outerForm" action="test.jsp">
                        	<div style="font-size: 12px; font-weight: normal; text-transform: none; color: #FFFFFF;">
                        		<div id="myDialog">
                        			<form method="post" name=
                        "innerForm" action="test.jsp">
                        				<div class="hd" style="font-size: 14px; font-weight: bold; color: #000000;"
                        >Suchen</div>
                        				<div class="bd" style="color: #000000; text-align: left;"
                        >
                        					<p>Geben sie bitte einen Suchbegriff ein:</p>
                        
                        					<label for="SearchString">Suchen:<
                        input type="text" id="searchString" 
                        name="searchString" /></label>
                        
                        				</div>
                        			</form>
                        		</div>
                        	</div>
                        </form>
                        </body>
                        </html>
                        Output Code(FireFox):

                        <head><title>test</title>


                        <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css">
                        <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css">
                        <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css">
                        <script type="text/javascript" src="../../build/utilities/utilities.js"></script>
                        <script type="text/javascript" src="../../build/button/button-beta.js"></script>
                        <script type="text/javascript" src="../../build/container/container.js"></script><link href="chrome://firebug/content/highlighter.css" type="text/css" rel="stylesheet"></head><body class="yui-skin-sam" id="yahoo-com">
                        <script type="text/javascript">
                        YAHOO.namespace("CoRAN.container");

                        function init() {
                         var handleSubmit = function() {
                          alert( 'handleSubmit' )
                          var str = this.getData().searchString;
                          alert( str );
                          this.submit();
                         }

                         var handleSuccess = function(o) {
                          alert( "handleSuccess" );
                         };

                         var handleFailure = function(o) {
                          alert("Submission failed: " + o.status);
                         };

                         YAHOO.CoRAN.container.myDialog = new YAHOO.widget.Dialog("myDialog", {
                          postmethod: "async",
                          width: "400px",
                          modal: true,
                          visible : false,
                          x: 200,
                          y: 200,
                          constraintoviewport : true,
                          buttons : [ { text:"Suchen", handler:handleSubmit, isDefault:true } ]
                         });

                         // Wire up the success and failure handlers
                         YAHOO.CoRAN.container.myDialog.callback = {
                          success: handleSuccess,
                          failure: handleFailure
                         };

                         YAHOO.CoRAN.container.myDialog.render();

                         YAHOO.util.Event.addListener ("btnClick", "click", YAHOO.CoRAN.container.myDialog.show, YAHOO.CoRAN.container.myDialog, true);
                        }

                        YAHOO.util.Event.onDOMReady(init);
                        </script>

                        <a href="#" id="btnClick">Click</a>

                        <form method="post" name="outerForm" action="test.jsp ">
                         <div style="font-size: 12px; font-weight: normal; text-transform: none; color: rgb(255, 255, 255);">
                          <div style="z-index: 1; left: 200px; top: 200px;" id="myDialog_c" class="yui-panel-container yui-dialog shadow">

                        <div style="visibility: inherit; width: 400px;" class="yui-module yui-overlay yui-panel" id="myDialog">
                           
                            <div id="myDialog_h" class="hd" style="font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); cursor: move;">Suchen</div>
                            <div class="bd" style="color: rgb(0, 0, 0); text-align: left;">
                             <p>Geben sie bitte einen Suchbegriff ein:</p>
                             <label for="SearchString">Suchen:<input id="searchString" name="searchString" type="text"></label>
                             <form name="frm_myDialog"></form>

                        </div>
                           
                           <div class="container-close">&nbsp;</div>

                        <div class="ft"><span class="button-group"><span class="yui-button yui-push-button default" id="yui-gen0"><span class="first-child"><button type="button">Suchen</button></span></span></span> </div>

                        </div>

                        </div>
                         </div>

                        </form>

                        <iframe style="border-width: 0pt; position: absolute; visibility: visible; width: 10em; height: 10em; top: -130px; left: -130px;" id="_yuiResizeMonitor" src="data:text/html;charset=utf-8,%3Chtml%3E%3Chead%3E%3Cscript%20type%3D%22text%2Fjavascript%22%3Ewindow.onresize%3Dfunction%28%29%7Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%7D%3Bwindow.parent.YAHOO.widget.Module.textResizeEvent.fire%28%29%3B%3C%2Fscript%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E"></iframe></body>


                        No virus found in this incoming message.
                        Checked by AVG Free Edition.
                        Version: 7.5.485 / Virus Database: 269.13.3/986 - Release Date: 03/09/2007 9:31
                      Your message has been successfully submitted and would be delivered to recipients shortly.