Spry Behaviour
I am not a developer, but a frond end designer who has been
using CS3 for a while and now CS4. So please bare with me if this
sounds like a stupid question, but I am stumped and needs help.
I have created a Horizontal Navigation Bar using the Spry
Menu Bar. It a very simple one with no Sub Menus dropping down and
I have also gotten rid of the little down arrow gif file in the
CSS, and just using background colour to change the hover state.
There are no images used here. Everything works fine when I check
live, changing the colours on mouse over etc. except the down
state. I mean when I select a button and click, how do I change the
background colour on that button only. Right now when I click it
goes to the page I want, but how do I change the state of that
button to current state of Active.
I know how to do this using images and the DWs menu insert.
But I would like to use the Spry widget and change the colours. I
have gone through the SpryMenuBarHorizontal.css file and tried to
change the many rules, but without any luck. I would appreciate if
someone can help me to figure this out. It's really bugging me that
I can't figure this out. Thanks a million in advance.
Raji
Probably not.
The SWF file associated with the media player controls on/off functions.
Instead of show/hide behavior, you might want to step up to a Modal Window system like Highslide or FloatBox.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com
Similar Messages
-
Accordion Spry Widget default loading behaviour
Am using the accordion spry widget to display some
spring/summer courses and
I need all panels closed when the page first loads. I've
tried to find the
relevant code, but have not been successful in changing it to
make this
work. If I change the behaviour of the 'this.defaultPanel'
the whole
accordion stops working. How can I change the accordion
behaviour to have
all panels closed at page load?
Thanks for any help.
MarianneHello! I have been reading up on this and playing around with
the code for a few hours now and I can't seem to make it work.
Basically I would like to have the accordion load collapsed, and
get rid of the fixed height. Any clue what I'm missing?
Thanks!
Hello! I have been reading up on this and playing around with
the code for a few hours now and I can't seem to make it work.
Basically I would like to have the accordion load collapsed, and
get rid of the fixed height. Any clue what I'm missing?
Thanks!
<!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>Lorem Ipsum : about us</title>
<style type="text/css">
<!--
-->
</style>
<script src="SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a
.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a
)&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers
.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<link href="css/main.css" rel="stylesheet" type="text/css"
/>
<style type="text/css">
<!--
-->
</style>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
<!--
a:link {
color: #036;
text-decoration: none;
a:visited {
text-decoration: none;
color: #036;
a:hover {
text-decoration: none;
color: #FFF;
a:active {
text-decoration: none;
color: #036;
-->
</style></head>
<body
onload="MM_preloadImages('images/menu_images/nav_a2_f2.jpg','images/menu_images/nav_a3_f2 .jpg','images/menu_images/nav_a4_f2.jpg','images/menu_images/nav_a5_f2.jpg','images/menu_i mages/nav_a6_f2.jpg')">
<div id="homebg">
<div id="spry1">
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry1.jpg" width="747"
height="35" alt="Vision / Purpose / Mission" /></div>
<div class="AccordionPanelContent">
<table width="744" height="179" border="0">
<tr>
<td width="95" height="175"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Vision:</strong>
Lorem Ipsum Dolor</p>
<p><strong>Purpose:</strong> Lorem ipsum
dolor.</p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry2.jpg" width="746"
height="34" alt="Guiding Principles / Core Values"
/></div>
<div class="AccordionPanelContent">
<table width="744" height="388" border="0">
<tr>
<td width="95"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Integrity</strong><br
/>
Lorem Ipsum</p>
<p><strong>Understanding</strong><br
/>
Lorem Ipsum</p>
<p> <strong>Innovation</strong><br
/>
Lorem Ipsum</p>
<p><strong>Perseverance</strong><br
/>
Lorem Ipsum</p>
<p><strong>Simplicity</strong><br />
Lorem Ipsum</p>
<p> <strong>Lorem
Ipsum</strong></p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img
src="images/spry_background/about_spry3.jpg" width="746"
height="34" alt="Lorem Ipsum" /></div>
<div class="AccordionPanelContent">
<table width="744" height="388" border="0">
<tr>
<td width="95"> </td>
<td width="581" valign="top"
bgcolor="#C2CAD2"><p><strong>Lorem
Ipsum</strong><br />
<br />
<br />
<a href="mailto:blahblah</a></p>
<p><strong>Lorem Ipsum</strong><br
/>
<br />
<br />
<a href="mailto:blahblah"</a></p>
<p><strong></strong><br />
Manager<br />
9<br />
<a href="mailto:blahblah</a></p></td>
<td width="54"> </td>
</tr>
</table>
</div>
</div>
</div>
<h6></h6>
</div>
<div id="text">
<h1>about us
<p>Lorem Ipsum </h1>
<p> </p>
</div>
<img src="images/bg_images/bg_interior.jpg" width="1374"
height="931" /></div>
<script type="text/javascript">
<!--
var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
useFixedPanelHeights: false, defaultPanel: -1 });
//-->
</script>
</body>
</html> -
Modifying the behaviour of spry tooltip - "pinning to the screen"
Hi there,
I have some spry tooltips containing content with links. These tootips are not really that large, but the links change the content of the tooltip. Often, since these tooltips contain links that may be near to the bottom of the visible tooltip content, if the linked-to content is smaller than the previous tooltip, the mouseout event will fire and the tootip will close.
The triggers for the tooltips can be quite dense in frequency, and I want to keep the delay to a minimum to help swift movement over these dense areas. The problem is that the change in size of the tooltips can catch the browser unaware, and when the tooltip closes it can be quite annoying, (as the browsing within the tooltip would have to be repeated from the first trigger to access the links in the tooltip.) Changing the hide delay option doesn't really work for me.. I want the showdelay to be quite small, so the hidedelay has to be small also.
I want to place a checkbox in the tooltip to "pin" it open. I am completely stumped on how to do this. I can quite happily place and replace the checkbox, write event handlers etc.. but the complexity of the spry tooltip code seems indecipherable for me to modify it to my needs.
I need a 'hack' that will disable the appear/disappear behaviour of the tooltip (as well as the triggers), so that leaving the tooltip or manoevering the mouse outside, and over any other triggers will not change the tooltip displayed, whilst keeping the internal content displayed with its links still working.
Then, after the checkbox is cleared, normal behaviour to resume.
If there is a simple fix,.. like duplicating the content into another div styled similarly and replacing the tooltip on screen altogether, at the same position - that'd be great... but how do I do this seamlessly and deactivate/reactivate the tooltip efficiently? I would need to access the position of the tooltip for this, So I still have trouble!
Please, any help would be greatly appreciated!!
Many thanks,
AlexHi Narayan,<br /><br />Thanks for pointing me in the right direction.<br />Using the following code snippet, I was able to figure out the ActionIDs that I needed to filter:<br />>// You can run this code from a codesnippet in the debug build and watch the trace output (with the Test >> Trace >> Obsolete >> Obsolete:Actions category enabled)<br /><br />>MessageToConsole ("Dumping ActionID Info begin...\n");<br /><br />>InterfacePtr<IApplication> theApp(gSession->QueryApplication());<br /><br />>InterfacePtr<IActionManager> actionManager(theApp->QueryActionManager());<br /><br />>actionManager->DumpActionInfo(IActionManager::allActionInfo);<br /><br />Namely, I need to filter kEditOriginalActionID/kLinksPanelMenuComponentBoss and kEditOriginalSelectionActionID/kLinksPanelMenuComponentBoss<br />Everything seems straighforward for the kEditOriginalSelectionActionID ActionID. I just perform my action on the links currently selected in the current document.<br />For the kEditOriginalActionID though, it is necessary for me to know which links are selected in the Links Panel.<br /><br />Any idea how I might do this?<br /><br />Thanks again,<br /><br />- Jackeen
-
Spry.Effect.GrowShrink crazy behaviour
Hi, I was wondering if someone could help me figure out why
when I pass the mouse over the thumbnails in my photo gallery, they
act all jumpy. I used the same effect as in the Spry demo photo
gallery yet they behave differently. My gallery is located here
http://www.fotosite.ca/temp/index.htm
my grow function looks like this (and shrink is similar)
function GrowThumbnail(img, from, to){
img.style.zIndex = 150;
img.style.borderStyle = 'solid';
img.style.borderWidth = '3px';
img.style.borderColor = '#ffff00';
Spry.Effect.GrowShrink(img, {duration: 500, from: from, to:
to ,toggle:false });
Thanks in advance for any help,Hi,
I see 2 problems:
1. The Grow/Shrink effect do not know to consider the margin,
border and padding so when you add these properties from the
JavaScript you'll have the weird behavior of images moving down and
right before animation start and then up and left when the mouse
leave.
We automatically include the 1px border in the thumbnail view
and we only change its color. You remove 2px from the border while
the mouse is not over the element and when you add them the effect
is really visible and disturbing. If you consider in keeping a such
big value for the border then you should keep it when the images
are not focused.
2. While you move the mouse over the thumbnails fast some of
the images will remain open. This is a bug that also reproduce in
our photo gallery too and I will look to fix it while the new Spry
will be released. The issue is basically generated by the fact you
are not using the toggle option while running the effect.
Cristian -
Behaviours not working in PDF prototype [click-through]
I'm trying to create a click-through PDF using Behaviours to swap out images onClick. My aim is to create a prototype PDF of a website for my Portfolio by mimicking a Spry Widget. Please see image below.
FYI: I do have an issue with the Main-Nav which uses simple slices linked to their named page [via Link in Properties]. These are naturally shared in each page via Web Layer from a Master Page. This menu doesn't function in Preview mode or once exported or previewed in a browser.[Google]. However, it does click-through in PDF format! So all good there.
I'm concerned with the 2nd Nav set; 1.1 to 1.9. A simple set of rectangular Slices linking to the content area below - a single large rectangular Slice. These Slices are not in the Master Page but located in the Design page of my document, and in all the States of the Design page, of which there are 12 in total. This Nav bar has simple UP, OVER and DOWN States that swap-out and seem to work fine and click-through OK, if previewed in a browser and in Preview mode within Fireworks.
However, click-through does not function in a PDF. Each nav-tab Slice is using Behaviours: onMouseOver | Set Nav Bar Image and the second Behaviour being: onClick Swap Image, then names the correct slice to show onClick in the Behaviours' Panel.
I have tried variations such as adding a Hotspot to create a hand on rollover and clicked and unclicked various Behaviour options in the Behaviours Panel to no avail. I wondered if it was a PDF option that needed fixing much like when exporting a file from InDD but I can't find a suitable PDF option. I read elsewhere about not using Animated Gif as an Image File Type but that didn't work either. When I export to PDF, there aren't the Slice Save options available for PDF. Also Fireworks defaults to export to Acrobat Pro, though if I view in Pro or Reader the click-through still fails.
I'm fairly new to Fireworks but would really like to get to grips with it and I love this prototype wizardry. I'd like to know why the click-thru fails in PDF but functions in browser and FW Preview and why Main Nav functions in PDF but not browser?
So any help will be greatly appreciated.
BlancheThe original post did not indicate the method of creating the PDF. The result that was obtained was what happens when you print to the Adobe PDF printer. To get the hyperlinks embedded in the PDF, you have to use the PDF Maker (create PDF in WORD 2007).
-
Hi to all,
I have a small issue with a website using a Spry Accordion Widget to create a collapsible menu. I have several items of navigation, for example:
Link 1
Link 1.1
Link 1.2
The Accordion works well, but in some level there is only one item, and no subitems.
Link 2
Link 3
When I try to add a hyperlink to that level, nothing happens. I removed the div of the content, leaving only the panel tab, but the spry tries to make the animation to open the content tab, which is no longer there. I only want to add a link in the panel tab to open another page.
Any suggestions? Newbie here...
Thanks in advance...Accordion are not ment to be used as menu bars. They are ment for hiding / displaying content.
That is why Spry cancels all "native" events that are fired on the tabs. So the accordion will still
operate if you changed your markup from divs to <a> elements and <p> tags.
You can overwrite this behaviour by adding the following attribute on your <a> element that you have
placed inside the accordion tab:
onclick="window.location=this.href;" -
Hi!
I have two items I need help tweaking.
1) the page has the jQuery portfolio, and for some reason, just by having this inserted on the page has "blocked" my spry menu drop down for the portfolio links within.
2) I've repeated the jQuery gallery twice on the same page so as to compartmentalize different works...the ability to choose how to view the portfolio samples is not working on the second one, but works for the top one. Don't know why when the exact script has been duplicated?
Can you please help me address these issues so that I may tweak accordingly? Thank you!
http://c2cstudios.com/c2cstudios_11/illustration/index.htmlThe following is an example of placing two ad-gallery widgets in the one document.
<!DOCTYPE HTML>
<html>
<head>
<link href="jquery.ad-gallery.css" rel="stylesheet">
<style type="text/css">
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
color: #333;
line-height: 140%;
select, input, textarea {
font-size: 1em;
body {
padding: 30px;
font-size: 70%;
width: 800px;
h2 {
margin-top: 1.2em;
margin-bottom: 0;
padding: 0;
border-bottom: 1px dotted #dedede;
h3 {
margin-top: 1.2em;
margin-bottom: 0;
padding: 0;
.example {
border: 1px solid #CCC;
background: #f2f2f2;
padding: 10px;
ul {
list-style-image:url(../jquery.ad-gallery.1.2.4/list-style.gif);
pre {
font-family: "Lucida Console", "Courier New", Verdana;
border: 1px solid #CCC;
background: #f2f2f2;
padding: 10px;
code {
font-family: "Lucida Console", "Courier New", Verdana;
margin: 0;
padding: 0;
#gallery, #gallery2 {
padding: 30px;
background: #e1eef5;
#descriptions, #descriptions2 {
position: relative;
height: 50px;
background: #EEE;
margin-top: 10px;
width: 640px;
padding: 10px;
overflow: hidden;
#descriptions .ad-image-description, #descriptions2 .ad-image-description {
position: absolute;
#descriptions .ad-image-description .ad-description-title, #descriptions2 .ad-image-description .ad-description-title {
display: block;
</style>
<title>A demo of AD Gallery - Coffeescripter.com</title>
</head>
<body>
<div id="container">
<div id="gallery" class="ad-gallery">
<div class="ad-image-wrapper">
</div>
<div class="ad-controls">
</div>
<div class="ad-nav">
<div class="ad-thumbs">
<ul class="ad-thumb-list">
<li>
<a href="http://c2cstudios.com/c2cstudios_11/jquery/images/1.jpg">
<img src="http://c2cstudios.com/c2cstudios_11/jquery/images/thumbs/t1.jpg" title="apolo ohno" class="image0">
</a>
</li>
<li>
<a href="http://c2cstudios.com/c2cstudios_11/jquery/images/2.jpg">
<img src="http://c2cstudios.com/c2cstudios_11/jquery/images/thumbs/t2.jpg" title="simone" class="image1">
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="descriptions"></div>
<p>Examples of how you can alter the behaviour on the fly;
Effect: <select id="switch-effect">
<option value="slide-hori">Slide horizontal</option>
<option value="slide-vert">Slide vertical</option>
<option value="resize">Shrink/grow</option>
<option value="fade">Fade</option>
<option value="">None</option>
</select><br>
</p>
<div id="gallery2" class="ad-gallery">
<div class="ad-image-wrapper">
</div>
<div class="ad-controls">
</div>
<div class="ad-nav">
<div class="ad-thumbs">
<ul class="ad-thumb-list">
<li>
<a href="http://c2cstudios.com/c2cstudios_11/jquery/images/1.jpg">
<img src="http://c2cstudios.com/c2cstudios_11/jquery/images/thumbs/t1.jpg" title="apolo ohno" class="image0">
</a>
</li>
<li>
<a href="http://c2cstudios.com/c2cstudios_11/jquery/images/2.jpg">
<img src="http://c2cstudios.com/c2cstudios_11/jquery/images/thumbs/t2.jpg" title="simone" class="image1">
</a>
</li>
</ul>
</div>
</div>
</div>
<div id="descriptions2"></div>
<p>Examples of how you can alter the behaviour on the fly;
Effect: <select id="switch-effect2">
<option value="slide-hori">Slide horizontal</option>
<option value="slide-vert">Slide vertical</option>
<option value="resize">Shrink/grow</option>
<option value="fade">Fade</option>
<option value="">None</option>
</select><br>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.ad-gallery.js"></script>
<script>
$(function() {
var galleries = $('#gallery.ad-gallery').adGallery();
$('#switch-effect').change(
function() {
galleries[0].settings.effect = $(this).val();
return false;
var galleries2 = $('#gallery2.ad-gallery').adGallery();
$('#switch-effect2').change(
function() {
galleries2[0].settings.effect = $(this).val();
return false;
</script>
</body>
</html>
Notice that the ID's for the second widget have changed as well as a second constructor and the addition of style rules for the extra ID's. Note also that the selector has changed to target the relevant gallery with the addition of #gallery and #gallery2
Gramps -
Hi,
I'm a beginner in programming with Adobe Spry so I don't know
if I already understood the Spry concept correctly or if my
question has already been answered in this forum before.
I have got an XML file on my web server which contains the
address data of a single user in the following way:
<?xml version="1.0" encoding="iso-8859-1"?>
<adressbook>
<contact id='1'>
<name>Person 1</name>
<company>his company</company>
</contact>
</adressbook>
The xml file is dynamically generated and can be called with
a GET-parameter "contact" which represents the contact id of the
contact whose address data should be delivered in the response.
Now I read something about the Adobe Spry data set concept.
So I wanted to implement a small address book widget by fetching
the data of a chosen contact from the server in the following way:
<script type="text/javascript">
var contactinfo = null;
function getcontactinfo(contactid) {
contactinfo = new
Spry.Data.XMLDataSet("data.xml.php?contact=" + contactid,
"/adressbook/contact", { useCache: false });
</script>
<div id='names'>
<a href='javascript:getcontactinfo(1)'>Person
1</a><br>
<a href='javascript:getcontactinfo(2)'>Person
2</a><br>
</div>
<div id='info' spry:region="contactinfo">
<table spry:repeatchildren="contactinfo">
<tr><td>name:</td><td>{name}</td></tr>
<tr><td>company:</td><td>{company}</td></tr>
</table>
</div>
My problem is that the spry:region won't be updated after
requesting new data via Spry.Data.XMLDataSet(). If I leave out the
getcontactinfo()-function and simply write something like
var contactinfo = new
Spry.Data.XMLDataSet("data.xml.php?contact=1",
"/adressbook/contact", { useCache: false });
everything works fine. Can anybody help me and could give me
a hint what I might do wrong.
Thanks a lot
André Langer
P.S.: btw. does anybody know if there's an option in the
spry:repeatchildren part to implement a similar behaviour like in
XSL where I could find out the tag names (in Spry the column
names), see
<xsl:for-each select="/adressbook/contact/*">
<tr><td><xsl:value-of
select="name()"/>:</td><td><xsl:value-of
select="."/></td></tr>
</xsl:for-each>Hi Ala,
Look into the setURL and loadData functions.
http://labs.adobe.com/technologies/spry/articles/data_set_overview/
You can so something like
<a onClick="
contactinfo.setURL('data.xml.php?contact={contactid}');
contactinfo.loadData();")
http://labs.adobe.com/technologies/spry/samples/data_region/SetURL.html
Hope this helps.
Don -
Single Page Spry Tabbed Insert - Delete - Update
Hi Guys
I like to make a page with three Spry Tabs.
* Using ( PHP - Mysql )
* Example ( Table of "Users" Fields ID, Name, Age )
( First Tab )
List of all people with navigation dividing table by ten rows
each time.
On each row Delete & Update This person.
When Clicked on Delete [ Delete This Person and update the
list ]
When clicked on Update [ Go to third tab and update this
exact person ]
( Second Tab )
Insert new person to Mysql
( Third Tab )
Update the person who was send here to be updated from tab
one
Can I have all list - Insert - Delete - Update in one page
under different Spry Tabs? How can I send these info from one tap
to another. How should I go about this?It was never possible to have more than one of those
behaviours on a page
using the standard behaviours in previous versions. You
always had to write
your own scripts.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"Sanj" <[email protected]> wrote in message
news:enjulr$qma$[email protected]..
> Hi,
>
> Prior to Dreamweaver 8.02 it was possible to have more
than 1
> Insert/delete/update however this is no longer the case
- is there a way
> around this?
>
> Thanks!
>
> Sanj
> -
Dreamweaver color coding screwy for some Spry scripts
Hi All:
I am interested in knowing if anyone else has noticed an odd
behaviour in Dreamweaver CS3. I suspect it is caused by an optional
missing quote or its like within some of the Spry scripts where
regular expression patterns are defined, but I have not been able
to find the 'missing' item.
Anyway, the code all goes royal blue (the default color for
operators) rather than black for regular text until Dreamweaver
finds a single quote (at least it is a single quote in the files in
which I have seen the problem) much further down the script. It
makes the scripts really hard to read.
Examples (file name, problem start line, problem end line):
SpryValidationTextField.js, line 490, line 979;
SpryDOMUtils.js, line 417, line 762.
Any ideas on how to fix this? One that comes to mind for me
might be to break the expressions up into smaller pieces and then
concatenate them, but I do not know if that would solve the
problem.
Cheers,
Skip KeatsI think its a known error in DW. And there are no fixes aka
fact of life :). -
Different Intervals for each tab in Spry Widget TabbedPanels
Hi,
I have two tabs panels in my tab panels group and I would them to have different intervals between the two panels is this possible?
Heres my code for the tab panels:
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0" onFocus="blur();">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="1" onFocus="blur();">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
Tab 1 Content
</div>
<div class="TabbedPanelsContent">
Tab 2 Content
</div>
</div>
</div>
and here's my code to specify the interval value at the moment:
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", { interval: 12000 });
TabbedPanels1.start();
//-->
</script>
Thanks-- When-New-Form-instance
IF :SYSTEM.Record_Status ='query' THEN
go_block('PLN_STOCK_TAKING_HEADER');
execute_query;
go_block('PLN_STOCK_TAKING_DETAIL');
execute_query;
go_block('PLN_STOCK_TAKING_DETAIL2');
execute_query;
END IF;
same behaviour,excute on tab2 not tab1,well i think it has something to do with the relation..!
Regards,
Abdetu.. -
A 'normal' thumbnail-image structure with Spry
Hello.
I would like to ask the devolopers of Spry if it is possible
to implement, with Spry classes, a basic structure for the opening
of an image from a thumbnail. I examined your examples about the
photo gallery but I would like to perform a more simple behaviour.
Having a Spry-enhanced table like this:
<tbody spry:repeatchildren="dsRisultatiRicerca"
spry:choose="choose" >
<tr spry:default="default"
spry:setrow="dsRisultatiRicerca" spry:hover="rowHover"
spry:select="rowSelected">
<td align="center" width="119" height="119">
<a href="#open"
onclick="openImage('{MYIMAGE}');"><img src="{MYTHUMBNAIL}"
border="0"></a>
</td>
<td>{CODE}</td>
</tr>
[etc...]
I would like that at the click upon MYTHUMBNAIL a 'modal' div
appeared with the same characteristics (in terms of borders, shape
transition and fade) of the example of your Photo Gallery.
The 'opened' image should be visualized in the center of the
screen and it should be possible to close the div with a button 'X'
or similar.
I would thank you if you could provide some support on this
matter.
NewcomsasHi Gowda,
According to your description, I understand that the meeting request contain picture will be auto increased when send to recipients.
If I misunderstand your concern, please do not hesitate to let me know.
How about the internal or external mail flow with Outlook client?
It’s by default for external mail flow with outlook. Messages increase in size while in transit through the Internet beyond the actual sum of the size of text, graphics, pictures, and attachments.
Encoding of a message for transmission through the Internet leads to a size increase of approximately one-third.
I find an similar thread about this question, for you reference:
https://social.technet.microsoft.com/Forums/office/en-US/25eebccb-4cf6-43af-b16c-336e1c60a735/inserting-picture-in-meeting-request-size-increasing?forum=outlook
Best Regards,
Allen Wang -
Hi,
I want to upload images using ADDT.
Normally I show the thumnails with the "show thumbnail"server behaviour.
Now I want to create a spry image gallery.
How can I get the thumnails with spry from the images which I have uploaded with the "Upload and Resize Image" serverbehaviour?
Is this possible?
Regards,
C.J.Hi Günter,
>wow, that is one of the greatest suggestions I read since a long time
Man, I'll print your post and show to my kid :)
>Maybe some PHP based preprocessing of the recordset´s column value, e.g. a str_replace or whatever ?
I solve this issue using the getimagesize() function and adding the size to the file name using substr():
list($img_width, $img_height, $img_type, $img_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/" . $row_detail2imagens['FileField']);
list($thumb_width, $thumb_height, $thumb_type, $thumb_attr) = getimagesize("../GalleryFolderName/" . $row_detail2imagens['AlbumField'] . "/thumbnails/" . substr($row_detail2imagens['FileField'], 0, -4) . "_140x105" . substr($row_detail2imagens['FielField'], -4));
$thumb_width = ($thumb_width / 10) * 7;
$thumb_height = ($thumb_height / 10) * 7;
This generates the code for thumbnails section of my xml. Notice that $thumb_width and &thumb_height are set to 70% of the actual file size. This makes the Spry thumbs to grow onmouseover.
It is also important to notice is needed to use a nested loop to sort the images per albums.
Cheers!
Marcell -
After some time working with ASP and databases I've tryed to
experiment with
Spry as I though it would be more powerful and easy to work.
After some
tests I'm totally frustrated with it.
I've seen that I can create a Spry dataset but it only allows
to get
information from an XML or HTML table. This makes information
totally
static. I know that I can build an ASP page that query a
database and
creates the XML. But I've not found any way to pass diferent
parameters on
the Spry dataset wizard to call this ASP.
I though that I can use querys to create Spry datasets with
searches and
filter information. But now seems almost impossible to me.
I'm missing
something or is this Spry dataset useless?
Regards,
AngelThanks Massimo!
I've checked you example and I don't have much knowledge of
Could Fusion as
I'm used to ASP. But I see that it can be done. I will study
it further.
As I'm not a big coder I just want to create this using
Dreamweaver server
behaviours and Spry elements, but I''m stuck as it seems that
the Spry
dataset doesn't have an option to pass a parametter when
calling the ASP
page that querys the database.
Basically I need to create a Spry dataset but tell the
dataset to call a
"query.asp page" with a parametter "id=x" so the dataset will
call the ASP
and generate the XML with the choosen "x" parameter. As it
seems the dataset
object is simply created when the page is open I don't know
how to recall it
with different parameters to change his contents.
Regards,
Angel
>
> You are indeed missing something :-))
>
> You can send either a GET or POST request to the .asp
page that creates
> the XML or JSON used to feed the dataset. The search
parameters can be
> either inside the querystring for GET or inside the POST
request.
>
> I am sorry I don't have any ASP sample available, but
here you can find a
> small demo with insert/update/delete and search that
uses CF and Spry:
>
http://www.massimocorner.com/spry/dynamic_spry.zip
>
> Hope it could help.
>
>
> --
> ----------------------------
> Massimo Foti, web-programmer for hire
> Tools for ColdFusion, JavaScript and Dreamweaver:
>
http://www.massimocorner.com
> ----------------------------
>
>
>
>
>
> -
I have two problems related with Spry Menubar in Dreamweaver CS3.
First I would like to make the menu transparent (I have a nice graphic I would like to show under). I cannot make it in IE. I wonder if anybody has any ideas.
Second my menu has a strange behaviour.
I use the following code to load a page named test1.html into a div named MyDiv of the page that has the menu:
<li><a href="javascript:loadURL('Test1t.html','Mydiv');" target="_parent">Item1.1</a></li>
the LoadURL function runs correctly.
However the first time I load the page in IE I need to click 2 times on Item1.1 to load test1.html. After that the menu works correctly loading test1.html with only one click. Pretty strange!!!!
Any help is very much appreciated.
Thanks,
CarlyHi Charly,
CarlyJ schrieb:
Hi Hans,
Unfortunatelly the page is just on my machine.
Thanks,
C.
Then off to the server with your site and let us know the link!
Hans-G.
Maybe you are looking for
-
How to calculate length of textfield
Folks, Please tell me how to find of length of textfield in a form. length function of javascript doesn't work on rawValue. Thanks, Manish
-
I am having trouble saving a byte stream file refnum
I am creating a .csv file using the File I/O->Open/Create/Replace file VI. I am able to create a file at the file location that I gave it, but when I save the refnum to a byte stream refnum global, it will not save the refnum. When I call on the gl
-
ITunes quick search/find as you type
hi... since a few months i'm missing the following feature: typing one or more characters in the artist or song column to jump directly to the artist or song starting with the character being typed in some applications like "finder" this feature is c
-
Hi, everybody. I've had my iBook since August and everything has been fine except the past few weeks, the computer's cooling fan began turning on more and more frequently and it is at the point where it turns on everytime I use the computer. This CAN
-
I just bought a new iphone. Can I freely trade this in for the 4S?
I just purchased a new iPhone 4 on July 31st. Now that the new 4S is released, can I trade it in since my phone is so new? If not, I basically get screwed if the new phone really is 7 times faster.