New Info

Open for Business

We are now open for business in the Dallas area. If you are outside this area, please check back for expanded coverage.

Demo - ukiAnnounce

This is a demo for ukiAnnounce. ukiAnnounce is a javascript/AJAX based popup window. It can be used for advertisements, important information, etc... This is better than popping up a separate window because this will ensure that the user sees the message, but also gives them one less window they have to keep track of.

The window is draggable and is accomplished by using javascript. It should act like a normal window and can be closed by clicking the x in the right corner.

ukiAnnounce is made up of a javascript file, two php files, and a css file.

• ukiAnnounce.js - Stores the functions to handle moving, closing, and populating the popup window.
• ukiAnnounce.php - Is called from javascript to populate the popup window.
• ukiAnnounceInfo.php - Stores the information for the popup window such as Title and Contents
• ukiAnnounce.css - Style sheet to control the way the popup window appears

I have also included the images for the default window look. You can easily customize your window by replacing the images in the /image directory. If you want you can also change up the appearance by changing the css file.

To change the contents of the window, you can either edit the ukiAnnounceInfo.php file manually or you can use the built in admin functions by going to ukiAnnounce.php?mode=update. For this demo you can log in with the password of 'testing'.

If you want to use this code you can download the zip file: ukiAnnounce.zip. Just unzip this into your webserver directory. Then put the following line in the head section of your html:

  <link href="ukiAnnounce.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="ukiAnnounce.js"></script>
  

Then just add the following lines of code in the body section of your html:

  <div id="ukiAnnouncement" class="ukiAnnouncewindow">
  <script type="text/javascript">
    ukiAnnounce();
  </script>
  </div>
   

*Note: Use this code at your own risk.* If you find any bugs please email us and let us know. Feel free to use these scripts for your personal use. If you use it commercially or to make money, please send a donation for our efforts. Thank you for all your support!