diff options
Diffstat (limited to 'static/surf.php')
| -rwxr-xr-x | static/surf.php | 238 |
1 files changed, 238 insertions, 0 deletions
diff --git a/static/surf.php b/static/surf.php new file mode 100755 index 0000000..d5ad9ce --- /dev/null +++ b/static/surf.php @@ -0,0 +1,238 @@ +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> +<title>dump.fm</title> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<link rel="stylesheet" type="text/css" href="css/jquery.gritter.css" /> +<script type="text/javascript" src="http://www.google.com/jsapi"></script> +<script type="text/javascript">google.load('jquery', '1.3.2');</script> +<script type="text/javascript" src="js/jquery.gritter.min.js"></script> +<script type="text/javascript"> + + $(document).ready(function(){ + + // global setting override + /* + $.extend($.gritter.options, { + fade_in_speed: 100, // how fast notifications fade in (string or int) + fade_out_speed: 100, // how fast the notices fade out + time: 3000 // hang on the screen for... + }); + */ + + $('#add-sticky').click(function(){ + + var unique_id = $.gritter.add({ + // (string | mandatory) the heading of the notification + title: 'This is a sticky notice!', + // (string | mandatory) the text inside the notification + text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.', + // (string | optional) the image to display on the left + image: 'http://s3.amazonaws.com/twitter_production/profile_images/132499022/myface_bigger.jpg', + // (bool | optional) if you want it to fade out on its own or just sit there + sticky: true, + // (int | optional) the time you want it to be alive for before fading out + time: '', + // (string | optional) the class name you want to apply to that specific message + class_name: 'my-sticky-class' + }); + + // You can have it return a unique id, this can be used to manually remove it later using + /* + setTimeout(function(){ + + $.gritter.remove(unique_id, { + fade: true, + speed: 'slow' + }); + + }, 6000) + */ + + return false; + + }); + + $('#add-regular').click(function(){ + + $.gritter.add({ + // (string | mandatory) the heading of the notification + title: 'This is a regular notice!', + // (string | mandatory) the text inside the notification + text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.', + // (string | optional) the image to display on the left + image: 'http://a0.twimg.com/profile_images/59268975/jquery_avatar_bigger.png', + // (bool | optional) if you want it to fade out on its own or just sit there + sticky: false, + // (int | optional) the time you want it to be alive for before fading out + time: '' + }); + + return false; + + }); + + $('#add-without-image').click(function(){ + + $.gritter.add({ + // (string | mandatory) the heading of the notification + title: 'This is a notice without an image!', + // (string | mandatory) the text inside the notification + text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" style="color:#ccc">magnis dis parturient</a> montes, nascetur ridiculus mus.' + }); + + return false; + }); + + $('#add-with-callbacks').click(function(){ + + $.gritter.add({ + // (string | mandatory) the heading of the notification + title: 'This is a notice with callbacks!', + // (string | mandatory) the text inside the notification + text: 'The callback is...', + // (function | optional) function called before it opens + before_open: function(){ + alert('I am called before it opens'); + }, + // (function | optional) function called after it opens + after_open: function(e){ + alert("I am called after it opens: \nI am passed the jQuery object for the created Gritter element...\n" + e); + }, + // (function | optional) function called before it closes + before_close: function(e){ + alert("I am called before it closes: I am passed the jQuery object for the Gritter element... \n" + e); + }, + // (function | optional) function called after it closes + after_close: function(){ + alert('I am called after it closes'); + } + }); + + return false; + }); + + $('#add-sticky-with-callbacks').click(function(){ + + $.gritter.add({ + // (string | mandatory) the heading of the notification + title: 'This is a sticky notice with callbacks!', + // (string | mandatory) the text inside the notification + text: 'Sticky sticky notice.. sticky sticky notice...', + // Stickeh! + sticky: true, + // (function | optional) function called before it opens + before_open: function(){ + alert('I am a sticky called before it opens'); + }, + // (function | optional) function called after it opens + after_open: function(e){ + alert("I am a sticky called after it opens: \nI am passed the jQuery object for the created Gritter element...\n" + e); + }, + // (function | optional) function called before it closes + before_close: function(e){ + alert("I am a sticky called before it closes: I am passed the jQuery object for the Gritter element... \n" + e); + }, + // (function | optional) function called after it closes + after_close: function(){ + alert('I am a sticky called after it closes'); + } + }); + + return false; + + }); + + $("#remove-all").click(function(){ + + $.gritter.removeAll(); + return false; + + }); + + $("#remove-all-with-callbacks").click(function(){ + + $.gritter.removeAll({ + before_close: function(e){ + alert("I am called before all notifications are closed. I am passed the jQuery object containing all of Gritter notifications.\n" + e); + }, + after_close: function(){ + alert('I am called after everything has been closed.'); + } + }); + return false; + + }); + + + }); +</script> + +<style type="text/css"> +<!-- +body { + margin:0; + +} + +#everything{ + + background-repeat: repeat-x; + z-index:1; + +width:100%; +height:100%; +position:fixed; +left:0px;} + + +#clock { + +position:fixed; +bottom: 10px; +right: 300px; + +} + +#firah { + +position:fixed; +bottom: 30px; +right: 535px; + +} + +#lamp { + +position:fixed; +bottom: 35px; +right: 800px; + +} + +#dash { +background-image: url(bar.png); +background-repeat:no-repeat; + +height:125px; +position:fixed; +bottom:20px; +z-index:3; +width:1000px; +right: 40px; + +} +--> +</style> + + +</head> +<body> +<div id="everything"> +<iframe src="chatbar.html" style="width:100%;height:100%;padding:0px;background-color: #fff; position:absolute; top:0px; left:0px; border:none; allowtransparency="true" scrolling="no" ></iframe> + + +</div> +</div></div> +</body> +</html> |