Using jQuery plugin with spry framework

I am trying to integrate jQuery countdown plugin to my old spry pages:
http://keith-wood.name/countdown.html
However, it seems that spry kills jQuery plugin.
I am sure the jQuery countdown plugin works well without loading spry js.
Please tell me hot to use both spry and jQuery on the same page.
Thanks

It is quite possible that the two will clash.
But I have a problem in helping you because the page that you quoted does not contain Spry nor is there a Spry.js file.
Please explain what it is that you want to do.
Gramps

Similar Messages

Can I use jQuery mobile with Apache Cordova in VS2013?

Hi,
I'm developing my first mobile app. I just need to build a very simple form with a few text fields and a date picker. I was wondering can I use jQuery Mobile for this? I saw an example of using jQuery Mobile with Ajax to call a web service
when user clicks Submit button and wondering if I can use that in VS 2013 Apache Cordova project.
Also, is there a way for user to define data for a couple of fields, like their user id and password for the app? How can that be done so users don't have to enter credential each time they use the app.
Thank you
Thank you

No. You need an officially unlocked iPhone. Contract free DOES NOT equal officially unlocked. All contract free means is that you are not obligated to a contract, nothing more.
In the US, only Apple sells officially unlocked iPhones.

Help with Spry Framework positioning not appearing correctly on pc's

I just created a gallery using the spry framework and finally got it working for me on all the browsers I have on my Mac. The problem is that on my clien'ts pc the gallery div tags end up moving up to the upper left corner and I'm not sure why. They are ap div tags that are supposed to be contained in my main content div and I'm at a lost as to why this is happening. I'm not the best at working directly with code or understanding it fully, usually do most everything with dreamweaver. I appreciate any help that you can give me and thanks for your time.
the site page is here: http://www.montanacraneservice.com/ppcanopylift/ppcanopylift.htm

Do you know what browsers are failing?
Seems to work on FF, IE6 and 8...

JQuery conflicting with spry

