SPRY WITH THICKBOX OR GREYBOX
I have been having problems getting Thickbox or Greybox
windows to popup when I place the anchor tag containing attributes
for these calls inside a spry region. It ends up opening up the
image as a normal hyperlink would.
Once I move this call to either Greybox or Thickbox outside
of the spry region it works fine.
Has anyone had similiar experiences? Fix?
Link
to Example Practive Page
I know this is an old post now, but if it helps anyone. I had the same problem as the OP with GreyBox but reading the FAQs on the GreyBox site I found the answer.
To use GreyBox with spry you need to use the onclick= command as detailed in the advanced section in the GreyBox instructions, and not the rel= command as detailed in the basic section.
Example: To show an image inside a spry region, where the image name and image title is retrieved from a HTML dataset, this is the code you would use.
<a href="images/{ds1::img_full}" onclick="return GB_showImage('{ds1::imgTitle}', this.href)">Show Image</a>
The image name is the name the image is saved as and the image title is the title you want displayed in the GreyBox title bar.
Using the onclick= command the image will open in a GreyBox window. Using the rel= command the image will open in a normal blank HTML window.
Hope this helps.
Similar Messages
-
Spry with DW insert, modify and delete behaviors
I posted this question before and didn't get a response. I'm
wondering if there is any documentation available for using Spry
with DW insert, modify and delete behaviors? I'd like to be able to
perform these functions without having to go from list to master to
detail page as in traditional ASP etc. According to Alex July at
Linecraft this is one of "many hidden features" in Spry.
http://www.linecraft.com/b2/index.php?p=28&c=1"LAGooner10" <[email protected]> wrote in
message
news:fk71ad$5c7$[email protected]..
>I posted this question before and didn't get a response.
I'm wondering if
> there is any documentation available for using Spry with
DW insert, modify
> and
> delete behaviors? I'd like to be able to perform these
functions without
> having to go from list to master to detail page as in
traditional ASP etc.
Here you can find an article that covers data update:
http://www.adobe.com/devnet/dreamweaver/articles/edit_data_in_ajax.html
The server-side code is CFML, but the concept is the same.
A more complete demo, with search, insert, update and delete
is available
here (code only, no article):
http://www.massimocorner.com/spry/dynamic_spry.zip
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com -
Has anyone had any luck integrating Spry with Drupal 6.x?
I found some support for Drupal 5 such as this module:
http://drupal.org/project/spry
Thanks in advance for any pointers.
DaveHi,
You are really close.
Give the first UL an ID:
<ul id="MenuBar1" class="MenuBarHorizontal menu" >
and add the other class.
After the list markup, add a constructor:
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1");
//-->
</script>
And then attach the required files to the head:
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
Here it is working:
http://www.dbooth.net/spry/menu.htm
Hope this helps,
Don -
Spry With Cold Fusion + Tutorials
Hi,
I want to try Spry with cold fusion . Can anyone help me on
getting some tutorials?>
http://www.adobe.com/devnet/dreamweaver/articles/edit_data_in_ajax.html
A more advanced demo application, without tutorial, but with
more advanced
features, is now available here:
http://www.massimocorner.com/spry/dynamic_spry.zip
Massimo Foti, web-programmer for hire
Tools for ColdFusion and Dreamweaver developers:
http://www.massimocorner.com -
Using Spry with large amounts of data
I was wondering if it is plausible to use spy's Auto suggest
feature with queries that return around 18,000 rows of data.
What are the limitations of using spry with this kind of
overhead?
My current Situation
I currently have a cfc that returns a query which is then
converted to xml using a toXML function and then loaded into spry.
At this time the xml that is created only contains around 500
rows but when this is all hooked up to spry's auto suggest feature
i am experiencing very slow load time.
What am i doing wrong? My end result would like to be a
lookup to over 18,000 employeesin your text box, include an onChange attribute (i think it's
supported) like this:
onChange="yourCustomCall(yourformid)"
Then each time that the text box is changed, a new spry call
will be made to the server.
Be warned though: This, like all other AJAX calls, can lead
to very high server load. each time you make a change in that text
box, you are making a CF call. Be sure your environment can scale
to handle that load if it is a high-use site. -
Hi i've just uploaded my site (www.savvanis.hostoi.com) and having problems with thickbox. It just doesn't load the images. When preview the site locally everything works fine but online the same issues. Any help would be appreciated.
I don't receive any answer but I found the problem by my self.
It's come from the CSS: You must set the z-index of the light box higher than the z-index of the drop down menu ... it's easy.
Hope it will help somebody ! -
Spry and Shadowbox, Spry and Thickbox ARGGG!!!
i have tried and tried to read post and look all over the net
for an answer and i cant seem to get it to work.
Can someone help with what im doing wrong to get one of these
boxes to work in my spry region.
Here are the pages
http://portersrestoration.dyndns.org/portersonline/private/ssdetail.php?SubID=42
- uses the thickbox - i get it too fire which is a step further
than before but it wont load the div, it just stays on the loading
gif. Also the box shows up where ever you click on the page when it
should only fire on the > button.
http://portersrestoration.dyndns.org/portersonline/private/ssdetail2.php?SubID=42
- uses Shadowbox - i cant even to get it to fire in the spry
region.
Any help would be great thanks in advance....going on two
days of searchingoops sorry I hit the wrong key. I'll start over:
1) Define dataset. I'm using an HTML dataset instead of XML.
You'll see see both definitions, but the XML one is commented out.
2) Define an observer. You can copy and past mine to yours if
your using Shadowbox. You will see "events_dummyregion" is the ID
the observer is looking for to watch that tag.
Spry.Data.Region.addObserver("events_dummyregion", {
onPostUpdate: function() { Shadowbox.init({ skipSetup: true });
Shadowbox.setup(); }});
3) Then I define my region called eventsGallery:
<div id="eventGallery" spry:region="eventsGallery"
class="SpryHiddenRegion">
<div spry:state="loading"><img
src="images/loading.gif" alt="Loading..." /><br
/>Loading...</div>
<div spry:state="error">Failed to load Events
Gallery!</div>
<div spry:state="ready">
<span spry:repeat="eventsGallery">
<a href="../images/{eventsGallery::Picture_Filename}"
rel="shadowbox[events_gallery];options={slideshowDelay: 6}"
title="{eventsGallery::Title}">{eventsGallery::Thumbnail}</a>
</span>
</div>
</div>
That included al the state definitions. You can ignore those
and just look at the SPAN tag.
4) Finally I define the DIV tag that the observer watches.
The observer is watching this tag because the ID is
"evens_dummyregion". Also, in my CSS, I have a rule for the ID
#event_dummyregion with visibility:hidden. That way it's invisible.
When you click a thunmbnail in the events gallery, it updates
that invisible dummyregion. The observer sees that region get
updates and runs the code written in the observer. That code
initializes Shadowbox, which then reads the REL="shadowbox" in the
A tag of the parent region and then Shadowbox works it's magic.
<div id="events_dummyregion"
spry:detailregion="eventsGallery"></div>
If you want to see the other scenerio, view the source at:
http://new.eliteportablerestrooms.itlogic.org/products.htm
That one has a product list. When the product is selected,
the data in a 2 panel accordion is updated. One panel is for
product images. The images are displayed as a grid of thumnails and
then when a thumbnail is selected, Shadowbox does it's thing. If
you need an explaination on that one, just ask. -
Generate Photo Gallery XML for Spry with Adobe Bridge
Wanted to post a note to what I've discovered/worked out -- a
way to
generate a very useful photos.xml from Adobe Bridge. If you
use Bridge,
it's very easy to add titles, keywords, ratings -- all kinds
of metadata
that one might use in a photo gallery. Here it is in case
anyone wants
to use.
The script is based on one I found at the Adobe User to User
Bridge
Scripting Forum for exporting a CSV file.
Note 1: this particular script doesn't take into account
CDATA that
might exist in your metadata, like ampersands in your title.
I've just
avoided using those, but you could also have the script write
out a
CDATA node for that info instead.
Note 2: this script does not write out a thumbpath,
thumbwidth or
thumbheight attribute. But usually the thumbpath is the exact
same as
the regular "path" attribute, and the thumbwidth and
thumbheight are
just a ratio of the regular "width" and "height" attributes.
I added a
bit of JS to the gallery.js file to calculate those before
growing the
thumbnail on rollover.
Personally I'm using keywords as categories and titles as
captions and
sorting by rating (stars in Bridge), so here's the .jsx file
I created.
The script should be saved to the folder "StartupScripts" in
Program
Files/Common Files/Adobe.
Hope this is useful for others too!
#target bridge
if (BridgeTalk.appName == "bridge" ) {
// create menu
var menu = MenuElement.create( "command", "Export XML File",
"at the end
of Tools");
menu.onSelect = function(m) {
try {
// ask for the name of the output file
var f = File.saveDialog("Export XML file to:", "XML
File:*.XML");
if ( !f ) { return; }
// open filestream and write first line
f.open("w");
f.writeln("\<photos\>\r\r");
// get a list of all the visible thumbnails in Bridge
var items = app.document.visibleThumbnails;
for (var i = 0; i < items.length; ++i) { var item = items
f.writeln("\<photo path = \"" + item.name + "\"" + "\r" +
"width = " +
"\""+ getWidth(item) + "\"" + "\r" + "height = " + "\""+
getHeight(item)
+ "\"" + "\r" + "rating = " + "\""+ getRating(item) + "\"" +
"\r" +
"categories = " + "\""+ listKeywords(item) + "\"" + "\r" +
"caption = "
+ "\""+ getTitle(item) + "\"" + " \>" + "\r" +
"\<\/photo\>\r\r" ); }
f.writeln("\<\/photos\>");
f.close();
} catch(e) {
function getTitle(tn) {
md = tn.metadata;
md.namespace = "
http://purl.org/dc/elements/1.1/";
var varTitle = md.title;
return varTitle;
function getWidth(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varWidth = md.ImageWidth;
return varWidth;
function getHeight(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/tiff/1.0/"
var varHeight = md.ImageLength;
return varHeight;
function getRating(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/xap/1.0/"
var varRating = md.Rating;
return varRating;
function listKeywords(tn) {
md = tn.metadata;
md.namespace = "
http://ns.adobe.com/photoshop/1.0/";
var Keywords = md.Keywords;
var varKeywords = "" ;
for ( var i = 0; i < Keywords.length; ++i ) { varKeywords
= varKeywords
+ Keywords + ","; }
return varKeywords;I updated the script so it exports an XML file from Bridge
with full
compatibility with the Spry Demo Photo Gallery, to use as
photos.xml.
It's at the same address:
http://www.imagicdigital.com/spry/bridge_export_xml.zip
To Use:
The script goes in the folder "StartupScripts" in Program
Files/Common
Files/Adobe.
Launch Bridge and browse to a folder that contains the files
you want in
your gallery -- the "source" folder, as it were.
Choose the menu command "Tools > Export XML for Spry
Gallery".
Type a name for your XML file in the Save dialog box, choose
a location,
and hit "Save".
In the dialog box that pops up, enter a max length/width for
your
thumbnails, in pixels. Some common sizes are "75" , "100" or
"125".
Hit "OK". You should see an alert pop up telling you "XML
file
successfully created!" -
Hello all, I am new into spry framework but I managed to use
it with prototype, lightbox and scriptaculous.
The question is how can I access the {ds_RowID} and
{ds_RowCount} from Javascript?
I am using the following that works but returns Script Error.
var myCurRow = eval('{ds_RowID}');
var myTotalRow = eval('{ds_RowCount}');
if ( (myCurRow+1) >= myTotalRow) {
localinit();
I am using the following to create the XML instanses:
var dsGalleries = new
Spry.Data.XMLDataSet("/ssp_director/galleries.php",
"galleries/gallery");
var dsGallery = new
Spry.Data.XMLDataSet("/ssp_director/galleries.php",
"galleries/gallery");
var dsPhotos = new
Spry.Data.XMLDataSet("{dsGalleries::@file}",
"gallery/photos/photo");
Thank you for your help.
YiannisHi Yiannis,
You want to do something like this:
var myCurRow = dsPhotos.getCurrentRow().ds_RowID;
var myTotalRow = dsPhotos.getRowCount();
--== Kin ==-- -
Any plans for adding custom tags, CFCs or anything like that
to make this nice and easy for us ColdFusion folks to use?I've been using ajax in my CF web apps for a few months now.
We're currently using ajaxCFC from Rob Gonda. It's a slick little
implementation and includes a lot of the expected helper functions
to assist with the dynamic population of combo boxes and the like.
Now that Macromedia (er, Adobe - still getting used to that) has
taken on this project, I'm very excited. I look forward to
no-longer having to defend my "experimental" implementation of
ajax. No slight to Rob, but my configuration manager is picky about
software that doesn't have a corporate support tail on it.
There are two things that Rob does in his implementation that
I hope will carry into Spry. First, the ability to seemlessly pass
complex structures between javascript and ColdFusion (most
important - we found other implementations of ajax for CF that
couldn't do this - non-starter) and secondly (closely related), he
includes a convenient little corrective process for his arrays to
make them one-based on the CF side and zero based on the javascript
side. Seems like a little thing, but it's soooo nice not to have to
sweat the array index. -
Spry with Dreamweaver download problem
but I can not find the application...
The folders in the Spry_P1_3_08_11 folders are:
the folders are
articles
data
demos
includes
samples
widgets...
where is the application?
Betsy WallaceBetsyW. wrote:
> OK, I am sorry about that; it is just that neither of my
polite querys on the
> Spry framework for Ajax forum have received any
answers...
That's a pity, because it is really the best place for you to
get an answer.
> It just seems that these attempts
> by software professionals who try to make database
functionality more user
> friendly for web designers such as myself..(and many who
use DreamWeaver), fail
> in their attempt to do so for two reasons, first,
because they continue to
> necessitate too much code and secondly because they fail
to include sufficient
> ,understandable documentation, specifically tutorial
info. that works.
Spry is AJAX, the "hot" topic of the web at the moment, but
in my
opinion, it's not the best way to work with a database. The
problem with
the way that Spry handles dynamic data is everything falls
flat on its
face if someone visits your site with JavaScript disabled.
It's also
useful for search engines. Rather than attempt to work with
XML data
sets, I would suggest that you investigate the Spry widgets,
such as
accordions, tabbed panels, and so on.
The other problem with Spry is that it's still evolving. As a
result,
there is very little documentation. The documentation that
does exist is
pretty mind-numbing, even for somebody like myself with a
reasonable
understanding of JavaScript and other programming languages.
As I
understand it, a new version of Spry is due to be released
very soon (I
did hear a rumour that it was tomorrow). I don't know whether
it will
include updated documentation, but it's definitely on the
Spry
development team's to-do list.
> It is
> very very frustrating for me. I am trying very hard to
learn....I am also
> trying to access the newsgroup link but to no avail...
Is there a way to do it
> from within unison?
I'm sorry, I don't know what unison is. I have subscribed to
it with
Thunderbird, using forums.macromedia.com as the name of the
news server.
> I will refrain from copying this to the
> Spry forum... but they really should read it...
Perhaps this is one that could be duplicated. What I was
concerned about
was different people spending time trying to troubleshoot
your problem.
A good policy is to wait at least 24 hours before posting in
a second
forum. Then begin your post saying that you have tried in xxx
forum, but
got no replies.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
I am new to spry and I have been able to get autosuggest to
work without a problem. Except that now, I want to search the same
xml file using multiple searches with multiple search fields at the
same time. I want to have about 6 different search fields using
autosuggest. These search fields search the same xml file. But, I
want each search field to search under a different column. I am
creating an intranet. And, thus, I have no link to post to the
outside. I am using an Microsoft Access file with over 5,000
records. These records are mechanical drawings. And, each record
has around 30 columns that an individual can search for a
particular record. I want to be able to establish around 6 separate
search fields that search the same xml file. As an individual types
in a search field the repeat region shows the current hits. And,
when, the individual searches the other field the repeat region
continues to dwindle down to narrow down the search. I hope this
makes sense. I do have it working with one field. I just want to
add 5 more search parameters or fields to search through the other
columns simutaneously.In your showDIV function add Spry.Data.initRegions(); after you updated the innerHTML.
This tells Spry that theres a new spry:region on the page -
If Spry can be used in any website design software, then how
do I make it work with DW MX?You would have to do it manually, i.e., with no Design view
display.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TaraLeigh" <[email protected]> wrote in
message
news:g534or$ss4$[email protected]..
> If Spry can be used in any website design software, then
how do I make it
> work with DW MX? -
Spry with unwanted white bkg in IE7,8
Hi,
I've been using Spry horizontal menus for a while, and the verticals occassionally. This is the first time I've experienced this problem wiith an unwanted white bkg (on a black site) for a vertical menu in IE 7 & 8.(It' s fine in FF3 and Safari) I've noticed the FFF "hack" for IE at the bottom of the CSS and played with it by changing it to black, deleting it, etc. Nothing works. This is a site under construction at:
www.eagleeyes-apollogold.com/b2b/magellan.html
for one instance of the problem. I'm also attaching the Vertical CSS. I've seen a lot of entries on google but no solutions. Could you please help me here?
Thanks in advance,
Ron Finley
Los Angeles
[email protected]
PS this is the version of Spry that shipped with DW CS3/* 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;
background #ffff
Thats the only thing white in your stylesheet. So if that doesn't help its controlled from a stylesheet other than Spry provides. -
Does anyone know if its possible to integrate the Spry
Framework with Ruby on Rails?okay, that helped. Here's what I get:
erik-petersons-computer:/usr/local/mysql/bin erikpeterson$ ls
comp_err mysql_zap
makesharedlibdistribution mysqlaccess
makewin_bindist mysqlaccess.conf
makewin_srcdistribution mysqladmin
msql2mysql mysqlbinlog
myprintdefaults mysqlbug
myisam_ftdump mysqlcheck
myisamchk mysqld
myisamlog mysqld_multi
myisampack mysqld_safe
mysql mysqldump
mysqlclienttest mysqldumpslow
mysql_config mysqlhotcopy
mysqlconvert_tableformat mysqlimport
mysqlcreate_systemtables mysqlmanager
mysqlexplainlog mysqlshow
mysqlfindrows mysqltest
mysqlfixextensions mysqltestmanager
mysqlfix_privilegetables mysqltestmanager-pwgen
mysqlsecureinstallation mysqltestmanagerc
mysql_setpermission perror
mysql_tableinfo replace
mysqltzinfo_tosql resolvestackdump
mysql_upgrade resolveip
mysqlupgradeshell safe_mysqld
mysql_waitpid
erik-petersons-computer:/usr/local/mysql/bin erikpeterson$
How would I create a new database from here?
Maybe you are looking for
-
Mass creation of Material Master Records
Hi all, I have to create 50.000 materials the first time and then, once a month, I have to manage the update of 50/100 materials. What do you suggest ? Direct input the first time and Idoc (Matmas) to manage the updating? Thanks in advance Bye
-
Open Script Record Error - Browser is not recognized or recorded by tool
Hi, I have installed the trial version of OpenScript 9.0 for performing R & D Activities in various features of it. The installation was completed successful. But when I click "Record" button the browser gets launched. But when I type the URL and nav
-
Tried to purchase Flowpaper from the app store BUT
after I confirmed my credit card and billing details I then had a black shadow over the centre of the screen where the billing info panel was. and nothing seems to be happening. This has now disappeared afterrefreshing the page but there is no info a
-
Fresh install of Arch (after much head banging :>), followed the guide from start to finish (EFI install) but after installing xorg I can't start it. Adapter 04:03.0 VGA compatible controller: Matrox Electronics Systems Ltd. MGA G200eW WPCM450 (rev 0
-
Problem with EP 7.0 insatllation
Hi ALL, 1) Our servers are IBM AIX 6.1 and P6 570 2) Now I must install EP 7.0. 3) What is my problem I am not having any experience in UNIX platform till now. But now I must install EP 7.0 on operating system AIX 6.1 4) Can any one h