Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Hi, when you open any site like infruit.com or myntra.com it first appears login and registartion form when we close it display site how can i do it
it done with jquery ? if yes than how
Posted 24-Mar-13 1:08am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Hello Member,
 
Your guessed it right, it's dome through JQuery. The typical code to achieve this is as shown below.
<script type="text/javascript">
$(document).ready(function() {
    showDialog();
});
function showDialog() {
    $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true
    });
}
 
</script>
...
<div id="dialog-form">
    <div id="divNew">
        <label for="txtUserId">EMAIL ADDRESS</label><br/>
        <input id="txtUserId" name="txtUserId" size="32" maxlength="255"/><br/>
         ....
    </div>
    <div id="divExisting">
        <label for="txtUserId">EMAIL ADDRESS</label>
        <input id="txtUserId" name="txtUserId" size="32" maxlength="255"/>
         ....
    </div>
</div>
Regards,
  Permalink  
Comments
Member 9815058 at 24-Mar-13 6:52am
   
Sorry but in output i can't understand what it happen
Prasad Khandekar at 24-Mar-13 9:24am
   
I am not able to understand the reply. Please elaborate. I have not given the complete sample. You will have to include script tag for JQuery. (<script src="http://code.jquery.com/jquery-1.9.1.js"></script>)
Member 9815058 at 25-Mar-13 5:30am
   
sorry it's working

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 190
1 Jochen Arndt 165
2 PIEBALDconsult 150
3 BillWoodruff 148
4 DamithSL 140
0 OriginalGriff 5,695
1 DamithSL 4,591
2 Maciej Los 4,012
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,190


Advertise | Privacy | Mobile
Web02 | 2.8.141220.1 | Last Updated 24 Mar 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100