Happy Holidays Google Logo: Interactive Doodle Plays Music, Dances To 'Jingle Bells' (VIDEO)

Google is spreading the holiday cheer with Friday'sGoogle Doodle.

The interactive Google logo, which today is outlined in Christmas lights, features colored boxes under each letter. When you click one of the boxes, the entire background turns black, Google's "G" is replaced by a snowflake and you hear one of the notes from the beginning of "Jingle Bells."

Clicking all of the corresponding boxes allows you to play the beginning of the song, and when you click the last box (it doesn't have to be in any order), "Jingle Bells" plays. The logo transforms, with letters become a dancing snowman, a ringing bell, and a dancing Santa head, among others.

But Google doesn't stop there. When the "Jingle Bells" rendition is over, you're taken to a page that shows you the search results for "happy holidays."

The search giant is famous for its whimsical changes to the company logo to, in the worlds of Google, "celebrate holidays, anniversaries and the lives of famous artists, pioneers and scientists."

Past Google Doodles have celebrated the birthday of Muppets creator Jim Henson, guitar legend Les Paul and Egypt's historic elections.

Earlier this month, Google announced that it had revamped its Google Doodle site so users could continue to enjoy the doodles when they're no longer posted on the homepage.

But enough about the doodle. Turn up the speakers on your computer and get Googling!

Check out the festive doodle (below) and click through the rest of the slideshow to see some of our favorite doodles ever.

Note: At around 5:20 p.m. EST on Friday, the logo's interactive features were unavailable.

Read More

Login or Signup with Jquery and PHP

Some users doesn't like to filling the registration form. So that I had implemented login and singup fields in same block just controlling with jquery and PHP. It's is very simple javascript and basic PHP code.

 Download Script     Live Demo

Javascript code

$('#signup').click(function(){} - signup is the ID of the radio.

      Using$("#login_block").hide() hide the login block and $("#signup_block").show() 

      shows signup block. 

<script type="text/javascript"
src="http://ajax.googleapis.com/

ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function()
{

$('#signup').click(function()
{
$('#password').val('');
$('#login_block').hide();
$('#signup_block').show();
});

$('#login').click(function()
{
$('#newpassword').val('');
$('#signup_block').hide();
$('#login_block').show();
});

});

</script>

HTML Code

Contains simple html code. signup_block style display none.

<form method="post" 
action="loginup.php">


<div>

<label>Email</label> <br/>

<input type="text" 
name="email"/><br 
/>

<input type="radio" 
name="choose" 
id="login" 
checked="checked"/> I 
have an account <br 
/>

<input type="radio" 
name="choose" 
id="signup"/> I 
am new!<br 
/>

</div>


<div id="login_block">

<label>Password</label><br 
/>

<input type="password" 
name="password" 
id="password"/><br/>

<input type="submit" value=" Login "/> 

</div>


<div id="signup_block" 
style="display:none">

<label>Choose 
password</label><br/>

<input type="password" 
name="newpassword" 
id="newpassword" 
/><br/>

<input type="submit" 
value=" Signup "/>

</div>


</form>

loginup.php

<?php
if($_POST)
{
$email = $_POST['email'];
$password = $_POST['password'];
$newpassword = $_POST['newpassword'];


if($_POST['password'] && $_POST['email'])
{
$sql=mysql_query("SQl 
select statement");

echo "Login 
success";
}


else if($_POST['newpassword'] && $_POST['email'])
{
$sql=mysql_query("SQl 
Insert values statement");

echo "Registration 
Success";
}

}


?>

Read More