Maintain Spry Sliding Panel Focus once a Form has been submitted - DW CS5

I have a web page with 6 sliding panels.
The last panel has an email form.
Everything functions fine except for one item:
Once a user hits the Submit button on the form in the last panel the panels slide back to the first (0-default) panel.
How would I go about maintaining focus on that last panel (the one with the form on it) once the submit button is hit so that I can display the confirmation text?
Thanks in advance for any help or tips.

The scripting of a CGI or PHP mail form server side stuff is designed to:
a. open another page with a confirmation of the send or
b. refresh the page where the form is located so it appears as it did before the send.
When you refresh the page outside of a submit function (F5), the page defaults to the first panel because that's the way the script is written. It is neither abrupt nor awkward. It is the correct functioning of the javascript that controls the accordion, or in this case a slider.
You can maybe rewrite that script to prevent it from doing so, but I personally don't know how to.
As was pointed out by Nancy, keeping the form open in the panel, will more likely than not lead to viewers thinking that it didn't go, and they will submit the form multiple times, (thinkiing each time that it didn't work) before getting frustrated and leaving the page and site altogether.
If this is for simply aesthetic reasons, remember that "form follows function". In a choice between what works and what looks good, what works should always take priority. It doesn't matter how nice it looks if it defeats its purpose with the design being flawed.

Similar Messages

Once a form has been submitted, can it be "unsubmitted" to allow the submitter to make changes?

Once a form has been submitted, can it be "unsubmitted" to allow the submitter to make changes?

Hi,
Unfortunately, it is not possible to un-submit a response. However, user can submit a new response and incorrect/old response can be deleted by the moderator.
Regards,
Nakul

How do I change template designs once a form has been created using another template design?

How do I change template designs once a form has been created using another template design?

I talked to a service Representative and he told me there isn't a function to change a form using one template to a different template. For example, I used template for "Accommodation registration" and wanted to change it to "admissions application." I was hoping I could just select a "Change template" rather than having to copy/paste everything to the new template. But that's what i had to do. Maybe the next version of this software will make it easier to change design templates.

Once a form has been signed with a digital signature, why can't you insert a bookmark?

We are using Adobe 9 on Windows XP, I'm not sure what the forms are created in.
I understand why you wouldn't allow a form to be changed once it's been signed digitally (because the person is attesting to the contents as they are when the person signed the form). I don't understand why we can't add bookmarks to pages in the form? The bookmark technically is a change but not a substantive change to the form. Is there a way to add links to places in the form after a digital signature has been created?

