Spry and other javascripts

I wanna have little control and I wanna integrate "Lightboxs
JS script"
http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
When I call it inside <span spry:repat="something">
<a href="link" rel="thum.....">Clik to show...</a>
</span>
It want work.
When I call it outside all spry section it work.
Is there any way to integrate other javascripts so Spry
regions dont destroy them.

Not all light boxes are compatible with Spry, In th is topic
they seem to got a light box to work with spry, so it might help u
out;
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1271412&highlight_key=y&keyword1=lightbox

Similar Messages

Spry and custom Javascript don't work together

I'm using Spry form field validation, but also need to do some more specialized input checking. I've tried to add some custom Javascript to do this, but now my Spry stuff doesn't work! Is there a way to combine the two -- Spry + custom Javascript? (testing in Safari)
Here's a very simplified example:
<!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>Test Doc</title>
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form id="form1" name="passForm" method="post" action="#" onsubmit="return procform(this)">
<span id="sprytextfield1"><span class="textfieldRequiredMsg">A value is required.</span></span>
<input type="text" name="name" id="name" />
<input type="submit" name="submit" id="submit" value="Submit" />
</form>
<script type="text/javascript">

</script>
</body>
</html>

jrcatfan wrote:
Phone works great when connected to Bluetooth in car and I can talk hands free. When I use the Map app that came with the phone, I can't hear the verbal directions. My old Blackberry worked great with Bluetooth and I could hear verbal directions and also answer the phone when it rang. Verbal directions would be silent until I hung up the phone call.
My car radio has 2 separate Bluetooth input source's. Phone and Music A2DP, verbal directions can only be heard when Music source is selected.

Flash not rendering correctly in IE using Spry and SWFObject.

