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

RE: [ydn-javascript] Re: Problem with Dialog

Expand Messages
  • 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 1 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 2 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 3 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 4 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 5 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 6 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 7 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 8 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.