Hi Christic3,
This is a bit geeky, but here goes. Think of the PDF file in two layers (there are really more, but we'll keep it at two for simplicity). The bottom layer is the PDF content such as fonts, structure tags, and pages. The top layer is form data and comments (aka annotations). When you sign the PDF you sign everything (both layers), but the only allowable changes to the file are additions to the top layer. You can add form data and comments, but you cannot modify anything in the bottom layer without breaking existing signatures. In fact, you can't change (by change I mean modify or delete) anything on the top layer either, but you can add new (unsigned) items.
Bookmarks are part of the underlying PDF structure. Because they are as integral to the underlying structure as anything else, the ability to modify the bookmarks is locked after signing, otherwise it would be too easy to break the signature.
Steve

How do I get a different URL to show up after an email form has been submitted?

I have created a Form in DW CS5 and have some PHP server side code to mail it out.
However, once the Submit button is pressed it refreshes back to the Form - How do I get a different page to show up after the Form is submitted?
I tried using a behavior - onSubmit - go to URL - that gets me to the page I want to go to but I guess it overrides the PHP Form Action because the email will not send.
Any suggestions would be appreciated.

Thank you for the response.
In my form - I have tried inserting a hidden field with the Value set to the redirected page I want to go to
     <input type="hidden" name="MM_insert" value="http://www.website.com/page" />
In my form Action PHP Include - I have inserted a header function with the redirected page I want to go to
     mail($to, $subject, $body, $headers);
     header('http://www.website.com/page');
I have also checked for empty/extra spaces at the start and end of my php tags
None of the above has got me to the redirected page I want to go to after the submit button is selected - the Form page continues to refresh.
Any other suggestions on where I am missing the point would be greatly appreciated - thanks.

Using a formselectoption value before form has been submitted

Hello experts,
I have written a web application, generating HTML via PL/SQL.
Is there a way to check the value that was selected in a formselectopen statement? If the person filling out the form selects ‘Yes’, the formsubmit button should say “Submit”. If they select ‘No’, the formsubmit button should say “Next”.
I’ve tried the code below, and my package won't compile. I get this error message: PLS-00201: identifier 'P_HOME_SCHOOLED' must be declared. Here's the code. Thanks in advance for your help.
Jeanne
HTP.formopen ('mypackage.p_create_detail', cattributes => 'name=p_detl');
HTP.tableopen;
HTP.tablerowopen;
HTP.tabledata ('<b>Home-schooled?</b>');
HTP.PRINT ('<td>');
HTP.formselectopen ('p_home_schooled');
twbkwbis.p_formselectoption ('Please Select', NULL, 'SELECTED');
twbkwbis.p_formselectoption ('Yes', 'Y');
twbkwbis.p_formselectoption ('No', 'N');
HTP.formselectclose;
HTP.PRINT ('</td>');
HTP.tablerowclose;
HTP.tableclose;
IF p_home_schooled = ‘Y’ THEN
HTP.formsubmit (cvalue => 'Submit');
ELSE
HTP.formsubmit (cvalue => 'Next');
END IF;
HTP.formclose;
Here's the version information:
PL/SQL Release 11.1.0.7.0 – Production
Oracle Database 11g Enterprise Edition Release 11.1.0.7.0 - 64bit Production
CORE 11.1.0.7.0 Production
TNS for IBM/AIX RISC System/6000: Version 11.1.0.7.0 – Production
NLSRTL Version 11.1.0.7.0 - Production

Thanks for your reply, Shankar.
I don't think that I need to define p_home_schooled as a variable, since it's defined in the formselectopen statement, and the value that the user selects is successfully being passed to mypackage.p_create_detail. The program compiles if I replace the if statement with just this line:
HTP.formsubmit (cvalue => 'Submit');
What I need to do is to somehow get the value that the user selected (Y or N) and based on that value, display either a Submit or a Next button.
Thankis for your help.
Jeanne

Edit JS on spry sliding panels widget to fix auto panel height problem

Hi guys,
Ive been trying for a while to make the sliding panels widget
show each panel in its own height instead of the longest panel's height in the container.
I tried reading all the js file to play with it and find a solution but the truth is i dont know how to do what i want.
I do, however, have a list of things that i believe if implemented should work,
could you help me do these fixes on the js? ( any one you know how to or think will work )
1. edit so that: Panels dont have any height ( or panel content display none ) if it isnt current panel. If current panel is "id:1" the assume class 1 style properties. As soon as it looses focus/"currentpanel" class it looses its class 1 properties. And the new current panel ("id:2") assumes its own class 2 properties. And so on.
2. edit so that: PanelContainer ( the one that holds all the panels ) displays none BUT the current panel. So all panels could be display none unless they assume the "currentpanel" class and so they change to display. Maybe this way the container assumes only the height of the displayed panel and looses it once its no longer displayed assuming the next displayed one.
3. edit so that: Panel container checks for current panel's height and assumes that height instantly ( there is still a panel inside the container that would be longer than the current panel, maybe with overflow hidden this isnt a problem )
4. Using SpryDOMUtils.js I am currently playing with the code pasted below,
the idea came from Gramp's Spry Sliding Panels Group Navigation Buttons cookbook
He addresses a different problem, but since it has to do with identifying the current panel and doing something when the panel is x number, i thought there could be a height property set for each panel when each is the current one, atleast something can be done with this, my problem is i dont know how to set that something. Please check out the following code:
<script>
// The following function - setPanelNavigation() - assumes the following
// 1. Sliding Panels have a class of SlidingPanelsContent AND a unique ID
// 2. The Previous Panel button has an ID of previousPanel
// 3. The Next Panel button has an ID of nextPanel
// 4. SpryDOMUtils.js has been linked
function setPanelNavigation() {
    var current = sp1.getCurrentPanel(); // Get the current panel
    var panelCount = sp1.getContentPanelsCount(); // Get the total number of panels
    var panelNumber=1; // Give a value to the first panel number
    Spry.$$(".SlidingPanelsContent").forEach(function(node) { // Cycle through the panels
                 if (node.id==current.id){ // The current panel now receives a number
         if ( panelNumber==1 ) Spry.$$(".SlidingPanelsContentGroup").setAttribute('height', 750); //
           if ( panelNumber==2 ) Spry.$$(".SlidingPanelsContentGroup").setAttribute('height', 250); //
        panelNumber++; // Go to next panel after incrementing the count
Spry.Utils.addLoadListener(setPanelNavigation); // Set buttons to initial value
var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
</script>
What am i doing wrong in that bit ? I thought i had it there, but it didnt work.
Anyone, please help. Thank you.

wait my bad, the link to my page is:
http://www.pupr.edu/department/industrial/students.asp
** no s on department

Spry Sliding Panel widget

Okay, So I'm dense at times!
I want to try and learn the Spry Sliding Panels. Problem is that it does not appear in my Insert – Spry menu. After reading at Labs it assumes that since I have DW CS4 that it is installed. I can't be that dense.
Yeah, I located the CSS and and JS files online at Adobe. But that sure won't install it into my DW – Insert menu.
Am I really that dense?

To my knowledge it shouldn't appear in the insert menu?
I did the below tutorial to learn all about sliding panels.
The tutorial will show you how to link your js and css files to your html etc, which make the panels work.
http://www.adobe.com/devnet/dreamweaver/articles/sliding_panel.html

Spry Sliding Panel - Timer

I've been working on extending Spry's Sliding Panels to allow
me to set a timer to auto advance to the next panel. Whilst I had
success with a script that targeted a particular element (eg sp1)
it really isn't terribly useful to have to recode per panel. So
trying to extend instead. Problem is that I keep getting an error
that says the advanceToNextPanel function doesn't exist. Hoping
someone might be able to point me in the right direction. Code
below:
// Sliding Panel Timer
// Based upon
http://labs.adobe.com/technologies/spry/demos/gallery/gallery.js
and feedback within the Adobe Spry forum
// Extend SlidingPanels to include additional data
Spry.Widget.SlidingPanels.prototype.gPanelShowInterval =
1000; // msecs between panels
Spry.Widget.SlidingPanels.prototype.gPanelShowOn = false;
Spry.Widget.SlidingPanels.prototype.gPanelShowTimer = null;
Spry.Widget.SlidingPanels.prototype.gAutoStartPanelShow =
true;
Spry.Widget.SlidingPanels.prototype.addPanelShowTimer =
function()
if (this.gPanelShowInterval == undefined)
this.gPanelShowInterval = 10000; // msecs between panels
if (this.gAutoStartPanelShow)
this.startPanelShow();
// Kill any previous timer event
Spry.Widget.SlidingPanels.prototype.killPanelShowTimer =
function() {
if (this.gPanelShowTimer)
clearTimeout(this.gPanelShowTimer);
this.gPanelShowTimer = null;
// Display next sliding panel on rotational loop
Spry.Widget.SlidingPanels.prototype.advanceToNextPanel =
function() {
var tPanels = this.getContentPanels().length - 1; // Total
Panels
var cPanel = this.getContentPanelIndex(this.currentPanel);
// Index of currently displayed panel
if (tPanels == cPanel)
this.showFirstPanel(); // Return to the first panel
else
this.showNextPanel(); // Show the next sliding panel
this.setPanelShowTimer();
// Setup timer event to change to next panel
Spry.Widget.SlidingPanels.prototype.setPanelShowTimer =
function() {
this.killPanelShowTimer(); // Kill any previous timer event
this.gPanelShowTimer = setTimeout( function() {
this.gPanelShowTimer = null; this.advanceToNextPanel(); },
this.gPanelShowInterval);
// Start the timed sliding panel
Spry.Widget.SlidingPanels.prototype.startPanelShow =
function() {
this.gPanelShowOn = true;
this.setPanelShowTimer();
};

My previously posted I'd fixed this but it is in fact not
working.
Hi hope you can help.
My Spry Sliding panel is appearing over my floats in IE, fine
in Firefox.
Test
page here
Sliding
Panels CSS Here
Any ideas?
Is this a spry problem or my CSS?
Thanks.
Rich

Spry sliding panels with tab

Maybe I'm missing something but I've been stuck on this for a
long time. In one example of the spry sliding panel with tab there
are <li> elements for the menu like this...
<ul class="slidingTabPanel">
<li><a href="#" id="about" class="tabActive"
title="about"></a></li>
<li><a href="#" id="contact" class="tab"
title="contact"></a></li>
</ul>
and they should link to...
<div id="aboutPanel" class="p1"></div>
<div id="contactPanel" class="p2"></div>
with contents in each of those DIV
I just can't seem to get the buttons to do anything, how are
the <li> calling the panels?

Actually, I figured it out. I had to edit the sp_withTabs.js
file with the IDs as well, that's whats calling the CSS class.
My problem now is that everything is all good with 4 tabs,
but when I try to add another tab, no matter what path I set for
the background image state it always shows the image of the fourth
tab and not a new image.

Spry Sliding Panels Question..

Hello,
I'm building a website and want to have a small image gallery page, with Spry Sliding Panels as the framework. Everything was working fine until I realized that in the browser, when I clicked the link to go the next panel, the actual web page itself automatically snaps back up to the top before the panel actually slides. I was wondering how to fix this because the gallery is about halfway down the page, and it looks stupid when the page jumps back up to the top each time. Thanks for your help...

Yes, your panel button code (with my change) should look like this:
         <div class="panelbtn"><a href="javascript:;" onclick="sp1.showFirstPanel(); return false;">1</a></div>
         <div class="panelbtn"><A href="javascript:;" onclick="sp1.showPanel(p2); return false;">2</a></div>
         <div class="panelbtn"><A href="javascript:;" onclick="sp1.showPanel(p3); return false;">3</a></div>
         <div class="panelbtn"><A href="javascript:;" onclick="sp1.showPanel(p4); return false;">4</a></div>
This is what I meant when I said to replace the # with the word javascript:;
Beth

Spry Sliding Panel Widget Template

I have inserted the Spry Tabs and Accordion widgets and
adjusted using CSS. Can I do the same with a Spry Sliding Panel
Widget?, if so where can I access a sliding panel widget to
adjust?.
I have found a tutorial to create a Spry Sliding Panel Widget
inserting code, but my code experience is zero.
Thanks

Also copy the required Javascript file and CSS file to the
correct location..
in the <head></head> of the page u will see
<script src=""> go to the location of the src.. copy and
paste the files to your new location in the same folder, or change
the src to match the new location of the file. Do the same for the
CSS wich is included at the <link href=

SIFR 3 and Spry Sliding Panels

I am having trouble combining spry sliding panels and sIFR 3
r419 in firefox. Implementation works perfectly in IE6 & 7 but
in FF3 the headings flicker as one panel slides out and as another
slides in.
I have tried adding sIFR.replace to onclick to combat this,
as described in another post but to no avail.
Does anyone have any suggestions?
Many thanks
Marcel

Add a valid Document Type Declaration on your page. (DTD) and it should work smoothly.. You could have found this out if you would just validate your page. validator.w3.org.

Spry Sliding Panels & iFrames Issue

NOTE: This was also posted in the Dreamweaver section
http://www.ripplecommunications.com/75th/index.htm
I'm having an issue with iFrames and their visibility within
a Spry sliding panel. When the panel slides, the iFrame stays
visible outside of the sliding panel container.
Any ideas? You can see an example above, click on a date in
the timeline. This seem to occur in Firefox. IE 7 is OK.
2.0.0.11 on a PC. Below is a screenshot to the issue that I
see.
http://www.ripplecommunications.com/75th/screen.png

jim,
I am working with sliding oanels in GoLive and trying to
incorpoate iFrames as well. It seems to work (all manual coding of
course) and i do not have problems with the visible issues. have
you checked the
"slidingpanelsconent"..."overflow"
value in the css file, should be hidden.

Spry Sliding Panel automatic changes

Hi, is there any way to do sliding panel to change
automatically (without clicking on any link) with some duration,
about 10sec.? I will be appreciate for any help

My previously posted I'd fixed this but it is in fact not
working.
Hi hope you can help.
My Spry Sliding panel is appearing over my floats in IE, fine
in Firefox.
Test
page here
Sliding
Panels CSS Here
Any ideas?
Is this a spry problem or my CSS?
Thanks.
Rich

Maintain Spry Sliding Panel Focus once a Form has been submitted - DW CS5

Similar Messages

Maybe you are looking for