CODICE HTML
Your Name:
Your Email:
Your Website:
Your Comment:
CODICE CSS
.lp-block { width:400px; float:left; }
.lp-block input, .lp-block textarea { width:90%; }
#live-preview-display { background:#eee; padding:10px; margin-left:50px; margin-top:20px; }
#lp-name { font-weight:bold; }
#lp-avatar { float:right; margin:0 0 20px 20px; }
#lp-comment { padding-top:10px; font-style:italic; line-height:19px; }
CODICE JAVASCRIPT/MOOTOOLS
(function($){
window.addEvent('domready',function(){
//the build process
var build = function() {
//vars (fields) and blocks
var lpcomment = $('lp-comment'), lpname = $('lp-name'), lpavatar = $('lp-avatar');
var name = $('name'), email = $('email'), website = $('website'), comment = $('comment');
//comment
lpcomment.set('text',comment.value);
lpcomment.set('html',lpcomment.get('html').replace(/\n/g,''));
//name & websites
if(website.value && (website.value).test(/http:\/\/[A-Za-z0-9\.-]{3,}\.[A-Za-z]{3}/)) {
lpname.set('html','' + name.value + ' says:');
}
else {
lpname.set('text',name.value + ' says:');
}
//gravatar
if(email.value && (email.value).test(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/)) {
var md5Email = MD5(email.value);
lpavatar.set('html','');
}
};
//comment...easy
$$('#live-preview-form input, #live-preview-form textarea').addEvents({
keyup: build,
blur: build
});
});
})(document.id);
fonte: www.sastgroup.com
...leggi tutto»
RSS feeds