Hiding a div using spry

I am totally new to Spry and was just messing around with the
new effects that can be used in Dreamweaver. I instally noticed
that when I apply an effect to a div, span, etc.....the default
state is active (or visible). Is there a way I can get around this
by making it hidden on load (INSIDE the Spry framework).
I don't mean using "visibility: hidden;" to hide it because
then if someone has javascript disable.....the area will be hidden
and never able to be accessed.
MooTools has an easy:
"$('YourSelector').effect('opacity').set(0);" for instance. Is
there something like this in Spry?

Yeah, sounds like there is a deadlock. Perhaps the Applet is blocking when it makes the call via LiveConnect to JavaScript. When this call is made, the browser is probably calling the stop() method.
Does this Applet have any dialogs? We've seen a problem where any open dialogs will cause the browser to crash/lock when the page is changed. If this is the case, then you could try to close any open dialogs (or set their visibility to false) just before you hide the frame.
Also, just for grins, you could try wrapping the call JavaScript in a different thread to see how this affects the process.
Let me know if this helps.
Eric

Similar Messages

Preventing overlapping divs (using spry collapsible panel)?

I'm using a collapsible panel. below that is another div.
When user clicks on collapsible panel it revelas it content. The following div with content(i.e. <div class=""> </div>
             <div class="clean-graypop">
               <input type="radio" value="a" name="question1" />...) moves down. At least when viewed in a browser.
However, when viewed in print preview, and when printed. the contents of the collapsible panels now overlaps the content of the following div contents
<p><strong>Part 1: Statistical inference</strong></p>
            <p> Questions revealed and hidden using buttons.</p>
            <div id="CollapsiblePanel2" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0"><a href="#" target="_self" class="button"><span>Question 1</span></a><br />
                <br />
              </div>
              <div class="CollapsiblePanelContent">
                <p>Read the following statements (1-5) about measures of effect in epidemiological studies. </p>
                <ol>
                  <li>A measure of effect is a quantity that measures the effect of a factor on the frequency or risk of an outcome.</li>
                  <li>The incidence of a disease cannot be calculated in a case-control study because the controls represent an unknown fraction of the whole population.</li>
                  <li>Rate ratios, risk ratios, odds ratios, differences between means and differences between medians can all be used as effect measures in both cohort and intervention studies.</li>
                  <li>The only measures of effect that can be calculated in a cross-sectional study are prevalence ratios and odds ratios. </li>
                  <li>A prevalence ratio can be calculated in an ecological study.</li>
                </ol>
                <p>Which one of the following options (a-e) is correct?</p>
              </div>
            </div>
            <br />
            <div class=""> </div>
            <div class="clean-graypop">
              <input type="radio" value="a" name="question1" />
              a) Statements 1 and 2 are correct<br />
              <input type="radio" value="b" name="question1" />
              b) Statements 1, 3 and 5 are correct<br />
              <input type="radio" value="c" name="question1" />
              c) Statements 1, 2, 3 and 4 are correct<br />
              <input type="radio" value="d" name="question1" />
              d) Statements 2, 3, 4 and 5 are correct<br />
              <input type="radio" value="e" name="question1" />
              e) All of the statements are correct<br />
            </div>
            <br />

Define a media type CSS for print that compensates. Read here: http://www.w3.org/TR/CSS2/media.html
Mylenium

Use Spry to insert data into a database?

I'm new to Spry, so I have a question:
Can I use Spry to insert data into a MySQL database without
reloading the site?
Reading data from XML file works fine, but I don't know if
writing is possible..