Hi,
I'm trying to use jquery with spry generated content. In the
code below, I attempt to add a click event listener to fire an
alert box. It seems as though the code does not work with the spry
generated regions. Any ideas?
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=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/javascript"
src="includes/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="includes/SpryData.js"></script>
<script language="javascript"
src="js/jquery.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
var xmlStr = "<?xml version=\"1.0\"
encoding=\"iso-8859-1\"?> \
<employees xmlns=\"
http://www.foo.com/employees\">
<employee> \
<id>55555</id> \
<lastname>Smith</lastname> \
<firstname>Edward</firstname> \
<phone>(415) 333-0235 </phone> \
<username>esmith</username> \
</employee> \
<employee> \
<id>44444</id> \
<lastname>Johnson</lastname> \
<firstname>Neil</firstname> \
<phone>(415) 333-9475 </phone> \
<username>njohnson</username> \
</employee> \
<employee> \
<id>33333</id> \
<lastname>Williams</lastname> \
<firstname>Steve</firstname> \
<phone>(415) 333-4573 </phone> \
<username>swilliams</username> \
</employee> \
<employee> \
<id>22222</id> \
<lastname>Jones</lastname> \
<firstname>John</firstname> \
<phone>(415) 333-9345 </phone> \
<username>jjones</username> \
</employee> \
<employee> \
<id>54125</id> \
<lastname>Brown</lastname> \
<firstname>Joe</firstname> \
<phone>(415) 333-5938 </phone> \
<username>jbrown</username> \
</employee> \
</employees>";
var dsEmployees = new Spry.Data.XMLDataSet(null,
"/employees/employee");
var xmlDOMDocument = Spry.Utils.stringToXMLDoc(xmlStr);
dsEmployees.setDataFromDoc(xmlDOMDocument);
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".elements").click(function() {
alert("hello");
//jQuery(this).addClass("selected");
</script>
<style type="text/css">
.selected {
border:1px solid;
</style>
</head>
<body>
<div class="elements">hello</div>
<div id="container" spry:region="dsEmployees">
<div class="elements"
spry:repeat="dsEmployees">{firstname}</div>
</div>
</body>
</html>

Try puting the jquery in a seperated <script> tag.
jquery and spry doesnt play nice together when they are in
the same tag. (alteast thats how i fixed my jquery problem)
If this doesnt help, try using a older version of jquery (as
test ofcourse)
I remember i had some problems with jquery and Spry when i
updated jquery to its latest function.

Is there any way to use osmf plugin with videodisplay component?

Hello
i use flex sdk hero (17689 build)
i want to use OSMF plugin for the captioning. i created object of media element with metadata for captioning plugin so eventually i get object of CaptioningProxyElement type from mediaFactory , than i pass it to the source of videoDisplay> in source setter of videoDisplay setUpSource() is called . in setUpSource the type of source is checked and videoElement is created and assinged to videoPlayer( of type MediaPlayer) according to the source type.The problem is that my source is of type CaptioningProxyElement (extended from MediaPlayer) so setUpSource ignores it , eventually not assining it to videoPlayer. i can't extend VideoDispay and override source either , since videoPlayer is of type mx_internal , it's not accessible .
thanks in advance.
private function setUpSource():void
        // clean up any listeners from the old source, especially if we
        // are in the processing of loading that video file up
        cleanUpSource()
        // if was playing a previous video, let's remove it now
        if (videoPlayer.media && videoContainer.containsMediaElement(videoPlayer.media))
            videoContainer.removeMediaElement(videoPlayer.media);
        var videoElement:org.osmf.media.MediaElement = null;
        // check for 4 cases: streaming video, progressive download,
        // an IMediaResource, or a VideoElement.
        // The latter 2 are undocumented but allowed for flexibility until we
        // can support OSMF better after they ship OSMF 1.0. At that point, support
        // for a source as an IMediaResource or a VideoElement may be removed.
        if (source is DynamicStreamingVideoSource)
            // the streaming video case.
            // build up a DynamicStreamingResource to pass in to OSMF
            var streamingSource:DynamicStreamingVideoSource = source as DynamicStreamingVideoSource;
            var dsr:DynamicStreamingResource;
            // check for two cases for host: String and URL.
            // Technically, we only support URL, but we secretly allow
            // them to send in an OSMF URL or FMSURL here to help resolve any ambiguity
            // around serverName vs. streamName.
            if (streamingSource.host is String)
                dsr = new DynamicStreamingResource(streamingSource.host as String,
                                                   streamingSource.streamType);
            else if (streamingSource.host is URL)
                dsr = new DynamicStreamingResource(URL(streamingSource.host).host,
                                                   streamingSource.streamType);
            if (dsr)
                var n:int = streamingSource.streamItems.length;
                var item:DynamicStreamingVideoItem;
                var dsi:DynamicStreamingItem;
                var streamItems:Vector.<DynamicStreamingItem> = new Vector.<DynamicStreamingItem>(n);
                for (var i:int = 0; i < n; i++)
                    item = streamingSource.streamItems[i];
                    dsi = new DynamicStreamingItem(item.streamName, item.bitrate);
                    streamItems[i] = dsi;
                dsr.streamItems = streamItems;
                dsr.initialIndex = streamingSource.initialIndex;
                // add video type metadata so if the URL is ambiguous, OSMF will
                // know what type of file we're trying to connect to
                dsr.mediaType = MediaType.VIDEO;
                videoElement = new org.osmf.elements.VideoElement(dsr, new RTMPDynamicStreamingNetLoader());
        else if (source is String)
            var urlResource:URLResource = new URLResource(source as String);
            videoElement = mediaFactory.createMediaElement(urlResource);
            // If the url could not be resolved to a media element then try
            // telling osmf the media is a video and try again.
            // We do not specify the media type as video the first time,
            // so we can have the chance to play audio.
            if (videoElement == null)
                urlResource.mediaType = MediaType.VIDEO;
                videoElement = mediaFactory.createMediaElement(urlResource);
        else if (source is MediaResourceBase)
            videoElement = mediaFactory.createMediaElement(MediaResourceBase(source));
        else if (source is org.osmf.elements.VideoElement)
            videoElement = source as org.osmf.elements.VideoElement;
        // reset the visibilityPausedTheVideo flag
        playTheVideoOnVisible = true;
        // set up videoPlayer.autoPlay based on whether this.autoPlay is
        // set and whether we are visible and the other typical conditions.
        changePlayback(false, false);
        // if we're not going to autoPlay (or couldn't autoPlay because
        // we're hidden or for some other reason), but we need to seek
        // to the first frame, then we have to do this on our own
        // by using our load() method.
        if ((!autoPlay || !shouldBePlaying) && autoDisplayFirstFrame)
            load();
        // set videoPlayer's element to the newly constructed VideoElement
        // set the newly constructed videoElement's gateway to be the videoGateway
        videoPlayer.media = videoElement;
        if (videoElement)
            if (videoElement.getMetadata(LayoutMetadata.LAYOUT_NAMESPACE) == null)
                var layout:LayoutMetadata = new LayoutMetadata();
                layout.scaleMode = scaleMode;
                layout.verticalAlign = VerticalAlign.MIDDLE;
                layout.horizontalAlign = HorizontalAlign.CENTER;
                layout.percentWidth = 100;
                layout.percentHeight = 100;
                videoElement.addMetadata(LayoutMetadata.LAYOUT_NAMESPACE, layout);
            if (videoElement && !videoContainer.containsMediaElement(videoElement) )
                videoContainer.addMediaElement(videoElement);
        else
            // if our source is null, let's invalidateSize() here.
            // if it's a bad source, we'll get a playbackError and invalidate
            // the size down there. If it's a good source, we'll get a
            // dimensionChange event and invalidate the size in there.
            invalidateSize();

See my FAQ*:
http://www.macmaps.com/macosxnative.html#SCANNER

How to use jquery plugin jResponsive, please help!!

Hello,
Can someone show me how to integrate JResponsive plugin into Edge Animate with an example?
Here is the link to Jresponsive website:
Jresponsive
Thank you.

In compositionReady i inputed code:
var container_id = sym.getSymbol("container_id")
var content = [];
content[0] = '<div class="_1"></div>';
content[1] = '<div class="_2"></div>';
content[2] = '<div class="_3"></div>';
content[3] = '<div class="_4"></div>';
content[4] = '<div class="_5"></div>';
content[5] = '<div class="_6"></div>';
content[6] = '<div class="_7"></div>';
content[7] = '<div class="_8"></div>';
content[8] = '<div class="_9"></div>';
content[9] = '<div class="_10"></div>';
content[10] = '<div class="_11"></div>';
content[11] = '<div class="_12"></div>';
yepnope(
nope:[
'js/jquery-2.1.1.min.js',
'js/jresponsive.js',
complete: init
//when yepnope has loaded everything execute init();
function init (){
//initialise your variables and Edge comp here
$("#container_id").jresponsive({
    transormation: 'animation',
    min_size: 100,
    max_size: 250,
    height:250,
    hspace:10,
    vspace:10,
    class_name: 'item',
    content_array: content
and nothing happens. Can someone show me how to correct things in the code above?
I am using EA 2014.1.1.
I attached the example for you to open and see:
Dropbox - jresponsive.rar

Using alternate rows with Spry Data Set

Can anyone provide more information on how to implement alternate row colors with a Spry Data Set? What I have done is:
Create spry data set using HTML page as the data set
The html page that displays the data set is: <div spry:region="equipment">
In the default.css page that is linked, I added the info in note #1 below
When the page displays, no colors appear. Tried changing the colors and still no luck. Is there another step to do?
Note #1:
within the default.css, the following are declared:
#equipment odd {
background-color: #CCC;
#equipment even {
background-color: “#F2F2F2;
Note #2:
Here is a link to see the actual pages referenced above.
Any ideas? Getting frustrated!! Thanks in advance for any advice.

You are going to kick yourself, but, you haven't assigned any page element the ID #equipment. The region is called that but the table or the DIV does not have an idea and your selector matches nothing...

Use native plugins with Flash Builder 4.5?

Hello,
Is it possible to extend Flash Builder 4.5 to have native plugins?
My use case is: we have developed SDKs for both iOS and Android where we have extensive signal processing implemented in C. On Android we use JNI to access and run the native code. That's done for performance reasons since real time is a requirement.
Some other tools like Appcelerator Titanium support native modules (e.g. http://wiki.appcelerator.org/display/guides/Module+Developer+Guide+for+iOS)
Is it possible to do the same with FlashBuilder? Or the only way is to develop in ActionScript? What are the benchmarks for typical video, audio signal processing (e.g. through classical domain example (filtering))?
Thanks!
Greg

Hi,
Flash Builder 4.5 serial number will not work directy in Flash Builder 4.7. You can use FB 4.5 key in upgrade scenario (upgradation from FB 4.5 to FB 4.7).
Please use the Flash Builder 4.7 serial number provided at http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_flashbuilder4-7 for serialing Flash Builder 4.7.
-Mugdha

Diadem 11 crashed when using AOP5 plugin with no specific error

We have a ASAM-ODS database and are running a Avalon v4.2e server. DIAdem data TDM file is uploaded using openMDM client.
We have installed AOP5 plugin on 2 systems running DIAdem 11 to access the data directly from the ASAM-ODS database. On one machine it is working fine.
On the second machine with the same parameters, when we try to connect, DIAdem hangs and then crashes with no specific error in the log file. DIAdem is not able to refresh the Navigator window and show the data stored in the ASAM-ODS server. The relevant errors are attached and also the log file of the plugin.
How do we debug and resolve the issue? Any pointers would be welcome. We are using aop5dataplugin2_0_1.exe downloaded from the NI site.
Regards,
Shailesh
Attachments:
Error_1.JPG ‏83 KB
Error_2.JPG ‏49 KB
MDM AOP5 plugin.log ‏783 KB

Hi Shailesh,
Is it possible that the computer this worked on has had a newer version of DIAdem or LabVIEW or DataFinder on it? All three of those NI software packages share a layer called USI, which is what the DataPlugins "plug into". The USI layer only upgrades, so even if you installed a DIAdem 2012 evaluation version and then uninstalled it, you would keep the USI version from DIAdem 2012, and your DIAdem 11.0 would use that newer USI version. It is possible that the latest AOP5 DataPlugin is not compatible with 11.0, which was released nearly 5 years ago. I can look into that and get back to you.
Alternatively, DIAdem 11.0 may be struggling to work with a USI version from LabVIEW 2012 or DIAdem 2012. We do regression testing every release with multiple older DIAdem versions, but at some point the newer features don't work with the older software.
Brad

How to use Application Roles with Entity Framework

How does one call sp_setapprole before a connection used by an Entity Framework object context closes, since the context opens and closes its own connection automatically, as needed? The only relevant event available on a store connection
(DbConnection ) is StateChange , which does not include a
ConnectionState of Closing . Attempting to call
sp_setapprole when ConnectionState is Closed results in, "A severe error occurred on the current command. The results, if any, should be discarded."

Yes, I realize that I need to call sp_setapprole on an open connection and that I can use
ExecuteNonQuery or similar mechanisms. What I need to determine is how to do this
automatically while using the entity framework.
As I mentioned in my initial inquiry, the EF store connection, which is simply a DbConnection under the covers, does not expose an event (such as Closing) that would allow me to invoke
sp_setapprole before a connection is closed. The only close event we are given is
Closed , which is too late to do any good. I'm hoping to avoid burdening our systems with having to manually manage the connection.

How can I use One Plugin with all his outputs on the region

Hi All
In Cubase I have a PlugIn Manager and when I have a Plugin like Omnisphere with 8 outputs I can route each output on one sequencer region.
Can I do This as same in Logic?
Exemple
I will open a new Midi Instrument on a region. Than I Know I have 8 outputs and than I will have 8 Lines and each line I will create Midi comandos for each output separatly.
can I do this? Or any Idee how can I do this?
Thanks for help
Marco

When you load a plug-in that's capable of multi-output, you do have a menu choice about that when you load it, yeah ?
You can create the additional channels that you need in the mixer - press the '+' button on the channel strip and it does it for you.

Problem using flash plugin with major browsers

Flash plugin (current release 11.05.31) is not working properly on major browsers. Some movie clips (created with flash) with jpeg images are not loaded correctly. The images are not visible and you see a blank screen. With new "beta" release 11.5.502.131 everything works well.
Will the new release solve this problem?
Thanks for helping.

The next official release, due out in the next week or so, should address this problem.

JQuery Mobile with Trinidad/ADF Faces

Hi
Is it possible to use JQuery Mobile with Trinidad/ADF Faces? I tried using JQuery Mobile with Trinidad, but the trinidad components are not rendering on the page. Is there a way out?
Below is my code:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html" xmlns:trh="http://myfaces.apache.org/trinidad/html"
xmlns:tr="http://myfaces.apache.org/trinidad" xmlns:dvtt="http://xmlns.oracle.com/dss/trinidad/faces">
<jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
doctype-system="http://www.w3.org/TR/html4/loose.dtd"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<trh:html>
<trh:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css"/>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</trh:head>
<trh:body>
<div data-role="page" data-theme="c" id="page">
<div data-role="header" data-theme="e" id="header">
<h1>Wireless > Logon</h1>
<a href="../../ data-icon="home" data-iconpos="notext" data-direction="reverse"
class="ui-btn-right jqm-home">Home</a>
</div>
</div>
<tr:form>
<tr:commandButton id="cbt" text="command button"/>
</tr:form>
</trh:body>
</trh:html>
</f:view>

</jsp:root>
Regards
Navin

With out the JQuery mobile settings ie the css and js entries. The trinidad components are rendering. Below is my web.xml file.
<?xml version = '1.0' encoding = 'windows-1252'?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
version="2.5">
<context-param>
<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
<param-value>client</param-value>
</context-param>
<context-param>
<param-name>javax.faces.PARTIAL_STATE_SAVING</param-name>
<param-value>false</param-value>
</context-param>
<context-param>
<description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
<param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
<param-value>false</param-value>
</context-param>
<filter>
<filter-name>trinidad</filter-name>
<filter-class>org.apache.myfaces.trinidad.webapp.TrinidadFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>trinidad</filter-name>
<servlet-name>Faces Servlet</servlet-name>
<dispatcher>FORWARD</dispatcher>
<dispatcher>REQUEST</dispatcher>
<dispatcher>ERROR</dispatcher>
</filter-mapping>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>resources</servlet-name>
<servlet-class>org.apache.myfaces.trinidad.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/adf/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/afr/*</url-pattern>
</servlet-mapping>
</web-app>

JS error using JQuery Columnizer Plugin

I'm not sure how many of you are familiar with this plugin for JQuery, but Columnizer (http://welcome.totheinter.net/columnizer-jquery-plugin/) is a plugin that allows you to create multi column text from one div. I know that can now be done CSS3, but this script works in IE, which is very important.
Problem is getting it to work in Edge. I've tried a number of different methods to make it work and I'm enclosing a simple example .zip file on Dropbox I'll share in just a moment.
Basically, I have a text field on stage with the name 'copy'. So I call columnizer by the following in my compositionReady:
sym.$('copy').columnize({columns:2});
Simple, right? Only I get a JS error (Javascript error in event handler! Event Type = element) in console and while the text renders, I don't get my two columns laid out.
I've tried it on the stage, from a click event, using different ways in my code to access the field, all to no avail. Is there a conflict between Columnizer and Animate? Should be able to accept it.
Here's my files: https://www.dropbox.com/s/1h0s6hf5djkyvus/columizer.zip
Any help would greatly be appreciated.

Loaded yepnope at little differently:
yepnope(
    nope:[
         'js/jquery.columnizer.js',
    complete: init
function init() {
     sym.$('copy').html('<p>This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. This test case is for double spaces. hopefully this will not cause an infinite loop. </p>')
        sym.$('copy').columnize();
     sym.$('copy').columnize({ width: 200 });
     sym.$('copy').columnize({ columns: 2 });

JQuery Mobile with Adobe Spry?

Hi everyone,
I'd like to use a Spry dataset in a jQuery Mobile page. At the moment it doesn't work, only displaying the field names instead of actual data. It seems like nothing Spry works on the page, I wondered if the two are compatible?
I created a separate page with minimal code with a Spry dataset and it works OK, so I guess the code is OK? When it's copied to the jQuery Mobile page no data is displayed, just the field names.
Can anyone help? I'd really like to have Spry functionality in the mobile application!
Thanks

I have this problem also, as posted in the jquery mobile forum:
What would cause Spry Validation to allow my Form to be submitted when the "Required" fields are left blank? Here is what is happening:
- I leave the fields blank and click my "Submit" button
- I briefly see the fields go Red with message "A Value is required"
- Then the Form submits anyway (tables update/no errors)
Here is the full code listing: http://cerberus.clearwave.com/jerry/spry_example_ctt1b.pdf
Notice:
- I'm using jquery mobile 1.1.0 on my page
- I'm inserting data into two tables at one time (Lines 8, 196, 203)
- I have Spry text Validation on only a few fields for now (ex. Line 483)
Here is a design view of my page:

Using jQuery plugin with spry framework

Similar Messages

Maybe you are looking for