Foorum
view release on metacpan or search on metacpan
docs/Tutorial4.html view on Meta::CPAN
<link type="text/css" rel="stylesheet" href="static/d_20071112.css" />
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="static/d_ie.css" />
<![endif]-->
</head>
<body class="t6">
<div id="wikicontent">
<h1> NAME </h1><p>Foorum::Manual::Tutorial4 - Tutorial 4: jQuery javascript framework</p><h2> Short Introducation </h2><p><a href="http://jquery.com/" rel="nofollow">jQuery</a> is a fast, concise, JavaScript Library that simplifies how you traverse H...
// disabled the Submit and Reset when submit a form
// to avoid duplicate submit
$(theform).submit( function() {
$('input:submit').attr( { disabled : 'disabled' } );
$('input:reset').attr( { disabled : 'disabled' } );
} );
// Press Ctrl+Enter to submit the form. like QQ.
$(theform).keypress( function(evt) {
var x = evt.keyCode;
var q = evt.ctrlKey;
if (q && (x == 13 || x == 10)) {
theform.submit();
}
} );
} );
</pre><ul><li>timezone auto-detection. 2008-01-17 15:46:33 in my local time, meanwhile that's 2008-01-17 16:46:33 in your computer. that's provided by this piece of code. (put class="date" in MySQL DateTime format span. <span class="date">2...
// utility method
var _zeroPad = function(num) {
var s = '0'+num;
return s.substring(s.length-2)
//return ('0'+num).substring(-2); // doesn't work on IE :(
};
$(".date").each(function (i) {
var s = $(this).text();
if (! s) { return false; }
var f = this.id; //format
if (! f) {
f = 'yyyy-mm-dd hh:ii:ss';
}
var d = new Date(1997, 1, 1, 1, 1, 1);
var iY = f.indexOf('yyyy');
if (iY > -1) {
d.setFullYear(Number(s.substr(iY, 4)));
}
var iM = f.indexOf('mm');
if (iM > -1) {
d.setMonth(Number(s.substr(iM, 2)) - 1);
}
d.setDate(Number(s.substr(f.indexOf('dd'), 2)));
d.setHours(Number(s.substr(f.indexOf('hh'), 2)));
d.setMinutes(Number(s.substr(f.indexOf('ii'), 2)));
d.setSeconds(Number(s.substr(f.indexOf('ss'), 2)));
var timezoneOffset = -(new Date().getTimezoneOffset());
d.setMinutes(d.getMinutes() + timezoneOffset);
if (! isNaN(d.getFullYear()) && d.getFullYear() > 1997) {
var t = f
.split('yyyy').join(d.getFullYear())
.split('mm').join(_zeroPad(d.getMonth()+1))
.split('dd').join(_zeroPad(d.getDate()))
.split('hh').join(_zeroPad(d.getHours()))
.split('ii').join(_zeroPad(d.getMinutes()))
.split('ss').join(_zeroPad(d.getSeconds()))
;
$(this).text(t);
}
} );
</pre><p>Above code is from <a href="http://foorum.googlecode.com/svn/trunk/root/static/js/utils.js" rel="nofollow">http://foorum.googlecode.com/svn/trunk/root/static/js/utils.js</a> it may be changed later.</p><h2> jQuery UI </h2><p><a href="http://...
</div>
<h1>WHERE TO GO NEXT</h1>
<ul>
<li>Get the lastest version from <a href="http://code.google.com/p/foorum/wiki/Tutorial4">http://code.google.com/p/foorum/wiki/Tutorial4</a></li>
<li><a href="index.html">Index Page</a></li>
</ul>
<script src="static/prettify.js"></script>
<script>
prettyPrint();
</script>
</body>
</html>
( run in 2.644 seconds using v1.01-cache-2.11-cpan-39bf76dae61 )