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

Similar Messages

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

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

HOW DO I USE 'SPRY MENU BAR?'

Please i need an indept explanation of how to use spry to create menu bars to my satisfaction. Your useful information shall be highly appreciation. Thanks!

Spry menus have been deprecated and, if you are using an older version of Spry, it will not work on Mobile!
So don't.
You can do drop-down menus with rollover effects and everything simply by using straight HTML and CSS. You do have to know HTML and CSS though. Another great way to simply use a plugin is to go to Project Seven and buy their system (there are others out there, but the guys at PVII are particularly crafty and their menu systems work with all browsers, including the really bad Microsoft ones).
Here is a link to a tutorial that will show you how to do a straight HTML and CSS3 dropdown menu yourself.

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.

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
>>
>
>

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)

Conditional Validation using Spry

When are we going to see things like conditional validations in DW using spry?
I am by no means a developer and enjoy using DW for its simplicity but I have a situation at the moment wherby I need to make a text box required if a checkbox group or radio button group is ticked and on top of this I also need to make another textbox required if any of a number of groups are answered 'yes'
If anyone has any help they can give me to achieve my goal I would be very grateful.
Also if anyone from Adobe has an answer to my opening question then that would be great
Thanks

blandad1976 wrote:
When are we going to see things like conditional validations in DW using spry?
I am by no means a developer and enjoy using DW for its simplicity but I have a situation at the moment wherby I need to make a text box required if a checkbox group or radio button group is ticked and on top of this I also need to make another textbox required if any of a number of groups are answered 'yes'
If anyone has any help they can give me to achieve my goal I would be very grateful.
Also if anyone from Adobe has an answer to my opening question then that would be great
Thanks
Seek and ye shall find! See here http://forums.adobe.com/message/2978837#2978837
Gramps

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>

Using Spry how to stop Dreamweaver CS3 from Changing Code

Hi
I am using Dreamweaver CS3 to build/maintain a website www.ghoter.net. I started using Spry to insert data from an xml file as I need the data in the xml file to show up on several different pages, includeing the home page. The data in the xml file changes from time to time. This is working wery well. But I am having a problem with Dreamweaver automaticly changing a line of code in the html files every time I make a change to the html file. The line of code that is being changed is in the head of the program.
This is the line of code that is being changed: The xml's name is data-3.xml The date from the xml file goes at the top of the left collumn.
The good code is: var ds1 = new Spry.Data.XMLDataSet("data-3.xml", "customers/customer",{distinctOnLoad:true});
The above line of code is automaticly being changed to this below, which does not work:
var ds1 = new Spry.Data.XMLDataSet("data-3.xml", "customers/customer",<MM:BeginLock translatorClass="MM_SPRY" type="MM_SPRY_DATA_REFERENCE" orig="{distinctOnLoad:true}" ><MM_DYNAMIC_CONTENT DYNAMICDATA=1><MM:DECORATION HILITECOLOR="Dyn Untranslated Color">{distinctOnLoad:true}</MM:DECORATION></MM_DYNAMIC_CONTENT></script><MM:EndLock>);
I can replace the bad line of code with the good code just befor saving the html file and the good line of code will be saved with the file and the web page works as it should.
Any help would be appricated. Thanks
Jack Burn

Hi Jack,
I think (not sure though) that the Library Item is causing the problem. I never use the Library Item because server side includes are far more efficient and need less maintenance.
Have a look here http://foundationphp.com/tutorials/sprymenu/ssi.php
If you have PHP serverside scripting language, use DW to add serverside includes using PHP.
Getting back to your original problem, try without the Library Item and see if DW still changes the code.
I hope this helps.
Ben

Using SPRY colapsible menus

Similar Messages

Maybe you are looking for