Including JQuery Plugins

Hello together,
I have some troubles with JQuery Plugins. What is the reason that some simple JQuery Plugins work with Edge Animate and some not?
For example, I am trying to include the Plugin Foggy to create the blur effect. there is just one way to include it, but it doesn´t work.
Plugin: Foggy: jQuery plugin for blurring page elements
compositionReady:
sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({
   blurRadius: 12,     
   opacity: 0.8,          
   cssFilterSupport: true 
I hope, someone can help me....
Thank you very much

I just tested this and it works fine.
Make sure your selector name/reference is correct - remove the first portion, I have striked out below.
sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({
   blurRadius: 12,    
   opacity: 0.8,         
   cssFilterSupport: true

Similar Messages

  • How to include jquery plugin in sap

    I want to include a jquery plugin in sap view .how to do it?
    Plz explain with an example if possible.
    Thanks in advance

    You can do this at the top of your view/controller to include jQuery UI plugins.
    jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core');
    jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget');
    jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse');
    jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable');
    jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable');
    Regards
    Sakthivel

  • Interactive Report Refresh and JQuery Plugin Issue

    Hi,
    I have Interactive report in my page. I am using jQuery context menu plugin , so when user right click on a column he get an option to add , delete , update and other option.
    javascript pseude code for context menu
    $(function(){
         context_menu();
    function context_menu(){
      $('.Col1').contextMenu();
    }Suppose User Selects Delete option. In this case jQuery popup appears and users enter the data which is saved to table using on demand process. After that using gReport.search('SEARCH') , I am refreshing the page...
    Now the issue arises ------ Now when i right click the column my jQuery context menu is not working ...
    Workaround used ----- I added onmouseover=context_menu() function to the column link... and it working fine..
    Now my question is ... each time the user moves the mouse over column it will run context_menu() function ..... Will there be any adverse issue .. or memory leakage issue...
    Please advice..
    Thanks,
    shijesh

    Hi,
    I think there should not be any issues to do that way. You need of course test it carefully.
    You can run stuff after IR refresh also on Apex 3.2.
    See e.g. this post
    Apex 3.2 hook javascripts to IR and execute those when report is refreshed
    I have included that to my jQuery "plugin" for Apex 3.2
    http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:127800346959520
    Regards,
    Jari

  • Installation of a Jquery Plugin

    Can someone explain to me how to install one of these plugins?
    http://plugins.jquery.com/freezeheader/
    https://github.com/jmosbech/StickyTableHeaders
    Isn't JQuery installed by default within apex? I have version 4.1.0.00.32. Anyway I cannot find any instructions on how to complete this task other than ones saying "initialize the plugin" or "include it in your project". I have no idea where to start. Any help would be greatly appreciated.
    Thanks,
    -Steve

    Hi Steve,
    Firstly, jQuery plugins != APEX plugins
    Many jQuery plugins that define drop-down menus etc would need to follow a process similar to this
    http://www.grassroots-oracle.com/2013/05/css-pull-down-menu-using-apex-list.html
    If you're chasing freeze header functionaliy, either read this thread
    Horizontal/Vertical freeze
    or head straight to this post
    http://dbswh.webhop.net/htmldb/f?p=BLOG:READ:0::::ARTICLE:59900346164562
    Scott

  • Iweb and jquery plugin

    Hi, Im trying to use a jquery plugin for my iweb site similar to what is detailed here: http://www.unwrongest.com/projects/airport/.
    Being a new user is there anybody that can help me so that i am able to have an airport information board style banner on my site? How do i do it? The details although it says are very simple, seem a bit complicated to me! Do i use html snippet for this? What code do i input to get it to work?
    Thanks in advance.

    Hi,
    I think there should not be any issues to do that way. You need of course test it carefully.
    You can run stuff after IR refresh also on Apex 3.2.
    See e.g. this post
    Apex 3.2 hook javascripts to IR and execute those when report is refreshed
    I have included that to my jQuery "plugin" for Apex 3.2
    http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:127800346959520
    Regards,
    Jari

  • Photogallery jQuery plugin doesn't show thumbnails

    I have built 2 sites using Adobe Business Catalyst. Both use the built in photogallery which is a jQuery plugin. The first is HTML4. The second is HTML5.
    The HTML4 site runs perfectly on all iOS devices. The HTML5 site, doesn't show the thumbnails. Oddly, I noticed if I click on the blank page, it DOES trigger the image in the lightbox, so the link IS hot.
    I have tons of experience cross browser/platform checking for desktop, but I don't know where to begin for mobile/tablet. Of course, I need it FAST! Where do I start?
    thanks,
    mookie

    Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
    * Don't make any changes on the Safe mode start window.
    See:
    * [[Troubleshooting extensions and themes]]
    * [[Troubleshooting plugins]]
    If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
    * Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
    * Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

  • How to include a Plugin (dll file) in a program

    How would I go about utilizing a plugin in my program. By this I mean...lets say that there is an online program for which you have to install the plugin onto your computer in order to use the program. How could I include that plugin into a program that can be used offline, or placed into an online applet, so that other people dont have to download that plugin.
    Basically...I want to know how to put a plugin into my program so that no one else has to download it. Instead they just use the program, which includes the plugin.
    And just so you all know, the plugin is a *.dll file. Could I just put it in an online folder, and cal to it when it is needed??
    Thanks in advance.

    I apologize, but I am confused because I am not that good at this. How would I refer to it? I do not know how to write a java function so that it will call a .dll file. Also, Im not quite sure what to do when I do call it. Here is specifically what I am trying to do. The plugin that I am trying to use is a download plugin. It is used because some people use a program to upload/protect their files, and the only way to download the files is to use the plugin or the program. The thing that I am confused about is how I use the plugin in my program so that the website I want to download from sees that I have the plugin and allows me to download the files I want by using the plugin which I have stored online. Im sure that the website that I am downloading from checks to see if I have the plugin installed, so how do I make it look at the one that I have online and not search for it on my computer??? PLEASE HELP ME!!! i know that people do things like this all the time, but I am new and need a lot of help.

  • 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

  • What are the steps to convert any jQuery Plugin to Apex Plugin?

    Dear Apex Experts,
    What are the steps to convert any jQuery Plugin to Apex Plugin?
    Best Regards

    you might also want to have a look at the documentation at http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/advnc_plugins.htm#HTMDB27009
    Missed this Patrick
    We (Oracle) also provide some plug-in examples at http://apex.oracle.com/plugins which you can use as a blueprint. The "Masked Text" would be a good example for you on how to wrap a jQuery plug-in as APEX plug-in.
    Never used that, So don't know that it was a jquery
    Thanks

  • Which is the most up to date version of FF that does not include the plugin-container ?

    Hi Good People at Firefox
    Firstly may I say that you have created a great product which kicked MS's ass for a long time however I'm now concerned that the latest updates are pushing my poor old desktop to the limit.
    Upgraded to 4 today and the dreaded plugin container loaded yet again. On a PC with 512k memory and FF's notoriously bad memory management (i.e. it doesnt release memory when tabbed windows are closed) the plugin container is the last thing I need.
    So can you tell me which is the most up to date version of FF that doesnt include the plugin-container option ? i.e. the last version of Firefox before plugin container.
    I think it was version 3.?? but now I cannot revert to the previous installation to find out.
    Thanks
    Michael Dalton

    You can disable the plugin-container in any Firefox version that uses it.
    * http://kb.mozillazine.org/Plugin-container_and_out-of-process_plugins
    You can set the pref <b>dom.ipc.plugins.enabled</b> to false on the <b>about:config</b> page to disable the plugin-container process (OOPP)
    To open the <i>about:config</i> page, type <b>about:config</b> in the location (address) bar and press the "<i>Enter</i>" key, just like you type the url of a website to open a website.<br />
    If you see a warning then you can confirm that you want to access that page.<br />

  • How do I fix a jQuery plugin stops working when edgePreload.js script is attached?

    I have a jQuery plugin on my site that I really want to use (Quicksand). I built the site in Dreamweaver, and now I want to animate the elements in Edge Animate, but I noticed as soon as I did anything, the Quicksand plugin stopped working! I troubleshooted for a while and discovered that it was simply the attachment of the edgePreload.js file that kept it from working... how do I fix this?
    I have uploaded 2 pages to show what I'm talking about:
    http://www.ruesterprod.com/edgeTest_a/ - my quicksand plugin works fine here (Click the 2 grey buttons to see what the Quicksand plugin is doing) I commented out only the part where edgePreload.js is attached...
    http://www.ruesterprod.com/edgeTest_b/ - This one I left the edgePreload.js script attached and now the 2 grey buttons don't do anything...
    Please help!
    Thanks all!

    {B635abd67-4fe9-1b23-4f01-e679fa7484c1} is an extension that is related to Yahoo. You didn't bother to provide your "Troubleshooting Information" so I can't guess the name of that extension. You need to figure out which extension that is, and disable it.
    http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes

  • Interesting jquery plugin... why can't flash do this?

    I thought it of amusing(?) mention to note to the community here that I am using the following in a flash project:
    https://github.com/gokercebeci/droparea
    (this plugin enables one to drag a file from their desktop to a division in the page, and have it both seamlessly upload, resize and be immediately viewable in the page rendition without browser refresh for co-operative browsers - in this case firefox and chrome and probably safari/webkit as well)
    The idea is that I should be able to do the following:
    - Make of flash.external.ExternalInterface to access a script that brings up a division's z-index above the flash SWF.
    - In that division  access functionality expressed with this jQuery plugin....
    Pardon my sense of ironic humour as I refer to the AIR "only" classes and have this be an invitation/petition for Adobe to review access to specific methods in these classes.
    What do you guys think?

    Tested IE9 and Safari 5.05 : they don't work.
    Chrome and Fox4 do.

  • How do I go about embedding a jquery plugin into the building process of Adobe Muse?

    How do I go about embedding a jquery plugin into the building process of Adobe Muse?

    Many of the "Edge" fonts offered in Muse for web font use are available as open source fonts from Google or other sites like Font Squirrel. For example, a company may want to use the Exo typeface in their logo. You can use Exo as a web font within a web site created in Muse. For general graphics work, like creating a logo and other branding work, the same typeface can be installed as a system font from the sources I mentioned.
    The newest version of Muse will now allow you to use SVG graphics -a vector-based graphics format for the web. SVG objects can be scaled to any size without showing pixel jaggies. You can create vector-based type objects using any system font in Adobe Illustrator or other similar applications capable of saving SVG. Within Illustrator you can creatively manipulate those type objects, or do subtle things like adjusting letter spacing, then output it as an SVG image. I don't particularly care for the default letter spacing of many web fonts, so SVG is a fairly decent alternative.
    Most new web browsers support SVG properly. Old versions of Internet Explorer (8 and earlier) and some older mobile web browsers don't support SVG without user-installed plug-ins. Those web browsers are disappearing quickly.

  • Blog Post: jApex, A jQuery Plugin for APEX

    http://tylermuth.wordpress.com/2009/08/19/japex-a-jquery-plugin-for-apex/
    Tyler Muth
    http://tylermuth.wordpress.com

    Tyler,
    This is really nice! I am also working on jquery plugins for APEX. We should talk to see if we can combine all plugins in one big APEX plugin.
    You can try [jquery.apex-session-0.0.1.js|http://apex.oracle.com/pls/otn/f?p=987654321:54:0:::54] and [jquery.apexpage-0.0.2.js|http://apex.oracle.com/pls/otn/f?p=987654321:52:0:::RP,52] .
    Louis-Guillaume
    [My Blog|http://lgcarrier.blogspot.com]
    [APEX and jQuery demos|http://www.insum.ca/jquery]
    Edited by: lgcarrier on Mar 11, 2009 7:15 PM

  • 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

Maybe you are looking for