[jQuery] jQuery Forms and jTabs

[jQuery] jQuery Forms and jTabs


Hey guys... Im a total noob on the DOM world and just started trying to use
JQuery. I intend to start learning this as soon as I can because my website
will be able to benefit a lot from this amazing technology. Unfortunatelly
I'm working in such ridiculous tight dead-lines that I dont have really
enought time to understand it better and I'm simply following a bunch of
tutorials, and seems like I'm not doing that right :S Could you guys help me
out with a problem I've been having with use to jQuery.Forms and
jQuery.Tabs:
1- I'm using jTabs to aggregate a lot of my website (includes) in the user's
home page (this works fine);
2- I need to referenciate the tabs on the URL :S I read on Klaus website but
I dont understand how to make that work :S and when I execute a form in a
Tab 2 things happen:
2.1 the page reloads with only the included page on the screen.
2.2 when the form action is empty the page reloads and goes to the 1st tab
:S
3- All my forms are self processed PHP/Mysql and have the jForms script for
Ajax process(not sure if thats working :S)
So my hopes are:
1- be able to referenciate the tabs by urls: ex when clicking on tab Main
the url changes to:
www.mysite.com/main.php?page=Home#tab=Main.
2- Process the forms without reload (if possible without having to redesign
them with javascript, that would screw me up completelly because of the dead
lines :'( )
Below are the scripts I'm using:
On Header:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"
type="text/javascript"></script>
    <script src="http://jqueryjs.googlecode.com/files/jquery.tabs.js"
type="text/javascript"></script>
    <script src="scripts/js/jQuery/jquery.history_remote.pack.js"
type="text/javascript"></script>
    <script src="http://jqueryjs.googlecode.com/files/jquery.form.js"
type="text/javascript"></script>
//script to enable the tabs on the page
<script type="text/javascript">
$(document).ready(function() {
$('#maintabs').tabs({ remote: true });
        var $tabs = $('#maintabs').tabs();
        var selected = $tabs.data('selected.tabs');
});
<script>
//script to "(...)unobtrusively upgrade HTML forms to use AJAX(...)"
from:
http://malsup.com/jquery/form/
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#resume_entry').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
Thanks in advance for any advice guys.
Gill
--
View this message in context: http://www.nabble.com/jQuery-Forms-and-jTabs-tp21804388s27240p21804388.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.