jQuery overlay for specific page element — OZONE Asylum, home of the Mad Scientists

This page's ID: 32046

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Well, maybe this will help... Maybe not. JQuery is just a (lazy) means to access elements with javascript. The problem you're describing is really a styling issue more than it is a scripting problem. Present a <div> that will act as a container for the form, the spinner, and the response. Be sure to provide this div with a real number for width and height [code]<div id="form-container"> </div>[/code] Then place all three of elements inside that container, each with a width and height of 100%. Since the container has static dimensions, the 100% will trace backwards through its parents only to the container, and fill the container completely, but not more than that. Then assign a .hidden class to the spinner, and the response divs. Then, as you're on the page, once the submit button is pushed, catch the event of the submit, run hide() on the form, and show() on the spinner. On success, hide() the spinner, and show() the response. Got it? [url=http://www.osysi.net][img]http://www.osysi.net/files/sigs/asylum_flow.gif[/img][/url] Shine and shine. :: [[url=5482]old cell[/url]] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post