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

Simpledialog succes in IE6 but not work FireFox 3.5

Expand Messages
  • Fai
    Hi, I can success to run the examplesimpledialog-quickstart_clean.html under IE 6, but when I try to run it under FireFox 3.5;the dialog box NOT pop-up. Do I
    Message 1 of 1 , Jun 30, 2009
    View Source
    • 0 Attachment
      Hi,

      I can success to run the examplesimpledialog-quickstart_clean.html under IE 6,
      but when I try to run it under FireFox 3.5;the dialog box NOT pop-up.
      Do I missing any codes? Can anybody please help me?
      Thanks in advance!


      The codes as below:

      +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>


      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <title>Dialog</title>

      <style type="text/css">
      /*margin and padding on body element
      can introduce errors in determining
      element position and are not recommended;
      we turn them off as a foundation for YUI
      CSS treatments. */
      body {
      margin:0;
      padding:0;
      }
      </style>

      <link rel="stylesheet" type="text/css" href="../yui/build/fonts/fonts-min.css" />
      <link rel="stylesheet" type="text/css" href="../yui/build/button/assets/skins/sam/button.css" />
      <link rel="stylesheet" type="text/css" href="../yui/build/container/assets/skins/sam/container.css" />
      <script type="text/javascript" src="../yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
      <script type="text/javascript" src="../yui/build/element/element-min.js"></script>
      <script type="text/javascript" src="../yui/build/button/button-min.js"></script>
      <script type="text/javascript" src="../yui/build/container/container-min.js"></script>
      <script type="text/javascript" src="../YUI/build/dragdrop/dragdrop-min.js"></script>
      <!--there is no custom header content for this example-->

      </head>

      <body class=" yui-skin-sam">


      <h1>Check Confirm Dialog</h1>



      </div>

      <!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->

      <style>
      #confContainer { height:2em; }
      </style>

      <script>

      YAHOO.namespace("example.confContainer");
      /* mySimpleDialog = new YAHOO.widget.SimpleDialog("container", {
      constraintoviewport : true,
      width: "20em",
      fixedcenter:true,
      modal:true,
      visible:true});
      mySimpleDialog.setHeader("Warning!");
      mySimpleDialog.setBody("Are you sure you want to delete this item?");
      mySimpleDialog.cfg.setProperty("icon",YAHOO.widget.SimpleDialog.ICON_WARN);
      mySimpleDialog.show();
      */
      // Define various event handlers for Dialog
      var handleYes = function() {
      //alert("You clicked yes!");
      this.hide();
      };
      var handleNo = function() {
      this.hide();
      };

      function chkConf() {
      ysd = new YAHOO.widget.SimpleDialog("confContainer",
      {width: "300px",
      fixedcenter: true,
      modal:true,
      draggable:true,
      close: true,
      text: "Do you want to continue?",
      constraintoviewport: true,
      buttons: [ { text:"Yes", handler:handleYes},{text:"No",handler:handleNo,isDefault:true}]} );
      ysd.cfg.setProperty("icon",YAHOO.widget.SimpleDialog.ICON_ALARM);
      ysd.setHeader("ZIM");
      ysd.render("confContainer");
      ysd.show();
      }

      YAHOO.util.Event.addListener(window, "load", chkConf);

      </script>


      <div id="confContainer"></div>
      <!-- <button id="show">Show simpledialog1</button> -->

      <!--END SOURCE CODE FOR EXAMPLE =============================== -->

      </body>
      </html>
      <!-- presentbright.corp.yahoo.com uncompressed/chunked Thu Feb 19 10:53:11 PST 2009 -->
    Your message has been successfully submitted and would be delivered to recipients shortly.