Scribd
Upload
47 views4 pages

Colourbox Login Functionality

The document includes JavaScript code to handle form submissions and open dialog boxes when certain elements are clicked. It also includes CSS styles for selected elements, messages, and a contact form with fields for email, message body, and a submit button. The JavaScript code wires up the contact link to open the message form in a dialog box when clicked.

Uploaded by

shettysony
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
47 views4 pages

Colourbox Login Functionality

The document includes JavaScript code to handle form submissions and open dialog boxes when certain elements are clicked. It also includes CSS styles for selected elements, messages, and a contact form with fields for email, message body, and a submit button. The JavaScript code wires up the contact link to open the message form in a dialog box when clicked.

Uploaded by

shettysony
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<script src="../../Scripts/[Link]" type="text/javascript"></script> <link href="<%= "../../Content/[Link]?version=" + Guid.

NewGuid() %>" rel="stylesheet" type="text/css" /> <script type="text/javascript" >

$('FORM#login').live("submit", function() { [Link]._Application_Load(); $.[Link](); }); $(document).ready(function() {

$('#change_password').click(function() { var url = $(this).attr("Href"); $.ajax({ url: url, cache: false, success: function(data) { if (data != '') { $.[Link]({ html: data, scrolling:false, opacity:0.85}); } else { alert(url); [Link] = url; } } }); return false; });

}); </script>

$( ".selector" ).dialog({ minHeight: 300 });


Get or set the minHeight option, after init.

//getter var minHeight = $( ".selector" ).dialog( "option", "minHeight" ); //setter $( ".selector" ).dialog( "option", "minHeight", 300 );

[Link] { background-color:#1F75CC; color:white; z-index:100; } .messagepop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; margin-top: 15px; position:absolute; text-align:left; width:394px; z-index:50; padding: 25px 25px 20px; } label { display: block; margin-bottom: 3px; padding-left: 15px; text-indent: -15px; } .messagepop p, .[Link] { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; }

<div class="messagepop pop"> <form method="post" id="new_message" action="/messages"> <p><label for="email">Your email or name</label><input type="text" size="30" name="email" id="email" /></p>

<p><label for="body">Message</label><textarea rows="6" name="body" id="body" cols="35"></textarea></p> <p><input type="submit" value="Send Message" name="commit" id="message_submit"/> or <a class="close" href="/">Cancel</a></p> </form> </div> <a href="/contact" id="contact">Contact Us</a>

You might also like