lunedì 21 marzo 2011

esempio con js/sNotify.js

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>Gaya Design - sNotify</title>
  <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
  <link href='css/style.css' rel='stylesheet' type='text/css' />
  
  <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
  
  <link href='css/sNotify.css' rel='stylesheet' type='text/css' />
  <script src="js/sNotify.js" type="text/javascript"></script>
</head>
 
 <body>
  <div style='padding: 15px;'>
  
   <div class='content'>
    
    <h1>sNotify</h1>
    
    <p>
     This is an example of how sNotify works.
    </p> 
    
    <h2>Example:</h2>
    <input type='text' name='add_message' class='add_message' value='type your message' />
    <input type='button' onclick='sNotify.addToQueue($(".add_message").attr("value"))' value='add message'>
    
    <script type="text/javascript">
     sNotify.addToQueue("Thanks for checking out sNotify created by <a href='http://www.gayadesign.com'>Gaya Design</a>");
     sNotify.addToQueue("This easy to use jQuery script allows you to spawn notifications with ease. It's dead simple!");
     sNotify.addToQueue("You can check out how it works by filling in a message on the left and click: <strong>add message</strong>");
    </script>
    
    <br />
    <br />
    
    <a href='sNotify.zip'>Download</a><br />
    <a href='http://www.gayadesign.com/diy/snotify-easy-notifications-in-jquery/'>Read the post</a>
   </div>
   
  </div>
 </body>
</html>

Nessun commento:

Posta un commento