Tool tip code in Jquery

Follow below code ....

 <script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>
<style type="text/css">
    .tooltip {
    display:none;
    background:#333333;
    font-size:12px;
    height:110px;
    width:150px;
    padding:25px;
    color:#fff;  
}
</style>

<span id="list"><a href="#">list of documents</a></span>.

                        <!-- tooltip element -->
                        <div class="tooltip">
                            <table style="margin:0">
                                <tr>
                                    <td class="label">1. Graduatiom Marksheet</td></tr>
                                <tr>
                                <tr>                               
                                    <td class="label">2. Certificate </td>
                                </tr>
                                <tr>
                                    <td>OR Xth , XI th </td>
                                </tr>   
                                                                                              
                            </table>
                        </div>

                        <script>
                            $("#list").tooltip({ effect: 'slide'});
                        </script>

Most Popular

Connect to Amazon EC2 instance using Filezilla and SFTP

Image
Hello friends this tutorial help you how to connect AWS EC2 instance using Filezilla and SFTP. First you need to have .pem file. This .pem file is created when you are creating a new instance in your AWS account. Follow below steps to connect AWS EC2 instance. 1. Start Filezilla. Goto preference ->connection->SFTP 2. Add .pem file then you will get prompt to convert .pem file. 3. Save with same name. 4. Add Host address. You will get public ip from AWS EC2 instance. 5. Username ec-2 or ubuntu. Username you will find in connect tab. 6. Port : 22 7. Connect. 8. Finish.
Keep reading

Pan Card Validation Using Javascript

To Validate PanCard you have to use below function  function ValidatePAN(Obj) {            if (Obj.value != "") {             ObjVal = Obj.value;             var panPat = /^([a-zA-Z]{5})(\d{4})([a-zA-Z]{1})$/;             if (ObjVal.search(panPat) == -1) {                 alert("Invalid Pan No");                 Obj.focus();                 return false;             }         }   } <input type="text" ID="textPanNo" MaxLength="10" onblur="ValidatePAN(this);">
Keep reading

Customize wordpress register form wp_register()

<div>             <h3>Register for this site!</h3>             <p>Sign up now for the good stuff.</p>             <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">                 <div class="username">                     <label for="user_login"><?php _e('Username'); ?>: </label>                     <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />                 </div>                                <div class="password">                     <label for="user_email"><?php _e('Your Email'); ?>: </label>                     <input type="text"
Keep reading