Test

From Dxx

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
 +
<plain_html>
<plain_html>
Line 9: Line 10:
<plain_html>
<plain_html>
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
-
<html>
+
<div id="cboxdiv" style="text-align: center; line-height: 0">
-
<head>
+
<div><iframe frameborder="0" width="600" height="50" src="http://www5.cbox.ws/box/?boxid=439806&amp;boxtag=9273&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
-
<base href="http://www.ajaxdaddy.com/ajax/jquery/shoutbox/">
+
<div><iframe frameborder="0" width="600" height="75" src="http://www5.cbox.ws/box/?boxid=439806&amp;boxtag=9273&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
-
<style type="text/css">
+
</div>
-
body {color: white;background: #52616F;}
+
<!-- END CBOX -->
-
a { color: white; }
+
</plain_html>
-
</style>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
<plain_html>
-
<title>jQuery</title>
+
<div><EMBED src="http://GameCheetah.chatango.com/group" bgcolor="#FFFFFF" width="600" height="200" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" flashvars = "a=000000&b=100&c=00CC33&d=00CC33&f=62&k=666666&l= 00CC33&m=00CC33&q=00CC33&r=100&s=1"></EMBED><br>[ <a href="http://GameCheetah.chatango.com/clonegroup">Copy this</a> | <a href="http://chatango.com/creategroup">Start New</a> | <a href="http://GameCheetah.chatango.com">Full Size</a> ]</div>
-
<style type="text/css">
+
</plain_html>
-
#daddy-shoutbox {
+
-
padding: 5px;
+
-
background: #3E5468;
+
-
color: white;
+
-
width: 600px;
+
-
font-family: Arial,Helvetica,sans-serif;
+
-
font-size: 11px;
+
-
}
+
-
.shoutbox-list {
+
-
border-bottom: 1px solid #627C98;
+
-
padding: 5px;
 
-
display: none;
 
-
}
 
-
#daddy-shoutbox-list {
 
-
text-align: left;
 
-
margin: 0px auto;
 
-
}
 
-
#daddy-shoutbox-form {
 
-
text-align: left;
 
-
}
 
-
.shoutbox-list-time {
 
-
color: #8DA2B4;
 
-
}
 
-
.shoutbox-list-nick {
 
-
margin-left: 5px;
 
-
font-weight: bold;
 
-
}
 
-
.shoutbox-list-message {
 
-
margin-left: 5px;
 
-
}
 
-
</style>
+
<div id="hideshow">
-
<script type="text/javascript" src="javascript/jquery.js"></script>
+
<plain_html>
-
<script type="text/javascript" src="javascript/jquery.form.js"></script>
+
<div><EMBED src="http://GameCheetah.chatango.com/group" bgcolor="#FFFFFF" width="600" height="200" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" flashvars = "a=000000&b=100&c=00CC33&d=00CC33&f=62&k=666666&l= 00CC33&m=00CC33&q=00CC33&r=100&s=1"></EMBED><br>[ <a href="http://GameCheetah.chatango.com/clonegroup">Copy this</a> | <a href="http://chatango.com/creategroup">Start New</a> | <a href="http://GameCheetah.chatango.com">Full Size</a> ]</div>
-
</head>
+
</plain_html>
-
<body>
+
-
 
+
-
<center>
+
-
<div id="daddy-shoutbox">
+
-
<div id="daddy-shoutbox-list"></div>
+
-
<br />
+
-
<form id="daddy-shoutbox-form" action="daddy-shoutbox.php?action=add" method="post">
+
-
Nick: <input type="text" name="nickname" /> Say: <input type="text" name="message" />
+
-
<input type="submit" value="Submit" />
+
-
<span id="daddy-shoutbox-response"></span>
+
-
</form>
+
</div>
</div>
-
</center>
 
-
<script type="text/javascript">
+
<a href="javascript:hideDiv()">hide Div</a>
-
var count = 0;
+
-
var files = '';
+
-
var lastTime = 0;
+
-
function prepare(response) {
+
<a href="javascript:showDiv()">show Div</a>
-
var d = new Date();
+
-
count++;
+
-
d.setTime(response.time*1000);
+
-
var mytime = d.getHours()+':'+d.getMinutes()+':'+d.getSeconds();
+
-
var string = '<div class="shoutbox-list" id="list-'+count+'">'
+
-
+ '<span class="shoutbox-list-time">'+mytime+'</span>'
+
-
+ '<span class="shoutbox-list-nick">'+response.nickname+':</span>'
+
-
+ '<span class="shoutbox-list-message">'+response.message+'</span>'
+
-
+'</div>';
+
-
 
+
-
return string;
+
-
}
+
-
 