I don't get it... I tried this:
<script type="text/javascript" src="spry/xpath.js"
/></script>
<script type="text/javascript" src="spry/SpryData.js"
/></script>
<script type="text/javascript">
/* <![CDATA[ */
function subscribe() {
var subscribe;
var info =
document.getElementById("subscription_info").value;
if (document.getElementsByName("subscription")[0].checked ==
true) {
subscribe = "ja";
else {
subscribe = "nein";
var dsSubscribe = new
Spry.Data.XMLDataSet("include/inc_subscribe.php?subscribe="+subscribe+"&info="+info+"&sit e=<?=$_GET['site'];?>",
"subscription/ok");
/* ]]> */
</script>
<div id="infos">
<input type="radio" name="subscription" value="ja" />
dabei
<input type="radio" name="subscription" value="nein"
/> nicht dabei
<input type='text' class='text'
id='subscription_info_text' />
<input type='submit' id="subscription_submit"
value='Eintragen' onClick="subscribe()" />
</div>
But the data isn't inserted into the mysql database. When I
start the php script directly, it works, so I think it's not a php
problem.

Using SPRY colapsible menus

I have playing around with using the SCM on a website. Seems
to be great idea to turn about thirty one paragraph pages into just
one. I think I have run into a problem though. The site has to be
searchable. I ran the Google search from WebAssist on a SCM page I
put on my site and it didn't find any of the text I searched for.
So from my experiment it looks as tough text in a SPRY is not
searchable.

"Chris Leeds, MVP - FrontPage"
<[email protected]> wrote in message
news:g6qqga$16u$[email protected]..
> Its not just SPRY, it's all that asynchronous stuff (at
least that's what
> I've been finding).
Adobe has confused an already confusing issue, perhaps
purposely, regarding
Ajax and Spry :-)
Ajax simply means that you are using JavaScript in the
browser to read an
xml file and load parts of that file into the document -
that's Adobe's spry
Ajax Framework. Spry "widgets" are simple JavaScript UI
elements: menus,
collapsing panels, accordions, etc. One has nothing to do
with the other
beyond the fact that you can populate the content of a
widget, if you want,
with data from an xml file.
The ironic part of all this, is that when using Ajax to
display content, the
entire xml file is downloaded by the browser, though its
content remains
inaccessible until it is fetched by JavaScript.
Disable JavaScript in the browser, and all content in the xml
file is
inaccessible, even though the file was actually downloaded.
Search bots see absolutely nothing - whether script is
disabled or not.
A widget (spry or PVII) alone, however, is fully accessible
whether or not
script is enabled to both humans and search bots.
The moral:
Using Ajax, as it is available in Dreamweaver, has a price to
pay - and that
price is accessibility. Using a static iframe would, in fact,
be more
accessible, and arguably more usable.
Using server-side scripting (PHP, for example) to download
all the data that
is contained in an xml file, hiding it, then using
client-side scripting to
show what you want on user demand, is more accessible,
easier, and has the
added benefit of being able to be fully accessible to both
humans and bots
if JavaScript is disabled in the browser.
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators

How to use H1, h3, h4 etc when using Spry Tabbed Panels?

Hi folks,
I am using Spry Tabbed Panels 2 on my site as it's the only way I know to direct visitors to particular tabs with links.
Unfortunately I can't use any of my header tags because H2 is dedicated to the Spry tabs, and for some reason has also taken "ownership" o all H tags.
Is there another way to mark my headings accordingly without having them turn into tabs?
My site is at www.qtnz.co.nz/activities
Thanks in advance for advice,
Jo

To help you on your way, have a look at the following. Just copy and paste into a new document and view in your favourite browser.
<!DOCTYPE html>
<html>
<head>

<base href="http://ajax.googleapis.com/" />

<link href="/ajax/libs/jqueryui/1.7.2/themes/start/jquery-ui.css"
        type="text/css" rel="Stylesheet" />

<script src="/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
      // See the jQuery UI Tabs documentation for
      // more information about how this works.
      $('#tabs').tabs();
</script>
</head>
<body>
<div id="tabs">
    <ul>
      <li><a href="#tab-1">Tab 1</a></li>
      <li><a href="#tab-2">Tab 2</a></li>
      <li><a href="#tab-3">Tab 3</a></li>
    </ul>
    <div id="tab-1">
      <p>These tabs were created with JavaScript, CSS, and
        images hosted on Google's AJAX APIs CDN.</p>
      <p>Thanks, Google!</p>
    </div>
    <div id="tab-2">
      <h1>YEAH!</h1>
      <p>My header!</p>
    </div>
    <div id="tab-3">
      
    </div>
</div>
</body>
</html>

How to Use Spry to Validate Radio button

How to use Spry Validation for radio button?
The samples only have checkbox, text, select and textarea.
Thanks

I needed to add radio buttons to the live (non-destructive)
filter so users could choose which column they wanted to search
data from. Its been modified from the "contains CB" but works
nicely. It also had to rebuild table when another button was
selected. I'll post some code if anyone would like to use it....
The Form area -
<form name="filterform">
Data Filter: <input type="text" id="filterTF"
onkeyup="StartFilterTimer();" />
<input type="radio" id="containsCB" name="radio"
value="module" onclick="resetfilter();" checked /> by Module
<input type="radio" id="containsCB" name="radio"
value="oper" onclick="resetfilter();" /> by Oper
<input type="radio" id="containsCB" name="radio"
value="phone" onclick="resetfilter();" /> by Phone
<div id="radiovalue"></div>
</form>
The JS area -
function FilterData()
var tf = document.getElementById("filterTF");
for (var c=0; c < document.filterform.length; c++)
if (document.filterform[c].checked)
var choice = document.filterform[c].value;
if (!tf.value)
// If the text field is empty, remove any filter
// that is set on the data set.
dsRows.filter(null);
return;
// Set a filter on the data set that matches any row
// that begins with the string in the text field.
var regExpStr = tf.value;
regExpStr = "^" + regExpStr;
var regExp = new RegExp(regExpStr, "i");
var filterFunc = function(ds, row, rowNumber)
var str = row[choice];
if (str && str.search(regExp) != -1)
return row;
return null;
dsRows.filter(filterFunc);
function StartFilterTimer()
if (StartFilterTimer.timerID)
clearTimeout(StartFilterTimer.timerID);
StartFilterTimer.timerID = setTimeout(function() {
StartFilterTimer.timerID = null; FilterData(); }, 400);
function resetfilter() {
// var tf = document.getElementById("filterTF");
// var tfval = tf.value;
document.getElementById("filterTF").value = "";
StartFilterTimer();

Issue using spry regions in spry tabbed content

I am having a slight issue with making a slideshow in a spry tabbed panel set. I have tested my XML used for the slideshow in a basic blank page, where I created the spry source and detail regions, and it loads fine. When you click on the thumbnail, the detail region loads the image. But when I place the slideshow in my websites page, it is inside a spry tabbed panel set. Where it just doesn't seem to want to work.
Has anyone had this issue?
I posted a copy of the page at the link below. The slideshow is under the portfolio tab
http://www.fscproductions.net/spry/
Thanks
JF

Hi,
On the main forum page you will have read the following.
Announcement: New to Spry, or the Spry forums?
Hide Details
Before you post a topic please verify that:
You are using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
After you have upgraded and not removed the remarks from the Spry files, we will have another look at it.
Ben

I have created a form in DW 5.0 using spry text fields. I am wondering what I did wrong to make the

I have created a form in DW 5.0 using spry text fields. I am wondering what I did wrong to make the form fields show text?
Thank you.

Thanks again. There's one other thing I wanted to achieve here. I need the date format to be displayed like "dd/mm/yyyy" and not like it's doing by default at the moment (i.e. mm/dd/yyyy)
I don't have any knowledge of jQuery but had a go anyway at trying to fix this using this link http://api.jqueryui.com/datepicker/ as aid to try adjust my code. Obviously I couldn't get it to work so far... So I'm looking for a little bit of help from anyone who knows a bit of jQuery.
Here's the original default code (just the stuff that goes in the 'head' of the page):
<script>
$(function() {
      $( "#datepicker" ).datepicker();
</script>
And here's what I tried adding to make it work:
<script>
$(function() {
      $( "#datepicker" ).datepicker();
      $.datepicker.formatDate( "dd/mm/yyyy" );
</script>
Obviously I tried other combinations including .parseDate instead of .formatDate etc etc none of which worked.
I'm wondering whether the extra code should perhaps go inside where the XXs are - $( "#datepicker" ).datepicker(XX)
Anyway, if somebody could help me out that would be great. Cheers!

Problems with using Spry photo gallery and Opera browser

Using Dreamweaver CS3. I'm working on a website for a friend.
It looks great in:
-IE 6 and 7
-Firefox
-Safari
But in Opera, the photo gallery I put in (uses spry to change
images as the user rolls over the thumbnail) pops up a login box in
Opera. It doesn't do this in any other browser and it works
perfectly in all other browsers.
WDYT? TIA, Steve

Using Dreamweaver CS3. I'm working on a website for a friend.
It looks great in:
-IE 6 and 7
-Firefox
-Safari
But in Opera, the photo gallery I put in (uses spry to change
images as the user rolls over the thumbnail) pops up a login box in
Opera. It doesn't do this in any other browser and it works
perfectly in all other browsers.
WDYT? TIA, Steve

Using Spry.Data.XMLDataSet. Can xml file name be set to change on calendar date?

I have a website that uses Spry Data XML DataSet to list common pests for the current month. http://www.shspestcontrol.com/
Each month's list of pests is in a separate xml file (e.g. pests-august.xml)
Rather than manually updating the file name each month, can it be setup to automatically change the name
For instance on January 1st, file name changes to pests-january.xml, Feb 1st changes to pests-february.xml. etc.
<script type="text/javascript">

</script>
Any advice if this can be done and if so how to go about doing it would be much appreciated
Thanks, Toni

<script>
var dsPests1 = new Spry.Data.XMLDataSet("pests-september.xml", "gallery/pests/pest");
function setPestsFile(){
    var months = new Array(13);
        months[0] = "january";
        months[1] = "february";
        months[2] = "march";
        months[3] = "april";
        months[4] = "may";
        months[5] = "june";
        months[6] = "july";
        months[7] = "august";
        months[8] = "september";
        months[9] = "october";
        months[10] = "november";
        months[11] = "december";
    var now = new Date();
    var monthnumber = now.getMonth();
    var monthname = months[monthnumber];
    dsPests1.setURL("pests-"+monthname+".xml");
    dsPests1.loadData();
window.onload = setPestsFile();
</script>

Using Spry in Templates - please help!

I am trying to use Spry in templates (Dreamweaver CS4) and
cannot do it. Can someone please help me? I know that I can put the
spry widget inthe template but then it will be on every child page
which I don't want. I'm not sure I understand the instructions to
open the head...
-Josh

> I dont understand about opening a head...
I think it has something to do with transcendental
meditation....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"GPaul" <[email protected]> wrote in message
news:glf037$ae7$[email protected]..
> Im not sure I understand your question, however if you
dont want something
> in every child page of a template, then you put it in an
editable section
> on the child pages you do watn, or make that section
editable and take out
> on the pages that you dont want it on.
>
> I dont understand about opening a head...
>
>
> "jl25" <[email protected]> wrote in
message
> news:gldsbb$79$[email protected]..
>>I am trying to use Spry in templates (Dreamweaver
CS4) and cannot do it.
>>Can
>> someone please help me? I know that I can put the
spry widget inthe
>> template
>> but then it will be on every child page which I
don't want. I'm not sure
>> I
>> understand the instructions to open the head...
>>
>> -Josh
>>
>
>

Using Spry Vertical Navigation with Templates-Need to indicate current page

Using Spry Vertical Navigation with the Dreamweaver templates. Using editable attributes etc., the current page mennu item does not seem to be changing. How do you indicate the. current page.

Persistent Page Indicator on Site Wide CSS Menus:
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Site Definition Requirements to use Spry

What do my site definitions need to be set at to use Spry. I am using both DW 4 & 5.
Thanks

Thank you Murray,
Now a bit more detail. I currently manage a site that has been around for a long time. When I try to use spry accordian within that site (in a new or existing shtml document), the accordian features don't work properly (panel tabs and content are not distinguishable - just a list, and he tabs do not expand). If I save an existing or create a new shtml page to my desktop, and add spry accordian there, then save back to my original site, no problem. Adobe tech support told me that it was a problem with my "definitions" file. Any clues to what my problem is?
Best Regards....

Creating Linked File Directory Tree Using Spry?

Hey guys,
First post on help forums as I'll racking my brains tring to
find a way to do the following.
Basically I created a multimedia cd for my works data sheet
pdf's using dreamweaver CS and using spry horz menu wigets to
create links to files etc ... everything worked sweet and happy as
but now I have been asked to attempt one step further.
Basically what I am trying to acheve here create a HTML page
in dreamweaver containing a spry menu that links automaticlly to
all our work pdf doc's regarding our products on a network drive,
in case the drive sits here F:\sales\suppliers data sheets\
Inside this directory is extra diretorys containing the data
sheets ... e.g F:\sales\suppliers data
sheets\3M\3Mpaper\100grit.pdf ... F:\sales\suppliers data
sheets\3M\3Mpaper\150grit.pdf ... etc
Is there any way I can create a widget spry menu automaticlly
to capture all of these directories and files and display as a
linked tree?
I can do it manually but this would take forever ... ha-ha
I am hoping you undertsand what I mean ... basically I want
to make a html menu page which features a drop down menu sustem
where the sales guys can find the info much faster and easyer than
always exploring the drive.
Thanks in advance for any ideas or suggestions.
Muz (NZ)

Hey guys,
First post on help forums as I'll racking my brains tring to
find a way to do the following.
Basically I created a multimedia cd for my works data sheet
pdf's using dreamweaver CS and using spry horz menu wigets to
create links to files etc ... everything worked sweet and happy as
but now I have been asked to attempt one step further.
Basically what I am trying to acheve here create a HTML page
in dreamweaver containing a spry menu that links automaticlly to
all our work pdf doc's regarding our products on a network drive,
in case the drive sits here F:\sales\suppliers data sheets\
Inside this directory is extra diretorys containing the data
sheets ... e.g F:\sales\suppliers data
sheets\3M\3Mpaper\100grit.pdf ... F:\sales\suppliers data
sheets\3M\3Mpaper\150grit.pdf ... etc
Is there any way I can create a widget spry menu automaticlly
to capture all of these directories and files and display as a
linked tree?
I can do it manually but this would take forever ... ha-ha
I am hoping you undertsand what I mean ... basically I want
to make a html menu page which features a drop down menu sustem
where the sales guys can find the info much faster and easyer than
always exploring the drive.
Thanks in advance for any ideas or suggestions.
Muz (NZ)

Help Using Spry tabbed panel as a menu.

Thanks in advance to all who take the time to read and any assistance you can offer.
I'm picking up where someone else started a website. They used Spry tabbed panels as a menu system (CS4). Each Panel is a top-level "menu" and when it opens, sub-menus (hyperlinks) come up vertically under the panel. I REALLY don't want to start over if I don't have to - need the site up and running - but cannot figure out how to make the "HOME" tabbed panel (the first one) actually take users back to the home page. For now, I've created a "submenu" (link) under HOME tabbed panel to help the user navigate back to the home page.
HELP?
http://www.orange.k12.nc.us/ec/beta/default.html

Thank you Gramps - for your prompt and helpful response! Your solution absolutely fixed the problem I asked about.
If I had followed forum advisories and asked the question correctly, the navigation on this website would probably be working perfectly by now. Your solution fixes the home page. Can you look at one more page and advise please??
On the "subpages" of this site, the same tabbed panel "fake menu" exists. I replaced the equivalent line of code in the template for those pages (at line 45) with what you gave me. I'm obviously missing something in the code to send the user back to the HOME page from these pages.
In the sample link below, you will be starting from a "subpage" of the site. Clicking on the "HOME" tab leads you not to the actual home page (default.html in the root directory) but to a default.html page within the subdirectory for the page you are on (which doesn't exist.) Can I add something to that line of code to get them back to the home page?
Again... thank you!!
http://www.orange.k12.nc.us/ec/beta/Students/Student_Resources.html

Hiding a div using spry

Similar Messages

Maybe you are looking for