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

Similar Messages

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

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.

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

How to include jQuery in my JSlink file?

Hi,
I have a JSlink file and want to add jQuery to it how do i do that?

I have test it but it didnt work i put my jQ link like this how does it work please exsplain
loadScript("//code.jquery.com/jquery-1.11.0.min.js", loadScript("//code.jquery.com/ui/1.11.1/jquery-ui.min.js",function(){// do your stuff here});

How to Include JAVA script code in SAP BI7 web Reporting?

How to Include JAVA script code in SAP BI7 web Reporting?

In nw2004s there is a new web item called "Script" web item which lets you add javascript code. When you add javascript code in this web item, you don't need the opening and closing <script> tags...
Hope it Helps
Chetan
@CP..

How to include a report into the SAP-SCRIPT

plz tell me
How to include a report into the SAP-SCRIPT
ASAP

creat a z report like this....................
REPORT zmmgl_picklist1.
TABLES : likp,ltap,ltak.
data : lv_NUM1 type c .
data : lv_NUM type c.
*&      Form get_data1
      text
     -->IN_DATA    text
     -->OUT_DATA   text
FORM get_data1 TABLES in_data STRUCTURE itcsy
                     out_data STRUCTURE itcsy.
READ TABLE in_data WITH KEY name = 'LTAP-VBELN'.
lv_NUM = lv_NUM1 + 1.
out_data-name = 'lv_NUM'.
out_data-value = lv_NUM .
APPEND out_data.
endform.
*&      Form get_data
      This form is to read details from LIKP    *
     -->IN_DATA    text
     -->OUT_DATA   text
FORM get_data TABLES in_data STRUCTURE itcsy
                     out_data STRUCTURE itcsy.
READ TABLE in_data WITH KEY name = 'LTAK-VBELN'.
Select single bldat from likp into likp-bldat where lgnum = ltap-lgnum.
out_data-name = 'LIKP-BLDAT'.
out_data-value = likp-bldat.
APPEND out_data.
   READ TABLE in_data WITH KEY name = 'LTAK-VBELN'.
Select single vstel from likp into likp-vstel where lgnum = ltak-lgnum .
out_data-name = 'LIKP-VSTEL'.
out_data-value = likp-vstel.
APPEND out_data.
READ TABLE in_data WITH KEY name = 'LTAK-VBELN'.
Select single kunnr from likp into likp-kunnr where lgnum = ltap-lgnum.
out_data-name = 'LIKP-KUNNR'.
out_data-value = likp-kunnr.
APPEND out_data.
ENDFORM.                    "get_data.
after this go to the script editor......
/: perform get_data in program zmmgl_picklist1.
/: using &ltap-vbeln&                 (Reference field.this field          should be there in both program and script.....)
/:changing &likp-bldat&
/:changing &likp-vstel&
/:changing &likp-kunnr&
\[removed by moderator\]
Regards
Anbu
Edited by: Jan Stallkamp on Jun 10, 2008 2:26 PM

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

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.

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

How to use perform statements in sap scripts

how to use perform statements in sap scripts . and pls send me one progam for this
thnaks
raja

Hi Raja,
<b>PERFORM</b> key work is used to include subroutine in sapscript form...
But the processing is lttle bit different form the one we use in ABAP.
Here the paramters passed to form is stored in internal table of name-value table. there are two table one for inbound parameter and other for outbound parameters.
Check out the example below to see how this is used..
<b>Definition in the SAPscript form:</b>
/: PERFORM GET_BARCODE IN PROGRAM QCJPERFO
/: USING &PAGE&
/: USING &NEXTPAGE&
/: CHANGING &BARCODE&
/: ENDPERFORM
/ &BARCODE&
<b>Coding of the calling ABAP program:</b>
REPORT QCJPERFO.
FORM GET_BARCODE TABLES IN_PAR STUCTURE ITCSY
OUT_PAR STRUCTURE ITCSY.
DATA: PAGNUM LIKE SY-TABIX, "page number
NEXTPAGE LIKE SY-TABIX. "number of next page
READ TABLE IN_PAR WITH KEY PAGE.
CHECK SY-SUBRC = 0.
PAGNUM = IN_PAR-VALUE.
READ TABLE IN_PAR WITH KEY NEXTPAGE.
CHECK SY-SUBRC = 0.
NEXTPAGE = IN_PAR-VALUE.
READ TABLE OUT_PAR WITH KEY BARCODE.
CHECK SY-SUBRC = 0.
IF PAGNUM = 1.
OUT_PAR-VALUE = |. "First page
ELSE.
OUT_PAR-VALUE = ||. "Next page
ENDIF.
IF NEXTPAGE = 0.
OUT_PAR-VALUE+2 = L. "Flag: last page
ENDIF.
MODIFY OUT_PAR INDEX SY-TABIX.
ENDFORM.
Hope this is clear to understand...
Enjoy SAP.
Pankaj Singh.

How to insert the style in sap-script? and in smart form?

how to insert the style in sap-script? and in smart form?

Hi..,
For SAP scripts u need to create them in SE72 ...
and u can include them in the script editor as..
/: STYLE <STYLE-NAME>
P1 text............... (*** P1 is the Paragraph format created in SE72 )
/: STYLE *
For smartforms u need to go for the transaction (tcode) SMARTSTYLES... here u can create paragraph and character formats globally...
<b>Sunil, plz do remember to close all your threads, when ur problem is solved !!</b>
reward all helpful answers,
sai ramesh

How to delete a line in SAP Script

Hi,
How to delete a line in SAP Script.
Cheers
S Kumar

Okay.if still you are looking the option of deleting line there is one solution.
Just delete the all contents of perticuler(which needs to deleted) line including the tag column(Where you are /*) and save.if you see again than line would not be seen as blank,you will found it has been deleted.

How to change the color of SAP screen?

Hi Frens,
I know it has nothing to do with SD Community, but still I am asking. Can anyone tell me "How to change the color of SAP screen?" It is needed especially when you are working on System Landscape including PRD, Qua & Dev. There are chances that you end up making a test case in PRD instead of Dev or Qua. To avoid that, different color of SAP screen may be very useful and safe.
Regards
Vikas Chhabra
SD/CIN Consultant

We had a clone of SAP for testing
Only GUIXT solution was available for users to distinguish between real Prod & Clone as SID was same
Created 2 scripts n C:\guixt\scripts
saplsmtr_navigation.e0100.txt
Esession.txt
BOTH having identical code
if V[_ashost=10.3.3.18]
TitlePrefix "CLONE18"
TitleSuffix "(CLONE8)"
endif
if V[_ashost=10.3.3.25]
TitlePrefix "PROD25"
TitleSuffix "(PROD25)"
endif
After much research - this was only solution.
GUIXT will be around; like SAPSCRIPT & SMARTFORMS
despite the enticement of Adobe Forms!
After some time you may set GUIXT profile start window HIDDEN
This you do by clicking profile button of GUIXT menu
If you want to see GUIXT Window again
CMD.exe Dos prompt
cd C:\Program Files\SAP\FrontEnd\SAPgui
guixt visible
Regards
Jayanta Narayan Choudhuri
Kolkata
URL: http://ojnc.byethost11.com

How to include jquery plugin in sap

Similar Messages

Maybe you are looking for