Spry basics - how to use spry

spry is not in my Insert menu - how so i get spry so i can use it?

harrisp02 wrote:
spry is not in my Insert menu - how so i get spry so i can use it?
Spry was removed from Dreamweaver CC and was replaced with jQuery equivalents (for the most part).
If there was something specific you were looking for that you are having trouble finding, let us know and someone will point you in the right direction.

Similar Messages

How to use spry on DreamWeaver Mac?

ive been searching the web on how to use spry on the mac but i am unable to use it for some reason. HELP?!

Hello,
I quote from different contributions of the forum:
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future.” “The news was released in August last year:
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l”
and: "All Spry framework related examples available here: http://adobe.github.com/Spry/samples/
You may want to take a look at it. I'd recommend you switch to a jQuery library for your further requirements.
Examples
http://users.tpg.com.au/j_birch/plugins/superfish/examples/
http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/
http://craigsworks.com/projects/simpletip/
http://calebjacob.com/tooltipster/
http://www.solutions4website.com/Extensions/nova_dropdown_menu.aspx
Tutorials:
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
http://try.jquery.com/
http://learn.jquery.com/
https://tutsplus.com/course/30-days-to-learn-jquery/
http://www.w3schools.com/jquery/
If you have a budget to work with, get PVII's Pop-Menu Magic2.
http://www.projectseven.com/products/menusystems/pmm2/
Hans-Günter

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();

How to use Spry validation with link styled submit buttons..??

