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

Re: Problem with Dialog

Expand Messages
  • 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 1 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 2 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 3 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 4 of 10 , Sep 2 11:57 PM
          • 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 5 of 10 , Sep 3 12:13 AM
            • 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 6 of 10 , Sep 3 9:06 PM
              • 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 7 of 10 , Sep 4 10:23 PM
                • 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 8 of 10 , Sep 4 11:12 PM
                  • 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 9 of 10 , Sep 4 11:58 PM
                    • 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.