Help with Ajax/Spry 1.61
I've installed Spry 1.61 and relaunched Dreamweaver. It STILL
doesn't recognize the spry/ajax tags. What am I missing/doing
wrong?
I am using DW CS3. My understanding from reading the
documentation is that if you install the Spry 1.6.1 framework and
reboot DW, DW should just automatically recognize the tags. Is this
not the case? If I go to Help/Manage Extensions, "Spry Updater
1.6.1" is listed and checked. Yet if I create a new .cfm doc and
start typing the new ajax/spry tags, DW does not recognize it. Do I
need to cfinclude a file? If so, the documentation does not mention
this.
Similar Messages
-
I'm having trouble with a Spry Menu Bar not displaying
correctly in Internet Explorer, while it displays fine in every
other browser I have available. I've done some searching on these
boards, but the queries I've found with the same type of problem
each has a knowledgeable person editing the code for the
poster...and I can't seem to make heads or tails of it.
So, below is my link. What you'll see if viewed in Explorer
is that the "Clinics" listing and the "Services & Specialties"
listing are each on the same horizontal line, rather than vertical
like the rest of the menu. If anyone can help me in correcting this
problem, I'd be very appreciative.
Thanks in advance.
http://www.chambershospital.com/temp/about.htmlHello,
You might try removing all of the <div> tags you
inserted in the menu.
This can happen if you select text in design view and use the
"align" icons
in the properties window instead of using CSS to align
things.
For example:
<li>
<div align="left"><<****REMOVE THIS
<a href="clinics.html"
class="MenuBarItemSubmenu">Clinics</a>
<ul>
<li><a href="clinic.html">Chambers
Clinic</a></li>
<li><a href="clinic7.html">Scenic 7
Clinic</a></li>
</ul>
</div><<*** REMOVE THIS
</li>
So it looks like this:
<li><a href="clinics.html"
class="MenuBarItemSubmenu">Clinics</a>
<ul>
<li><a href="clinic.html">Chambers
Clinic</a></li>
<li><a href="clinic7.html">Scenic 7
Clinic</a></li>
</ul>
</li>
Repeat for all the other <div align="left"> and
</div> tags in the menu.
Take care,
Tim
"Zim74" <[email protected]> wrote in message
news:fv4vc0$r0t$[email protected]..
> I'm having trouble with a Spry Menu Bar not displaying
correctly in
> Internet
> Explorer, while it displays fine in every other browser
I have available.
> I've
> done some searching on these boards, but the queries
I've found with the
> same
> type of problem each has a knowledgeable person editing
the code for the
> poster...and I can't seem to make heads or tails of it.
>
> So, below is my link. What you'll see if viewed in
Explorer is that the
> "Clinics" listing and the "Services & Specialties"
listing are each on the
> same
> horizontal line, rather than vertical like the rest of
the menu. If
> anyone can
> help me in correcting this problem, I'd be very
appreciative.
>
> Thanks in advance.
>
>
http://www.chambershospital.com/temp/about.html
>
> -
Help with vertical spry menu bar submenu displaying incorrectly!
I’m new to Dreamweaver and am learning as I go. I am having a problem with the vertical spry menu bar submenu in the Live View. When I scroll over the spry menu bar option that has a submenu, the submenu appears in the upper right hand corner of my screen. (My menu bar is going down the left hand side.) However, when I preview it in Internet Explorer it looks fine after I allow the Java Script to run or the Active X controls, which my browser usually automatically blocks. (The browser just displays a small message along the top and I click on it to allow it.) To get it to do this much, I had to play around with the CSS for the spry menu bar a little bit.
Before, when I clicked on the Live View option, a small message ran along the top in Dreamweaver saying it couldn’t find the Flash Plugin and asked me to download the most recent FlashPlayer, which I did twice. It continued to say that and then I just closed that message that kept popping up, but I think that has something to do with the problem. I then researched that problem in the Spry Framework Help and Dreamweaver Help, but couldn’t find a solution that worked. (Someone had posted a link for downloading the Flash Player for Netscape Navigator, but that didn’t seem to do anything.)
Please also note that I am using one of Dreamweaver’s pre-built layouts. I don’t know if that makes a difference with this problem.
How do I fix this problem so that it displays correctly in the LiveView? And will the message that I get on my browser about allowing blocked content appear on other people’s computer when they open my website?IE is a big problem child among browsers. Don't use it as your default browser.
For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera. If it works in one, it should work pretty much the same in all of them.
After you're satisfied with how your site looks in the good browsers, then test in IE. If needed, add hacks or conditional comments to make IE behave. There are many web sites that discuss known bugs in IE and how to work around them.
Lastly, the active X nag screens only appear locally. Once deployed on the remote server, you won't see them.
For better answers to your layout questions, we need to see your page. Can you post a URL?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Need some help with my spry accordian
i have now created a front page for my wesite
http://www.mandyevansartist.com
this is my code for the page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>my front page</title>
<style type="text/css">
body {
background-image: url(images/webbgrnd.jpg);
background-repeat: no-repeat;
text-align: left;
font-family: "Courier New", Courier, monospace;
h1 {
text-align: left;
font-family: "Courier New", Courier, monospace;
font-size: 36px;
font-weight: normal;
</style>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<span class="AccordionPanelContent"></span>
<div id="Accordion1" class="Accordion" >
<div class="AccordionPanel">
<div class="Accordion">mandyevansartist.com</div>
<div class="AccordionPanelContent">
<p>the life long works<br />
of western australian <br />
artist, mandy evans<br />
have culminated <br />
in a series of <br />
limited edition <br />
posters now <br />
available <br />
globally</p>
</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">limited edition prints</div>
<div class="AccordionPanelContent">Content 4</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">this weeks new old art</div>
<div class="AccordionPanelContent">
<p>Content 5</p>
</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">webart</div>
<div class="AccordionPanelContent">http://www.wix.com/mandysart/webart1</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">shop - buy originals</div>
<div class="AccordionPanelContent">http://www.wix.com/mandysart/wesite4</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">contact</div>
<div class="AccordionPanelContent">Content 8</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">link</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
<div class="AccordionPanel">
<div class="Accordion">subscribe</div>
<div class="AccordionPanelContent"><a href="http://www.wix.com/mandysart/subscribe"><img src="images/websubscribebutton1.jpg" alt="subscribers link" width="300" height="150" /></a></div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { enableAnimation: false, useFixedPanelHeights: false, defaultPanel: -1 });
//-->);
</script>
</body>
</html>
this is the spryaccordian css that i have fiddled with - the spryaccordian.js is the same ( i was in there but i dont think i changed anything)
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
overflow: visible;
margin: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: auto;
left: auto;
top: auto;
right: auto;
bottom: auto;
font-family: "Courier New", Courier, monospace;
font-size: 36px;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
float: none;
width: inherit;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
background-color: #0.0;
border-top: solid 0px black;
border-bottom: solid 0px gray;
margin: 0px;
padding: 0px;
cursor: pointer;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 440px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #0.0;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #0.0;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #0.0;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: #0.0;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: transparent;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
i hope someone can help
kind regards
mandy evansthis all looks fine in live view (from dreamweaver) and safari and opera when you check in browsers from dream weaver - but have uploaded onto server and its turned up looking like this
-
I posted this in the general forum, but thought I'd repost
here since this is more specific to Spry.
I'm having issues in IE (6 & 7...surprise, surprise) with
my vertical spry menu. It displays exactly the way I want it when I
use Opera. I think it has to do with the whitespace:nowrap on the
2nd level menu items, but I really don't know. I want the 2nd level
menu to be different width than the 3rd level, so I have both
levels set to auto width with nowrap.
This is how it looks in IE 7:
Menu
in IE
This is how it looks in Opera (correct):
Menu
in Opera
Attached is my CSS as well. Let me know if you need the HTML,
too.
Thank you for helping!
quote:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this
container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: auto;
left: -1000em;
top: 0;
white-space: nowrap;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: auto;
white-space: nowrap;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a
given menu item
/* Menu items that have a submenu have the class designation
MenuBarItemSubmenu and are set to use a background image positioned
on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class
designation MenuBarItemSubmenuHover and are set to use a "hover"
background image positioned on the far left (95%) and centered
vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;IE is a big problem child among browsers. Don't use it as your default browser.
For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera. If it works in one, it should work pretty much the same in all of them.
After you're satisfied with how your site looks in the good browsers, then test in IE. If needed, add hacks or conditional comments to make IE behave. There are many web sites that discuss known bugs in IE and how to work around them.
Lastly, the active X nag screens only appear locally. Once deployed on the remote server, you won't see them.
For better answers to your layout questions, we need to see your page. Can you post a URL?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Help with conditional Spry Form Validation
Hi,
I am creating some validation for this form and need some help.
Need to require a finish to be selected if a qty is selected and visa versa.
I have got this part working but can't get it to destroy the validation if the qty/finish is added and then removed.
Here is the code for just the 2 fields:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Deleting and rebuilding validations</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// build validations and delete / destroy them
function val(e){
// get the value
value = e.value;
//check if value is greater than 0
if (value>= 1 ){
// if it is then turn on validation
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", "none", {isRequired:true});
return true;
function val2(e){
value = e.value;
if (value= "" ){
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "integer", {isRequired:false});
else { var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "integer", {isRequired:true}); }
return true;
</script>
</head>
<body>
<form id="form1" method="post" action="#">
<p><span id="spryselect1">finish:
<select name="finish" id="finish" onclick="val2(this);" >
<option>please select</option>
<option value="6, Antique Wiluna White">Antique Wiluna White</option>
<option value="12, Antique Wiluna White Gloss">Antique Wiluna White Gloss</option>
<option value="2, Charred Oak">Charred Oak</option>
<option value="10, Charred Oak Gloss">Charred Oak Gloss</option>
<option value="5, Gentle Beige">Gentle Beige</option>
<option value="1, Refined Oak">Refined Oak</option>
<option value="9, Refined Oak Gloss">Refined Oak Gloss</option>
<option value="4, Rocksalt">Rocksalt</option>
<option value="7, Snowdrift">Snowdrift</option>
<option value="13, Snowdrift Gloss">Snowdrift Gloss</option>
<option value="3, Vicenza Walnut">Vicenza Walnut</option>
<option value="11, Vicenza Walnut Gloss">Vicenza Walnut Gloss</option>
<option value="14, 2 Pack Gloss White">2 Pack Gloss White</option>
</select>
qty:
</span><span id="sprytextfield1">
<input type="text" name="qty" id="qty" onblur="val(this);" />
</span>
<input type="submit" value="Submit" />
</p>
</form>
<script type="text/javascript">
var sprytextfield1, spryselect1;
</script>
</body>
</html>
Also is there a shortcut so this doesn't have to be repeated for all 80 or so fields?
CheersI am very busy at the moment with having a few projects on hand. Maybe the following example will help you. If not, please come back here.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Deleting and rebuilding validations</title>
<link href="http://labs.adobe.com/technologies/spry/widgets/textfieldvalidation/SpryValidationTextFiel d.css" rel="stylesheet">
</head>
<body>
<form id="form1" method="post" action="#">
<p>
<input type="radio" name="radio" id="Married" value="Married" onclick="val(this);">
<label for="Married">Married</label>
</p>
<p>
<input type="radio" name="radio" id="Defacto" value="Defacto" onclick="val(this);">
<label for="Defacto">Defacto</label>
</p>
<p>
<input type="radio" name="radio" id="Single" value="Single" onclick="val(this);">
<label for="radio">Single</label>
</p>
<hr>
<span id="sprytextfield1">
<label for="f_married">Married</label>
<input name="married" id="f_married" type="text" value="">
<span class="textfieldRequiredMsg">A value is required.</span>
</span>
<span id="sprytextfield2">
<label for="f_defacto">Defacto</label>
<input name="defacto" id="f_defacto" type="text" value="">
<span class="textfieldRequiredMsg">A value is required.</span>
</span>
<span id="sprytextfield3">
<label for="f_single">Single</label>
<input name="single" id="f_single" type="text" value="">
<span class="textfieldRequiredMsg">A value is required.</span>
</span>
<hr>
<input type="submit" value="Submit" />
</form>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryValidationTextField.js"></script>
<script>
var sprytextfield1,
sprytextfield2,
sprytextfield3;
// build validations and delete / destroy them
function val(e){
// get the value
value = e.value;
// see what radion button we have
if(value == "Married"){
// if there inst a validaton build one
if(!sprytextfield1){
sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
// if there is a validaiton in sprytextfield destory it, and clear the variable
if(sprytextfield2 && sprytextfield2.destroy){
sprytextfield2.resetClasses();
sprytextfield2.destroy();
sprytextfield2 = null;
// same as the rest
if(sprytextfield3 && sprytextfield3.destroy){
sprytextfield3.resetClasses();
sprytextfield3.destroy();
sprytextfield3 = null;
} else if(value == 'Defacto'){
if(!sprytextfield2){
sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
if(sprytextfield1 && sprytextfield1.destroy){
sprytextfield1.resetClasses();
sprytextfield1.destroy();
sprytextfield1 = null;
if(sprytextfield3 && sprytextfield3.destroy){
sprytextfield3.resetClasses();
sprytextfield3.destroy();
sprytextfield3 = null;
} else if(value == 'Single'){
if(!sprytextfield3){
sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
if(sprytextfield1 && sprytextfield1.destroy){
sprytextfield1.resetClasses();
sprytextfield1.destroy();
sprytextfield1 = null;
if(sprytextfield2 && sprytextfield2.destroy){
sprytextfield2.resetClasses();
sprytextfield2.destroy();
sprytextfield2 = null;
// proceed with the rest as normal
return true;
</script>
</body>
</html>
Gramps
Carn the Pies -
Need help with this Spry "processTokens()" error
I am using Dreamweaver CS4 Beta, and using the new Spry data
set wizard to create a data connection using an HTML file that
contains a table of simple data. Getting through the guided steps
of creating the data set and the master/detail page is a piece of
cake, but when I run the page in a browser I get this white box
with the red header in the lower right corner of the browser that
reads
"processTokens(): Value reference has no data set specified:
{Content}". It obviously doesn't like something about the data
in the content column but I don't know exactly what to do from
here, not having seen this error before.
A quick note about the source file for the data. It's an HTML
file with a table that has two columns (name and content). The
content column has some basic HTML but nothing beyond simple text
formatting and mailto links. The table has been given an ID too.
I didn't have much luck finding anything on this error on
google or anywhere else for that matter. Does anyone know what
causes this or how to solve the problem?I solved my own problem, so I figured I would post it in case
someone
else runs into this.
When inserting a new spry dataset from Dreamweaver CS4 onto a
site
that already has sprydata.js on it, you must delete the
existing
sprydata.js so that CS4 will copy the newer version onto the
site. Otherwise, it sees that the filename exists already and
won't
update it. The older sprydata.js that comes from CS3 does not
work well with the new spry dataset tool in CS4. -
***I need help with my SPRY MENU BAR***
Hi everyone,
I have installed a Horizontal and Vertical Spry Menu Bar.
It looks great, but I can not figure this out.
When I click on any of the links on the bars,
my text jumps to the righ
Can someone please tell me how I can make
the text to stop jumping.
My test page is located at the link below:
http://www.tonyasdynamicdesigns.com/gregs-pages/index.html
Thank you so much for your help,
TonyaI know that the problem is in my main-css.css because
when I deleted this css code, the text jumping stopped.
I can not figure out how to fix my main-css.css style.
Can you please help me?
Below is part of my css code
that is causing the problem.
body {
background-color: #000000;
background-repeat: repeat;
background-image: url(.../gregs-images/bg.jpg);
background-position: center;
background-attachment: fixed;
#container {
width: 965px;
fixed-width: 965px;
background-color: #1f1f1f;
margin-right: auto;
margin-left: auto;
font-size: 12px;
color: #afafaf;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
border: 2px solid #1f1f1f;
margin-bottom: 30px;
margin-top: 30px;
background-image: url();
background-repeat: repeat;
#shadow {
width: 968px;
background-image: url(.../images/vertical-website-background-shadow.png);
background-repeat: repeat-y;
margin-right: auto;
margin-left: auto;
#bottomShadow {
margin-right: auto;
margin-left: auto;
width: 968px;
background-repeat: no-repeat;
background-image: url(.../images/bottom-website-background-shadow.png);
height: 54px;
#header {
height: 272px;
background-image: url(../gregs-images/smokehouse-studios-banner.png);
width: 965px;
#footer {
height: 381px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
clear: both;
#navigation {
width: 900px;
fixed-width: 900px;
background-color: #1f1f1f;
display: in-line;
position: fixed;
overflow: hidden;
#content {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #afafaf;
background-repeat: repeat;
background-image: url(.../gregs-images/grey-gradient-bg.png);
background-color: #1f1f1f;
text-align: left;
width: 965px; -
Help with a Spry Data Set currency format
Hi there,
Wondering if anyone out there can lend me a hand please. Our
programmer is away on holidays and i have been dumped a website to
construct and i am lost as to how to format a spry xml data feed.
I have successfully imported the XML
http://www.fortitudedesign.com/xml_test/Helpgetthistowork.html
from a simple XML -
<?xml version="1.0" encoding="iso-8859-1"?>
<ig:getStockResponse xmlns:ig="
http://xml.iguana2.com/2001/08/dtd">
<stock>
<liveness>DELAYED</liveness>
<code>TLS</code>
<exchange>ASX</exchange>
<stockDesc>
<name>Telstra Corporation Limited FPO</name>
<desc>TELSTRA FPO</desc>
<descAbbrev>ORDINARY</descAbbrev>
<descShort>FPO</descShort>
<isin>AU000000TLS</isin>
<issuerCode>TLS</issuerCode>
<sectorCode></sectorCode>
<totalIssue>12,443,074,357</totalIssue>
<firstActive>30-Oct-1997</firstActive>
<lastActive></lastActive>
<firstQuoted>27-Oct-1998</firstQuoted>
<suspensionStart></suspensionStart>
<quoteBases>
<quoteBasis>SH</quoteBasis>
<quoteBasis>XD</quoteBasis>
</quoteBases>
</stockDesc>
<stockQuote>
<buy>415</buy>
<sell>416</sell>
<first>423</first>
<high>423</high>
<low>414</low>
<last>415</last>
<oap>417</oap>
<oapExDiv>417</oapExDiv>
<prevClose>417</prevClose>
<mktPrice>415</mktPrice>
<change>-2</change>
<pctChange>-0.5%</pctChange>
<volume>24,641,689</volume>
<turnover>$103,378,674.95</turnover>
<totalTrades>2667</totalTrades>
<lastQuoted>17-Sep-2008 14:37:42</lastQuoted>
<lastTraded>17-Sep-2008 14:37:33</lastTraded>
<lastChanged>17-Sep-2008 14:37:42</lastChanged>
</stockQuote>
</stock>
</ig:getStockResponse>
Now what i need help in is formatting the prices so that they
appear as dollar format please. ( the XML reads
<buy>415</buy> so i would need this to appear as 4.15 )
Can anyone out there help point me in the right direction for
this pretty please.
muchly appreciated
virode,Declare the cursor using
cursor jerome_cur is select to_date(period_name, 'month yyyy') period_name from idcc_periods where period_name = 'february 2005';
Fetch into a date datatype and use date functions
DECLARE
cursor jerome_cur is select to_date(period_name, 'month yyyy') period_name from idcc_periods where period_name = 'february 2005'
v_period DATE;
v_d1 DATE;
BEGIN
open jerome_cur ;
fetch jerome_cur INTO v_period;
close jerome_cur ;
v_d1 := add_months(v_period,1);
END;
null -
Help with the spry horizontal menu bar
I am pretty new at this. I want to change the back ground
color of the bar. I did get one of the menu to change background
color. The other would not change color when I change them using
the CSS panel. Am I missing some SW or is there something special
that I need to do.
my test
page
Thank you for your help.
Thi*Bump
-
Please can anyone help with ajax memory tree
I need to have the ajax memory tree expanded on page load. Can anyone please give me some ideas or piece of code. I have the tree working perfectly but only, the users have to click on the + sign to see the branches. This is from Scott Spendolini's example.
Thanks in advance,
SumaHi Suma,
I posted this on the other thread but if you haven't checked that, here is the code I use to simulate the first button click (in a PL/SQL region after the tree region)
declare
l_id number;
begin
select id into l_id from tree_view where pid is null;
htp.p('<script language="Javascript">var table = document.getElementsByName("level_1");
if (table.item(0).name = "level_1")
getTreeNode(table.item(0),'||l_id||');
</script>');
end;
Cheers,
Paul -
Need help with Dreamweaver Spry Tooltips.
Hello, all. First off I gotta say that I am new to this so PLEASE go easy on me here.
Okay, I created some Spry tootips on an image in Dream weaver. Everything worked well in the live view, everything came out as I hoped. But when I uploaded everything the tooltips are on the screen but don't pop up the way(s) they are supposed to. I did not create the site in Dreamwever, I simply created the image map in Fireworks, and imporetd the HTML into Dreamweaver.
Here is the page:
http://thealamedapirates.org/index.php?option=com_content&view=article&id=56&Itemid=81
And here is the code on the page: THANK YOU!!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eqp2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS5 Dreamweaver CS5 target. Created Sun Apr 15 15:01:50 GMT-0700 (Pacific Daylight Time) 2012-->
<script src="http://thealamedapirates.org/SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<link href="http://thealamedapirates.org/SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#ffffff">
<img name="Eqp2" src="http://thealamedapirates.org/content/Eqp/Eqp2.png" width="302" height="504" border="0" id="Eqp2" usemap="#m_Eqp2" alt="" />
<map name="m_Eqp2" id="m_Eqp2">
<area shape="poly" coords="72,81,124,79,127,114,204,114,206,79,260,79,260,148,73,148,72,81" href="javascript:;" alt="Shoulder Pads" id="sprytrigger3" title="Shoulder Pads" />
<area shape="rect" coords="0,448,73,505" href="javascript:;" alt="Cleats" id="sprytrigger6" title="Cleats" />
<area shape="rect" coords="73,287,212,397" href="javascript:;" alt="Leg Pads" id="sprytrigger5" title="Leg Pads" />
<area shape="rect" coords="95,236,212,287" href="javascript:;" alt="Girdle" id="sprytrigger4" title="Girdle" />
<area shape="rect" coords="138,80,195,110" href="javascript:;" alt="Mouth Piece" id="sprytrigger2" title="Mouth Piece" />
<area shape="rect" coords="119,3,212,82" href="javascript:;" alt="Helmet" id="sprytrigger1" title="Helmet" />
</map>
<div class="tooltipContent" id="sprytooltip6"><br />
<img src="../../EQP Images/molded2.jpg" width="63" height="68" alt="Cleats" longdesc="http://thealamedapirates.org/content/Eqp/parts/molded2.jpg" /> <img src="../../EQP Images/screw-cleats.jpg" width="63" height="67" alt="Screw-Ins" longdesc="http://thealamedapirates.org/content/Eqp/parts/screws.jpg" /><br />
Cleats:<br />
They can be molded or screw-in bottoms.<br />
No metal tip cleats allowed. Make<br />
sure they are laced, and tied all the way up!
</div>
<div class="tooltipContent" id="sprytooltip5"><br />
<img src="../../EQP Images/legpads.jpg" width="70" height="72" alt="Leg Pads" longdesc="http://thealamedapirates.org/content/Eqp/parts/legpads.jpg" /><br />
Leg pads:<br />
2 Hip pads, 1 tail bone pad, 2 thigh pads, <br />
and 2 knee pads. All 7 pads must be worn at<br />
all times. </div>
<div class="tooltipContent" id="sprytooltip4">
<p><img src="../../EQP Images/girdle.jpg" width="73" height="79" alt="Girdle" longdesc="http://thealamedapirates.org/content/Eqp/parts/girdle.jpg" /><br />
Girdle: <br />
Worn under the pants. All leg pads are <br />
inserted into the girdle. </p>
</div>
<div class="tooltipContent" id="sprytooltip3">
<p><img src="../../EQP Images/ShPads.jpg" width="119" height="103" alt="Should Pads" longdesc="http://thealamedapirates.org/content/Eqp/parts/ShPads.jpg" /><br />
Shoulder Pads.</p>
</div>
<div class="tooltipContent" id="sprytooltip2">
<p><img src="../../EQP Images/Mpiece.jpg" alt="mouth piece" width="102" height="55" align="textop" /><br />
Mouth Piece:<br />
Can be any color except white and<br />
clear. <br />
Must be in at all times. </p>
</div>
<div class="tooltipContent" id="sprytooltip1">
<p> </p>
<p>Helmet and Chinstrap:<br />
Must be on and buckled up at all <br />
times. </p>
</div>
<script type="text/javascript">
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1", {useEffect:"fade", showDelay:500, hideDelay:200});
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger2", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip3 = new Spry.Widget.Tooltip("sprytooltip3", "#sprytrigger3", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip4 = new Spry.Widget.Tooltip("sprytooltip4", "#sprytrigger4", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip5 = new Spry.Widget.Tooltip("sprytooltip5", "#sprytrigger5", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip6 = new Spry.Widget.Tooltip("sprytooltip6", "#sprytrigger6", {showDelay:500, hideDelay:200, useEffect:"fade"});
</script>
</body>
</html>S.C.Davison wrote:
Thanks for the reply.
Is there a way to fix that seemingly minor issue?
If it is a minor issue, I wouldn't bother about it, although the problem seems to persist throughout your document as per http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fthealamedapirates.org%2Findex.php %3Foption%3Dcom_content%26view%3Darticle%26id%3D56%26Itemid%3D81
As said, this is an issue caused by your blog software and although it affects a Spry widget, it is not a Spry issue.
My advice, hard code into your document and do not use TinyMCE to code the document.
Gramps -
Help with spry tabbed menu bar
Hi.
I need help with the spry tabbed menu panel (horizontal) It
works fine in dreamweaver ( pressing f12 ) but when i goto my
website www.so-nouveau.com it puts it all over and not in boxes
either just the writing.
I ahve double checked all uploading is correct and files are
located but it wont work.
Here is what i did >
new> html> 1 column elastic,centered. i have not
changed any other settings at all. Do i need to change the doc type
or css layout in the drop down menus before starting (doc
type=xhtnl 1.0 transitional and layout css=add to head)
I am still on cs3 , does this matter ? or is 4 easier ?
any help out there guys is much appreciated but please bear
in mind that i am not a web designer or pc expert at all , this is
just me building my own site , until nowit has been an enjoyable
experience but grrrrrr when it dont work
Thanks
Jayso-nouveau wrote:
> Hi.
> I need help with the spry tabbed menu panel (horizontal)
It works fine in
> dreamweaver ( pressing f12 ) but when i goto my website
www.so-nouveau.com it
> puts it all over and not in boxes either just the
writing.
Please post links directly to the page having an issue. I saw
no tabs on the home page, but I noticed that there is a link on the
bottom of the page to this page that has a Spry tab on it:
http://www.so-nouveau.com/test%208.html
> I ahve double checked all uploading is correct and files
are located but it
> wont work.
That page refers to a Spry JavaScript file and a Spry CSS
file, which should be at the following locations but are not
present:
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
Make sure you upload the SpryAssests folder and see where
you're at after that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert -
Menu bar not displaying inline with logo (Spry menu troubles - Extra Credit!)
Coding Brothers and Sisters!
Hope you all are well - would anyone please assist me to display inline the logo and menu bar at the following page?
http://gratefulcreative.com/Andre_Madiz/index.html
Superbonus, Adobe All-star points for help with my Spry Menu Bar, which is not showing submenus. I get an error message saying the following:
This document contains Javascript code for a widget that no longer exists. If you don't remove the code, the browser might display Javascript errors when loading the page. Would you like Dreamweaver to find all the
instances of the code for you?
Widget: var Menu Bar 1 = New.Spry.Widget.MenuBar ("MenuBar1"; {imgdown:"SpryAssets/SpryMenuBarDownHover.gif",imgRight:"SpryAssets/SpryMenuBarRightHover .gif"});
Thank you as always!
Ken D
Creative Director
Grateful Creative
www.gratefulcreative.comUse CSS floats. Posted here with inline styles for expediency. Ideally, you should set-up some re-usable classes for floats & clearing in your external style sheet.
<div style="float:left; width:250px">
<a href="http://www.andremadizmma.com"><img src="images/Bulldog_logo3.png" border="0"></a>
</div>
More on Floats:
http://css.maxdesign.com.au/floatutorial/
(='.'=)
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
Need help with spry collapsible panel (menu)
I learn as I go when I created my website http://www.invitation-fascination.com/shapes.html and so far I've created a page with 13 spry collapsible panels- I think it came out pretty well. Now this is what I want to add to the page:
I want to create a selector (drop down) menu above the panels with the option to select any one of the 13 panels.
Once selected it will move directly to that panel and open it.
I've tried the piselect thing and with the "open" and "close" button that will programatically open the panels, but what I want is for the panel to be selected from the menu and then the page goes directly to that panel and it then opens.
Is there a way this can be done? Please help
I'm really not that good at this stuff- please be easy with your response- thank youHave a look at the last example http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Gramps
Maybe you are looking for
-
Bookmark link on Dashboard page (11g)
Experts, We have Placed the Create Bookmark link below the reports i.e. we did the below Action link -> Edit Action link - Text as Create Bookmark Link in Link Text -> Action -> Navigate to BI Content (Dashboard page from Shared folder) -> click OK -
-
Forwarding email to .mac problems, some emails come through, not others
i have a forward set up through my hosting to send emails from my 'old' email address to my .mac account. some emails come through, but in tests through mail.app, some do not. the forwarded email accounts seem to get to me 30 minutes after i send the
-
How to install windows 7 in portege M200
CAN ANY ONE TELL ME HOW TO INSTALL WINDOWS 7 IN MY PROTEGE M200 I AM SO MUCH WORRIED ABOUT THAT Bec there is no DVD ROm TOSHIBA PORTEGE M200 PART NUMBER : PPM21U -1KCPK-4 S/N: 85124648H Thank you
-
Hi. I have a problem with my wrt160. v1 As soon as i turn off my computer it looses Internet, i got my desktop on cable from computer to router. I also have an mac on wireless that just seem to work fine. the there is to IPhone that lose connection t
-
I exported my messages in Nokia Ovi 3.1.1.90 as .csv but when i updated my Nokia suite to 3.2.100 Some of my messages are missing. I did try to import the .csv file but after importing, nokia suite did not recover the messages in the .csv file. Fix