I'm working with a theme package that comes with a bunch of button styles that work with basic links. For example:
<a href='page.html' class='small-button smallblue'><span>Button Label</span></a>
I've got a basic form setup with Spry validation, but the submit button needs some styling to make it look nice with the site. Since there are already styles ready for me to turn links into buttons I figured I'd use the same thing for my submit buttons.
To accomplish that, I'm using the following javascript...
<script type="text/javascript">
function submitForm() {
    document.getElementById("form_name").submit();
</script>
And then I'm updating my submit button to something like this...
<a href='javascript: submitForm()' class='small-button smallblue'><span>Button Label</span></a>
When I do this, the form submits as expected, but the Spry validation doesn't work. Is there a way I can make the Spry stuff work with these types of buttons? I know I could create separate styles for the submit buttons themselves, or I could use an image type button, but I'd really like to figure out how to get these existing styles to work for me since the theme already has so many of them done for me.
Any information on this would be greatly appreciated. Thanks!

Save yourself a lot of trouble and style the normal submit button as per
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<style>
.Standout {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #CC0000;
    font-weight: bold;
    border-style: none;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-right: 64px;
    padding-left: 64px;
    letter-spacing: 1px;
.Standout:hover {
    background-color: #000000;
</style>
</head>
<body>
<form action="" method="get" name="myform">
<span id="sprytextfield1">
<label for="text1"></label>
<input type="text" name="text1" id="text1">
<span class="textfieldRequiredMsg">A value is required.</span></span>
<input name="input" type="submit" class="Standout">
</form>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
</script>
</body>
</html>
Gramps

How to use Spry and Jquery on the same page.

I'm using both spry (dataset) and jquery (datepicker) on my page. When I load the jquery script my dataset doesn't work.
I've done some research and found that I need to insert an observer that tells jquery when the spry dataset is finished loading. Found this information at: http://forums.adobe.com/message/2899897. I've tried implementing this into my script but just doesn't seem to work. Below is the script from my site, how would I insert an observer into this script?
<script type="text/javascript">

</script>

Please post any SPRY related question in the SPRY forum.

How to use Spry.Utils.extractParamsFromForm to get value of a form element

Can we use Spry.Utils.extractParamsFromForm to get value of a
form element ?
I tried this
quote:
var cid =
Spry.Utils.extractParamsFromForm('adForm','category');
Here the form name is adForm and category is an select item.
This gives me error
quote:
elements.join is not a function
Any idea on this guys.

Can we use Spry.Utils.extractParamsFromForm to get value of a
form element ?
I tried this
quote:
var cid =
Spry.Utils.extractParamsFromForm('adForm','category');
Here the form name is adForm and category is an select item.
This gives me error
quote:
elements.join is not a function
Any idea on this guys.

How to use Spry Validator without get all fields required

Hi,
I have a problem with a form were i use Spry Validator i want only 4 fields to be required but now all the fields are required and i don't know why.
Thanks for your help!

I get finally my answer by using this tutorial :
http://www.youtube.com/watch?v=EdkQUEpLHdk
Have nice day!

How to use spry in the dreamweaver with the php/mysql

hello,
Iam new to the spry framework
and i want to know can we use the spry in the dreamweaver
along with php / mysql code
if so please tell how to do this
thanks in advance

swetha123 wrote:
> but when i complie this page it is not showing the
preiew or any thing in the
> browser i saved this page with the extension .php if i
run the same page with
> .html then i can see the design but it is not being
executed
The reason you get nothing when you save the page with a .php
extension
is because you have display_errors turned off, so you can't
see the
error message telling you there's a syntax error. The
semicolon is
missing at the end of this line:
> echo "<font color='white'>Hello
Swetha</font>"
The reason it doesn't work with an .html extension is
probably because
you haven't uploaded SpryAssets/SpryTabbedPanels.js. I have
copied your
page and tested it locally with the correct JavaScript file,
and the
tabbed panels work as expected.
There are lots of other mistakes in your page. You can't use
float and
position:absolute on the same element. In at least one place,
you have
used </br> instead of <br />. You have also got
an closing paragraph tag
after the paragraph that contains abc.jpg.
Getting Spry or any other JavaScript library to work
correctly relies on
good, clean code. Your mixture of inline styles and font tags
is going
to make it difficult to incorporate Spry into your pages. I
suggest you
improve your HTML and CSS before bringing Spry into the mix.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

How to use Spry Tabbed Panels?

Hello, I made spry tabbed panels but I'd like them to work on
a rollover or mouseover instead of a click. Here's what I tried but
it didn't actually do anything. Do I have to edit the .js file?

jcafaro10 wrote:
> Hello, I made spry tabbed panels but I'd like them to
work on a rollover or
> mouseover instead of a click. Here's what I tried but it
didn't actually do
> anything. Do I have to edit the .js file?
I believe that you do have to edit the .js file to accomplish
what you're looking for. I think that a couple of folks have
already done this and have posted a thread/response in the Spry
forum, so I'd suggest searching that forum for mouseover or related
terms:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Basic "how to use this" question

I have a subscription to Creative Cloud, I have updated inDesign through creative cloud, and when I try to open the application, I get an error message that my trial has expired and I can't open the program. Any ideas as to what I am doing wrong?

Log out of your paid Cloud account... Restart your computer... Log in to your paid Cloud account
-Sign in help http://helpx.adobe.com/x-productkb/policy-pricing/account-password-sign-faq.html
or
A chat session where an agent may remotely look inside your computer may help
Creative Cloud chat support (all Creative Cloud customer service issues)
http://helpx.adobe.com/x-productkb/global/service-ccm.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.

How do i create a styled spry mysql driven menu using dreamweaver cs4?

How do i create a styled spry mysql driven menu using dreamweaver cs4?
I have cs4. I gave up on using MS sql as a datasource. I finally got a php successfull connection in my PHP web page.
I would like a nice video tutorial for creating a dynamic menu.
I guess i can style it by attaching a css file to the page. Are their any already designed css files out there in some online area?
i am not a good designer. so i would like to simply have a collection of menu_style.css files and choose what looks good.
But first i need to build the spry menu from the mysql database.
Any help is apprechiated.
My first choice was to maintain the data in an MS sql server file. If i could directly attach to an ms sql datasource then that would be the best option.
I dont think i want to have to re-generate an XML datasource each time i add or modify the menu. I would like to maintain the MS Sql or mySql file instead.
If i could generate an XML datasource from the MS Sql database then I may even prefere that, but i have spent a lot of time trying to figure out how to do that and not had any success. So i prefere working in MS sql but would settle for mySql if i had to.
Thanks
Jerry

To create a dynamic menu take a look here http://labs.adobe.com/technologies/spry/samples/menubar/MenuFromNestedData.html#
The XML file for the above menu looks like this
<?xml version="1.0" encoding="utf-8"?>
<items>
     <item id="0001" type="donut">
          <name>Cake</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
               <batter id="1002">Chocolate</batter>
               <batter id="1003">Blueberry</batter>
               <batter id="1003">Devil's Food</batter>
          </batters>
          <topping id="5001">None</topping>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
          <topping id="5007">Powdered Sugar</topping>
          <topping id="5006">Chocolate with Sprinkles</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
     </item>
     <item id="0002" type="donut">
          <name>Raised</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5001">None</topping>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
     </item>
     <item id="0003" type="donut">
          <name>Buttermilk</name>
          <ppu>0.55</ppu>
          <batters>
               <batter id="1001">Regular</batter>
               <batter id="1002">Chocolate</batter>
          </batters>
     </item>
     <item id="0004" type="bar">
          <name>Bar</name>
          <ppu>0.75</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
          <fillings>
               <filling id="7001">
                    <name>None</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7002">
                    <name>Custard</name>
                    <addcost>0.25</addcost>
               </filling>
               <filling id="7003">
                    <name>Whipped Cream</name>
                    <addcost>0.25</addcost>
               </filling>
          </fillings>
     </item>
     <item id="0005" type="twist">
          <name>Twist</name>
          <ppu>0.65</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5002">Glazed</topping>
          <topping id="5005">Sugar</topping>
     </item>
     <item id="0006" type="filled">
          <name>Filled</name>
          <ppu>0.75</ppu>
          <batters>
               <batter id="1001">Regular</batter>
          </batters>
          <topping id="5002">Glazed</topping>
          <topping id="5007">Powdered Sugar</topping>
          <topping id="5003">Chocolate</topping>
          <topping id="5004">Maple</topping>
          <fillings>
               <filling id="7002">
                    <name>Custard</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7003">
                    <name>Whipped Cream</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7004">
                    <name>Strawberry Jelly</name>
                    <addcost>0</addcost>
               </filling>
               <filling id="7005">
                    <name>Rasberry Jelly</name>
                    <addcost>0</addcost>
               </filling>
          </fillings>
     </item>
</items>
Then remains the manner in which you create the XML file which can be found here http://labs.adobe.com/technologies/spry/samples/utils/query2xml.html
One you have your menu up and running, you will be able to apply styles and effects

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

Center Spry Basic Image Slideshow on the webpage in Dreamweaver Cs6   ?

Hi, I'm working on a Website for a client in Dreamweaver CS6: northstarconservancy.org. How do I center the Spry Basic Image Slideshow on the pages? I've tried a few options and nothing has been effective, anyone? Thanks, Amanda

It would be easier to give you exact instructions if we could see your page. Do you have a link you could share?
In general, place a div on your page and give it the basic css for centering...
#divid {
     width:800px; (you can change the 800 to whatever width your slideshow uses)
     margin:auto;
Then place your slideshow within that div in your html...
<div id="divid"> all your spry slideshow info </div>
As long as you haven't used APDivs, or position:absolute on your site, which you should never do unless absolutely necessary (pun kindof intended), the div that the slideshow resides in will be centered within it's container.

Spry basics - how to use spry

Similar Messages

Maybe you are looking for