Solved

Is it possible to combine SPRY widgets?

Posted on 2008-10-07
3
439 Views
Last Modified: 2010-04-21
Hi I would like to combine the Spry.Utils.setInnerHTML with Spry.Effect.Fade.

I have a form which when submit, it will load another page instead of the form itself. On submit, the form will call validateonsubmit()
      function updateResponseDiv(req)
      {
            Spry.Utils.setInnerHTML('response_form1', 'confirm.html');
            document.getElementById('form1').reset();
      }
      function validateonsubmit(form){
                  if (Spry.Widget.Form.validate(form) == true){
                        Spry.Utils.submitForm(form, updateResponseDiv);
                  }
            return false;
      }

Is it possible to use the Spry.Effect.Fade so that the new page (confirm.html) will fade in?
Thanks.
0
Comment
Question by:Rassac
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 7

Accepted Solution

by:
shirazti earned 500 total points
ID: 22676687
Hi Rasaac,

Use Spry.Utils.updateContent to load another page within a div.

Check the code snippet
code requires following javascript files
SpryData.js, SpryEffects.js, SpryUtils.js
http://labs.adobe.com/technologies/spry/includes/SpryData.js
http://labs.adobe.com/technologies/spry/includes/SpryEffects.js

*Q_23799428 : do the same thing Spry.Utils.updateContent('div', ''fading.html');
requires SpryData.js
function updateResponseDiv(req){
	Spry.Effect.DoFade('response_form1',{ duration: 500, from: 100, to: 0, finish: function() {
		Spry.Utils.updateContent('response_form1', 'confirm.html', function() {
			Spry.Effect.DoFade('response_form1',{ duration: 500, from: 0, to: 100 });
		});
  }
 });
}

Open in new window

0
 

Author Closing Comment

by:Rassac
ID: 31503761
Thanks! excellent!! :)
0

Featured Post

Certified OpenStack Administrator Course

We just refreshed our COA course based on the Newton exam.  With 14 labs, this course goes over the different OpenStack services that are part of the certification: Dashboard, Identity Service, Image Service, Networking, Compute, Object Storage, Block Storage, and Orchestration.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

630 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question