+
-
function success(response, status) {
+
-
if(status == 'success') {
+
-
lastTime = response.time;
+
-
$('#daddy-shoutbox-response').html('<img src="'+files+'images/accept.png" />');
+
-
$('#daddy-shoutbox-list').append(prepare(response));
+
-
$('input[@name=message]').attr('value', '').focus();
+
-
$('#list-'+count).fadeIn('slow');
+
-
timeoutID = setTimeout(refresh, 3000);
+
-
}
+
-
}
+
-
 
+
-
function validate(formData, jqForm, options) {
+
-
for (var i=0; i < formData.length; i++) {
+
-
if (!formData[i].value) {
+
-
alert('Please fill in all the fields');
+
-
$('input[@name='+formData[i].name+']').css('background', 'red');
+
-
return false;
+
-
}
+
-
}
+
-
$('#daddy-shoutbox-response').html('<img src="'+files+'images/loader.gif" />');
+
-
clearTimeout(timeoutID);
+
-
}
+
-
 
+
-
function refresh() {
+
-
$.getJSON(files+"daddy-shoutbox.php?action=view&time="+lastTime, function(json) {
+
-
if(json.length) {
+
-
for(i=0; i < json.length; i++) {
+
-
$('#daddy-shoutbox-list').append(prepare(json[i]));
+
-
$('#list-' + count).fadeIn('slow');
+
-
}
+
-
var j = i-1;
+
-
lastTime = json[j].time;
+
-
}
+
-
//alert(lastTime);
+
-
});
+
-
timeoutID = setTimeout(refresh, 3000);
+
-
}
+
-
 
+
-
// wait for the DOM to be loaded
+
-
$(document).ready(function() {
+
-
var options = {
+
-
dataType: 'json',
+
-
beforeSubmit: validate,
+
-
success: success
+
-
};
+
-
$('#daddy-shoutbox-form').ajaxForm(options);
+
-
timeoutID = setTimeout(refresh, 100);
+
-
});
+
-
</script>
+
-
</body>
+
-
</html>
+
-
</plain_html>
+

Current revision as of 09:41, 22 March 2009

<plain_html>

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/kTV1CcS53JQ"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/kTV1CcS53JQ" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

</plain_html>



<plain_html>

<iframe frameborder="0" width="600" height="50" src="http://www5.cbox.ws/box/?boxid=439806&boxtag=9273&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe>
<iframe frameborder="0" width="600" height="75" src="http://www5.cbox.ws/box/?boxid=439806&boxtag=9273&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>

</plain_html>

<plain_html>

<EMBED src="http://GameCheetah.chatango.com/group" bgcolor="#FFFFFF" width="600" height="200" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" flashvars = "a=000000&b=100&c=00CC33&d=00CC33&f=62&k=666666&l= 00CC33&m=00CC33&q=00CC33&r=100&s=1"></EMBED>
[ <a href="http://GameCheetah.chatango.com/clonegroup">Copy this</a> | <a href="http://chatango.com/creategroup">Start New</a> | <a href="http://GameCheetah.chatango.com">Full Size</a> ]

</plain_html>


<plain_html>

<EMBED src="http://GameCheetah.chatango.com/group" bgcolor="#FFFFFF" width="600" height="200" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" flashvars = "a=000000&b=100&c=00CC33&d=00CC33&f=62&k=666666&l= 00CC33&m=00CC33&q=00CC33&r=100&s=1"></EMBED>
[ <a href="http://GameCheetah.chatango.com/clonegroup">Copy this</a> | <a href="http://chatango.com/creategroup">Start New</a> | <a href="http://GameCheetah.chatango.com">Full Size</a> ]

</plain_html>

<a href="javascript:hideDiv()">hide Div</a>

<a href="javascript:showDiv()">show Div</a>

Personal tools
DXX Roster