close ad
Help us test the new Databridge BETA with MySQLi support
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Form Submission and Spry Tabbed Panels

Thread began 1/27/2012 10:47 am by ChrisW | Last modified 1/27/2012 1:45 pm by Jason Byrnes | 3311 views | 1 replies |

ChrisW

Form Submission and Spry Tabbed Panels

I have a contact form that is inside a spry tabbed panel. I have learned a lot about spry tabbed panels in the past few days but I seem to be having trouble with setting the javascript so that the spry does not default to the default tab onclick or refresh.

Does anyone know where there is easy to read literature so I can learn this? Any help would be very much appreciated - Thanks

tattoo-artist-greg.php

Sign in to reply to this post

Jason ByrnesWebAssist

When using tabbed panels, the code that initializes the tabbed panel will look like this:
[code]
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
[code]


the tabs are indexed numerically starting at 0.

you can specify the fault tab by using the defaultTab setting:

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:1});




sets the second tab as the default. your form is on tab 4 (index 3). you could add a qurystring variable to the forms action:
<form class="gregg_csstemplate" id="contactinfo_gregg_csstemplate" name="contactinfo_gregg_csstemplate" method="post" action="/~dinky/tattoo-artist-greg.php?form=true">


then use a php if statement to dynamically set the default tab to the form tab when it is submited:

php:
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1"<?php if(isset($_GET['form']) && $_GET['form'] == "true") {?> , {defaultTab:3}<?php ?>);




Not much can be done on refresh. refresh is just loading the page, so theres nothing unique to test for.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...