Archive for the ‘JavaScript’ Category
Zen Coding — a tremendous way of writing HTML and CSS code
Zen Coding is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSL, and other structured code formats. The tools have been incorporated into a number of high-profile text editors, some plug-ins developed by the Zen Coding team and others implemented independently. However, Zen Coding is primarily independent from any text editor, as the engine works directly with text rather than with any particular software.
Expand Abbreviations
Zen...
Set default image or text in html input box
Suppose you have a user login panel which shows two input text field, one for username & another for password. Now you don’t wanna use level for this input box. Then What!!!!!!!
Simply show text or image inside input box.
Here is the code…..
<form action="#" method="post">
<input name="login_username" value="email" type="text" onfocus="if(this.value=='email') this.value='';" onblur="if(this.value=='')... Form submit by ajax/jquery
$(function(){
$.ajax({
type: "post",
url:example.php,
data: $("#user-form").serializeArray(),
success: function(response){
alert(response);
$("#response-div").html(response);
}
});
});
[...]
Top jquery lightbox scripts recent most beautiful
Jquery Lightbox Plugin
Jquery Lightbox plugin
Browser compatibility:
FireFox 2.0+, Opera 9.0+, Chrome, Safari 3.1.1+, Internet (damned) explorer 6+
Demo: http://leandrovieira.com/projects/jquery/lightbox/
Download: http://leandrovieira.com/projects/jquery/lightbox/
Thikbox Jquery Lightbox
Thikbox Jquery Lightbox
Browser compatibility:
FireFox 2.0+, Opera 9.0+, Chrome, Safari 3.1.1+, Internet (damned) explorer 6+
Demo: http://jquery.com/demo/thickbox/
Download:... Onclick remove deafult data or value from input box
By using the OnClick event on a text box element we can remove the default text from a input box. Say in Facebook login area you will see email and password input box. By default you will see email text in a input box. Whenever you click on it, it just vanishes and give you the chance to write your email address there.
We will add an OnClick event on the input and then by calling a different function we will make this thing happen
Here is the code.
<form name=form1...
Hi! Welcome to web update 24!
Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed.
