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

Modal Panel help

Expand Messages
  • Phil Strong
    ... From: Phil Strong Date: Jun 28, 2006 9:48 AM Subject: Modal Panel help To: ydn-javascript@yahoogroups.com Ok so I have a small
    Message 1 of 2 , Jun 28, 2006
    • 0 Attachment
      ---------- Forwarded message ----------
      From: Phil Strong <phil.strong@...>
      Date: Jun 28, 2006 9:48 AM
      Subject: Modal Panel help
      To: ydn-javascript@yahoogroups.com

      Ok so I have a small 32x32 animated gif pilferred from none other than ajaxload.info (great site).  I want to have it appear as a modal in the center of my screen while waiting for callbacks from the server.  I create a div that seen at the very bottom which is basically that animated gif.  I then on window load initialize a panel (see init function).  Take a look at my code and see if there is anything that jumps out at you.  As you may notice this is being done in visual studio 2003 which could be adding in some crap, who knows.
       
      Thanks
       
      Phil
       
      <- Code ->

      <%@ Page Language="vb" AutoEventWireup="false" Codebehind="default.aspx.vb" Inherits="DScanWeb._default"%>

      <!

      DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

      <

      HTML>

      <

      HEAD>

      <title>default</ title>

      <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">

      <meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">

      <meta content="JavaScript" name="vs_defaultClientScript">

      <meta content=" http://schemas.microsoft.com/intellisense/ie5" name ="vs_targetSchema">

      <LINK href=" http://localhost/DScanWeb/Styles.css" type="text/css" rel="stylesheet">

      <script language="javascript" src="ajax/common.ashx"></script
      >

      <script language="javascript" src="ajax/DScanWeb._default,DScanWeb.ashx"></script >

      <script src="yui/build/yahoo/yahoo.js" type="text/javascript"></script
      >

      <script src="yui/build/dom/dom.js" type="text/javascript"></script
      >

      <script src="yui/build/event/event.js" type="text/javascript"></script
      >

      <script src="yui/build/dragdrop/dragdrop.js" type="text/javascript"></script
      >

      <script src="yui/build/animation/animation.js" type="text/javascript"></script
      >

      <LINK href="yui/build/container/container.css" type="text/css" rel ="stylesheet">

      <script src="yui/build/container/container.js" type="text/javascript"></script
      >

      </HEAD>

      <

      body>

      <form id="Form1" method="post" runat ="server">

      <script language="javascript">

      function

      init() {

      YAHOO.

      namespace("scheduler");

      YAHOO.scheduler.loader =

      new YAHOO.widget.Panel("loader", { visible:false, width: "25px", height: "auto", fixedcenter: true, modal:true, draggable:false, underlay: "none" });

      YAHOO.scheduler.loader.cfg.queueProperty("close",

      false);

      YAHOO.scheduler.loader.render();

      }

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

      function

      loading(bit){

      if (bit == "1"){

      YAHOO.scheduler.loader.show();

      }

      else{

      YAHOO.scheduler.loader.hide();

      }

      }

      </script>
       

      <

      DIV id="loader" style="VISIBILITY: hidden; BACKGROUND-COLOR: transparent">

      <

      IMG src="images/ajax-loader.gif">

      </

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