Hi,
Tools that I'm using (Flash, Spry and SWFObject)
I just finished converting portions of the image gallery to a
video gallery using FLV Files.
It works great in FireFox and Opera, I guess all mozilla
based browsers.
Now my problem is that I pass the Path variable to Flash for
it to load the FLV file using SWFObject.
Code:
<div spry:detailregion="dsVideos"
class="AccordionPanelContent">
<div id="flashcontent"> You need to upgrade your Flash
Player. </div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("VideoPlayer.swf", "videoplayer",
"427", "288", "8", "#161616");
so.addVariable("video", "{@path}");
so.write("flashcontent");
// ]]>
</script>
</div>
The FLV files won't load at all in IE meaning the variable is
not going thru when Flash is rendered for a second time.
So I added another variable just to see Flash reaction once
the page loaded for the first time.
Code:
so.addVariable("Variable1", "I Love This Bug!");
I added Variable1 to the Flash Movie as a textbox and It
loads in a split second for the first render but when Spry loads it
datasets and renders the region where Flash resides the variable
doesnt go thru and Flash gets a undefined variable.
When Spry renders that region the video variable is not going
thru and no video is shown. :(
Any suggestion?

Don -
Have you had any success here? I've been trying to get any
kind of Flash
to load properly in IE in a spry:region (or :detailregion),
and have
failed entirely.
I added spry:state="ready" to the div with the Flash movie,
but no fix.
I've tested with both IE 6 and IE 7 beta, and with FP 8 and
FP 9.
I have a few test pages (everything works great in FireFox):
- www.imagicdigital.com/portfolios/video_state7.html
(uses SWFObject to write the movie, with spry info as
FlashVars)
IE: Flash movie is hidden. No FlashVars are passed.
- www.imagicdigital.com/portfolios/video_state7_noso.html
(same page as above, but with the standard Object/Embed tags,
no SWFObject)
IE: Flash movie is hidden. No FlashVars are passed.
- www.imagicdigital.com/portfolios/video_state7a_noso.html
(same page as above but with hardcoded FlashVars)
IE: Flash movie is hidden. No FlashVars are passed.
- www.imagicdigital.com/portfolios/video_state7b_noso.html
(a Flash movie with no FlashVars at all)
IE: Flash movie is hidden.
- www.imagicdigital.com/portfolios/video_state7c_noso.html
(same as 7a but with spry:region removed from the flash div)
IE: Works perfectly. Flash movie shows up, FlashVars are
passed.
I noticed a few things:
- In IE, the spry:debug generated markup shows FlashVars="",
empty.
- I don't see an innerHTML fix call for the FlashVideo div,
even if I
make it into a spry:region instead of detailregion. Can this
help omehow?
- In IE 7, if I right-click where my flash movie is supposed
to show up,
it does become visible (with no FlashVars). However, IE often
crashes
after that, either right away or on window close. The error
shown in
the alert is "Out of Memory at Line 56". This is both with
and without
passing FlashVars.
NOTE: This error was just recently discussed on the SWFObject
mailing
list. Geoff Stearns found a sort of bug in FP 9 that was also
causing
this same error when 2 Flash movies were embedded with
SWFObject and
each making different ExternalInterface calls. He fixed it by
removing
the function written by Flash when it loads called
"__flash_unloadHandler()". Link to the relevant discussion
thread:
http://lists.deconcept.com/htdig.cgi/swfobject-deconcept.com/2006-July/000795.html
It would be great (crucial, I think) to get Spry to work with
SWFs. Any
ideas or progress? Thanks in advance.

Using Spry and CF

I just attended using the Spry framework in conjunction with
Ajax. Has
anyone used this with CF?
And if so, where would be a good place to start. Is there
going to be a
published book (like for CF or DW) that goes along with Spry?
Thanks,
Steve

Hi,
Coldfusion is a server side language, whereas Spry (based on javascript) is client side. Because of this, you cannot mix the two as in
<cfset mystring = ListAppend(mystring, "{string}")>.
You could put your Spry data in a form and then do your manipulation in the action page.
Have a look at http://www.coldfusionjedi.com/index.cfm/2008/5/13/Ask-a-Jedi-Complete-Spry-CRUD-Example.
I hope this helps.
Ben

Spry and Dereamweaver 8

Can I use Spry 1.6 with Dreamweaver 8? If so, how do I do
it?

I believe you can, but DW8 won't doesn't display any Spry
menu bars for dropping in Spry widgets into your code
automatically. You have to hand code everything. I would recommend
downloading the latest version of Spry and working through the
samples. As long as you are including the javascript and css files
in the head of your html it should work.
Simon

Spry and Sitemaps?

Hi, I used an external company to generate my XML Sitemap. It did not pick up the URL for the pages containing the data tables used in my Spry Regions. On the company's Forum they blame the use of Spry/Java. To be a little clearer. I have a table with data in sportsdata.html Sports.html use the data in sportsdata.html to generate the dataset for the Spry Regions. In the sitemap.xml the sportsdata.html page is not listed. I am concerned since most of the data needed for keyword (SEO) is with-in the data page. Do Spry and SEO really get along? Thanks for your help.

Thanks Arnout. I did mean Javascript. If I move the tabel to the sports.html then the table will be visable? The reason I have it set up this way is there is a ton of information in the table, but, by using Spry regions on a seperate page it makes it all available in very little space. Would this work? I put a hidden link to the sportsdata.html on sports.html. I would then think it would get picked up by the spiders. Is it possible to then redirect anyone trying to go to sportdata.html to sports.html? Sorry for the ignorance.

Spry and JSON

pleases Help!
I am trying to get a basic example working using spry and
JSON and i keep getting the following errors:
Spry.Data.HTTPSourceDataSet has no properties
Spry.Data.HTTPSourceDataSet has no properties
I am trying to get my json data from a cfc like this
var dsEmployees = new
Spry.Data.JSONDataSet("./model/CS3/Employee.cfc?method=getAllEmployees",{path:"employeeLi st"});
What am i doing wrong?
Thank you

Actually it is the first java file include...
Below is my code
dsp_MasterDetail.cfm
<html xmlns="
http://www.w3.org/1999/xhtml"
xmlns:spry="
http://ns.adobe.com/spry/">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript"
src="./SpryAssets/SpryData.js"
type="text/javascript"></script>
<script language="JavaScript"
src="./SpryAssets/SpryEffects.js"
type="text/javascript"></script>
<script language="JavaScript"
src="./SpryAssets/SpryJSONDataSet.js"
type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">

</script>
<style type="text/css">

</style>
</head>
<body>
<table border="1">
<tr>
<td>
<div spry:region="dsEmployees">
<div spry:state="loading">Loading employee data <br
/><img src="ajax-loader.gif" /></div>
<div spry:state="error">An error occured loading your
dataset.</div>
<div spry:state="ready" style="height:200px;
width:200px;overflow:auto;">
<table border="1" >
<tr>
<th spry:sort="FullName">Employee</th>
</tr>
<tr spry:repeat="dsEmployees" spry:setrow="dsEmployees"
spry:hover="hover" spry:select="selected"
onClick="MM_effectAppearFade('Detail_DIV', 1000, 0, 100,
false)">
<td>{FULLNAME}</td>
</tr>
</table>
</div>
</div>
</td>
<td valign="top">
<div align="left" spry:region="dsEmployees"
spry:state="ready"
id="details"><strong>Details</strong><br
/><hr align="left" width="75"/></div>
<div id="Detail_DIV" spry:detailregion="dsEmployees">
<table id="Detail_Table" border="0" width="50%">
<tr>
<th>NT_ID</th><td>{NT_ID}</td>
</tr>
<tr>
<th>EMPLID</th><td>{EMPLID}</td>
</tr>
<tr>
<th>EMAIL</th><td>{EMAIL}</td>
</tr>
<tr>
<th>PHONE</th><td>{PHONE}</td>
</tr>
<tr>
<th>DEPTID</th><td>{DEPTID}</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
Employee.cfc
<cfcomponent displayName="employees" output="yes">
<cffunction name="getAllEmployees" access="remote"
output="yes">
<cfset var allPersons = queryNew("FullName, NT_ID,
EMPLID,EMAIL,PHONE,DEPTID") />
<cfset var toXML = "" />
<cfset var toJSON = "" />
<cfset var xmlQuery = "" />
<cfset var JSONQuery = "" />
<cfquery name="allPersons" datasource="cams_dev"
blockfactor="100">
SET CONCAT_NULL_YIELDS_NULL Off;
SELECT TOP 25 LAST_NAME + ', ' + FIRST_NAME AS FullName,
NT_ID, EMPLID, EMAIL, PHONE, DEPTID
FROM dbo.vwKscUsaPerson
ORDER BY LAST_NAME, FIRST_NAME
SET CONCAT_NULL_YIELDS_NULL On;
</cfquery>
<cfset JSONQuery =
application.toJSON.queryToJSON(allPersons, "employees")>
<cfsetting showdebugoutput="no">
<cfoutput><cfcontent type="text/html"
reset="true">#htmlcodeformat(JSONquery)#</cfoutput>
</cffunction>
</cfcomponent>
this cfc returns this json code
{"employees":[{"DEPTID":"014A420","EMAIL":"[email protected]","EMPLID":"025044","FULLNAME":"Aa dsen,
Ronald","NT_ID":"USATX\AadsenRP","PHONE":"123
456-7891"},{"DEPTID":"IDI-8011","EMAIL":"[email protected]","EMPLID":"KS997E7R","FULLNAME":"A aron,
Earnestine","NT_ID":"KSCBOC\AARONED","PHONE":"123
456-7891"},{"DEPTID":"IDI-KICS","EMAIL":"[email protected]","EMPLID":"KSANC4CD","FULLNAME":"A arts,
Bryan","NT_ID":"ICDNET\AartsBR","PHONE":"123
456-7891"},{"DEPTID":"0162230","EMAIL":"[email protected]","EMPLID":"011000","FULLNAME":"Abad ejos,
Ernesto","NT_ID":"USATX\abadejea","PHONE":"123
456-7891"},{"DEPTID":"0351480","EMAIL":"[email protected]","EMPLID":"004479","FULLNAME":"Abbe y,
David","NT_ID":"USAFL\ABBEYDA","PHONE":"123 456-7891"}]}

Spry and Flash

Still working on a website using Spry and Flash. I have this
page (select portfolio) that works in Safari, FF on the Mac and FF
on the PC but not IE7. It was coded using swfobject to load the
Flash.
http://208.106.214.149/eryxtest/index.html
I changed the code to Dreamweaver's Flash loading script. I
now have two problem. One, how to pass a parameter that is being
set - xmlDataPath1 = '{@name}'; to the script. I have this
hardcoded at the moment. Second, for some reason the script now
runs when the page loads and not when selected from the menu like
the the above link.
http://208.106.214.149/eryxtest/indexIESolution2.html
Please, any help would be appreciated. My original goal was
to replace a totally Flash based site with Spry + Flash, eventually
replacing the Flash gallery with a javascript gallery.

Charlie,
Did you figure this out? I've got a similar thing, where I'm
calling a simple flash URL, using Spry and an XML file, but it
won't work in IE7.
My document is at:
Golf Gallery
Karey Nickel

Spry and the W3C Validator

Is there a way to finesse code validation for things like Spry Menu Bars? I get a consistent "error" with the CSS:
287
ul.MenuBarHorizontal iframe
attempt to find a semi-colon before the property name. add it
0
ul.MenuBarHorizontal iframe
Parse Error                                              null
287
ul.MenuBarHorizontal iframe
Property opacity doesn't exist in CSS level 2.1 but exists in : 0.1                                               0.1
287
ul.MenuBarHorizontal iframe
Parse Error                                              0.1);
288
ul.MenuBarHorizontal iframe
Parse Error                                              }
This is the code to which these errors refer:
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 20010;
    filter:alpha(opacity:0.1);
I personally find it sufficient to understand that it might not validate, but my client is afraid that his "powers that be" will flip when they see IE display an "Error on page." message. I only see this message on the lower left corner of my IE8 browser when I hover over the Spry Menu Bar.
Are these the same issue, and is there a known way around it or past it?
Beth

Hello Beth,
The piece of CSS you see there is actually a fix for Internet Explorer 6. It has bug where form elements such as selects will go through divs and other elements, in this case the <ul>'s of the menu bar. To resolve this issue, a iframe is generated and carefully placed under the <ul> elements. This way the form elements will no longer pass through the <ul>'s
If you menu is no where near a form element you could remove the iframe generation code form the javascript and savely remove that related stylesheet rule. But i do not recommend such practices. But that would be the only fix for the validation issue. Well.. Thats not true actually you could apply those styles through JavaScript... So that might actually be another option.
So it all depends on how hefty you weight validations. Validations are guid lines. Because a page doesn't "validate" it doesn't necessary mean the page is doomed and will crash all browser that comes on its path . But clients are usally verry narrow minded. So good luck with that .
So without further ado, the fixes:
- do nothing as it doesn't harm your page, it merly fixes internet explorer.
- removal of the iframe from JS:
line 289, remove:
if(Spry.is.ie && Spry.is.version < 7)
     this.createIframeLayer(menu);
line 317, remove:
if(Spry.is.ie && Spry.is.version < 7)
     this.removeIframeLayer(menu);
- move the css to JavaScript:
line 243 find:
layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
and add under:
layer.style.position = 'absolute';
layer.style.zIndex = 20010;
layer.style.style.filter = "alpha(opacity=0.1)";
Happy hacking

Learning spry and what it can do

good evening,
wanting to learn everything i can about spry, and see exactly what spry can do, but I guess I need to know javascript first, am I correct in this, Thx

Demos:
labs.adobe.com/technologies/spry/demos/
Showcase:
labs.adobe.com/showcase/spry/
Documentation:
http://forums.adobe.com/community/labs/spry , see sidebar "Documentation" I listed there the most useful resources.
Thinks to consider,
Joining the Spry Usergroup: groups.adobe.com/groups/f1621de53b
Lynda.com video training: lynda.com/home/DisplayCourseN.aspx?lpk2=706

Open PDF from database in a browser and run Javascript within PDF

What we're trying to accomplish is to query a PDF in the database and open the PDF in the browse. Once opened if a user click on a link to open another PDF, it launchs a URL to Coldfusion, that queries the database and opens the PDF link. This all works but we also want to have the open PDF goto a section or bookmark within the PDF. We currently have JavaScripts within the PDF links that do that but only if the PDF is in the file system. We're using the app.openDoc to get a reference to the opened PDF. But when opening the PDF from the database we pass the control to Coldfusion using app.launchURL or app.getURL. These do not pass back a reference to the opened PDF and the JavaScripts fails.
I'm looking for different methods or ideas.
Is there another way to do this, I'm new to acrobat JavaScripting?
Thanks, Rob

I tried tapping and holding the attachment icon, it just shows "Open / Bookmark/ Copy"...
Also i tried opening the attachement first and then tapping on it, it just shows "open in Safari"
Is there any settings to be done to add the options of Opening in Adobe Reader/or any other Docu Sign app . the exhibition booth systems one would work i think
Appreciate if someone could help

Recently I have not been able to post comments and other related issues.

On some websites like Reddit.com I am usually no longer able to post in comment boxes. I can type my comment in the box, but hitting save clears the box and no comment is posted (oddly, i noticed that the comment ends up at the end of the url).
Or use the cursor to click on up and down vote arrows. When I mouse over the arrow, it changes to a hand with pointed finger, but clicking the link does nothing.
Or post photos.
Normally I use Firefox 29.0.1 (which I have been using a long time and do not want to change). But the problems I mention here apply to both browsers, depending... on other things I cannot control or figure out. But at the moment, I can use links for comments etc. on IE8 (cannot update), but not on FF.
I've asked Reddit help but so far nobody has replied (r/bugs and r/help).

Sounds that you are blocking JavaScript.
Do you have security software that might be blocking JavaScript?
Just to be sure: Java and JavaScript are different languages.
To avoid confusion, see:
*http://kb.mozillazine.org/JavaScript_is_not_Java
Boot the computer in Windows Safe Mode with network support (press F8 on the boot screen) as a test.
*http://www.bleepingcomputer.com/tutorials/how-to-start-windows-in-safe-mode/
Do a clean reinstall and delete the Firefox program folder before (re)installing a fresh copy of the current Firefox release.
*Download the full Firefox installer and save the file to the desktop<br>https://www.mozilla.org/en-US/firefox/all.html
If possible uninstall your current Firefox version to cleanup the Windows registry and settings in security software.
*Do NOT remove "personal data" when you uninstall your current Firefox version, because this will remove all profile folders and you lose personal data like bookmarks and passwords including data in profiles created by other Firefox versions.
Remove the Firefox program folder before installing that newly downloaded copy of the Firefox installer.
*(32 bit Windows) "C:\Program Files\Mozilla Firefox\"
*(64 bit Windows) "C:\Program Files (x86)\Mozilla Firefox\"
*It is important to delete the Firefox program folder to remove all the files and make sure that there are no problems with files that were leftover after uninstalling.
*http://kb.mozillazine.org/Uninstalling_Firefox
Your bookmarks and other personal data are stored in the Firefox profile folder and won't be affected by an uninstall and (re)install, but make sure NOT to remove personal data when you uninstall Firefox as that will remove all Firefox profile folders and you lose your personal data.
If you keep having problems then also create a new profile.
*http://kb.mozillazine.org/Profile_folder_-_Firefox
*http://kb.mozillazine.org/Profile_backup
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Clean_reinstall

Browser is not allowing sign in to excite web page. it says my settings are configured to disable cookies and/or javascript. please help

i just got firefox 4.0, and i tried to simply sign in to myexcite.com, but instead the message "the browser you're using is not allowing you to sign in to Excite. Right now , your browser's settings are configured to disable cookies and/or javascript..."
Please Help. I am new to Firefox 4.0

First, create a specific [[Managing profiles|profile]] for Firefox 4.0b8 to prevent interferences between current (Firefox 3.6) and beta (Firefox 4.0b8) versions.
Then, see [[Cannot log in to websites]].

One of my javascript is interfering with other javascript in the nav dropdown menu

I'm using javascript for a slideshow and scrolling images within my home page. The wire thing is that I realized that now there is another javascript in the page that I don't remember calling myself and it seems that is connecting both of the slideshows and also is interfering with the drop down menu script, which now is not working.
I used Magento, so the header is no part of the same page. I'm not sure if is a Magento or a Dreamweaver thing, that this new javascript was placed in the home page.
Here is the url: http://www.southsunbeads.com
These two javascripts go with the main top slideshow: src="http://www.southsunbeads.com/website/slideshow/jquery-1.2.6.pack.js">
<script type="text/javascript" src="http://www.southsunbeads.com/website/slideshow/simplegallery.js">
This one is part of the scroll image at the bottom: <script type="text/javascript" src="http://www.southsunbeads.com/website/carousel/stepcarousel.js">
But then I have this one, which is the one is causing all the problems, and apparently is connecting everything together, when I tried to remove it, the slideshows stop working.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
I don't know javascript, so I have no idea how to fix this problem. Basically what I need is that the menu on the top doesn't get affected by these other javascripts.
Can anyone help??
Thanks

pchinique wrote:
...and yes, that's what I did.
See how smart I am ?
Given the fact that the contents of that textarea is getting displayed within a predefined DIV container of a template, I´m convinced that Magento rather expects the user to insert standard text like a product description -- what will obviously work, is surrounding certain text elements with simple html markup like "strong", but that´s supposedly all you should do.
You´re certainly right when assuming that you´d rather have to convert your Dreamweaver document into a Magento template, and with every CMS out there the template creation process can be quite a learning curve.
Have never used Magento, but here´s what I found (among others) when googling for "magento tutorials":
http://www.siteground.com/tutorials/magento/
http://net.tutsplus.com/tutorials/php/magento-for-designers-part-i/
When googling "magento template tutorials" there´s a list of tutorials covering this particular aspect.
Cheers,
Günter

Spry and Iframe event handlers

Hi,
I am trying to implement an ajax simulated file upload using
spry and iframes. With Spry's power to attach event handlers and
$$() notation for accessiblities is there a way that you can detect
when an iframe is loaded using any of spry's utilities.?

there is nothing other than the basic delay in web overlay.
I suppose the only thing to do would be to create the whole article as HTML, but I'm sure that would be over the top, it would put me off!
Alistair

Spry and other javascripts

Similar Messages

Maybe you are looking for