jQuery plugin Question
Greetings,I'm new to jQuery and Plug-ins. I have a jQuery code I would like to include in my application for Image Map, but I can't make it work. There are two separate files with jQuery in them below for the plug-in code. could someone give me an idea of how I need to include the code in my application?
Any help or suggestions are appreciated.
Thank you, Tony
The code in both files is below.
< I deleted the code because of the possible license violation. Sorry about that. >
Published by: hidden on July 14, 2011 06:07
2. I don't know if the file downloaded. I received a message "File uploaded" back, but the static file report now displays an error. ORA-20001: get_dbms_sql_cursor error ORA-00918: ambiguous column defined, so I can't confirm the file is actually there or remove it and re-upload.
The file is there and will be downloaded when you get the HTML code to include this right.
I've never seen this error before, but it indicates that you should do this with the software of production on apex.oracle.com rather than tryapexnow.com. You are interested in this app, only not tested/evaluated APEX 4.1.
Now, when I load the map image page it gets a JavaScript error. The page works always, but not the maphilight.
See the above comments of Dirk.
Seriously: If at this stage you are not clear about the basic structure of an HTML document, you are ready to tackle a project of this complexity?
Is there a relatively simple way to have borders of ALL forms of area on an Image Map show?
Yes. Use the alwaysOn option in the $. maphilight.defaults.
You will then need to style in order to differentiate between States shown/hover/selected. I added a link to export app to my demo app that you can see how I've handled the views of flight hover/original selection.
Is - when the grid Image Map it would be great to have borders for all cells/hotspots and cell hotspot/show all the time. They are not traced around the edges in the image, so it is not intuitive where they are, start, finish, etc.
It might be a little weird that the image map areas are not coinciding with the features of the design, but it is powerful enough, it offers the possibility of a level of abstraction of physical details. However in this case I think it's better not to show hotspots: users (who are familiar with the original drawings) click exactly on the point they are interested and the abstraction provided by the image map translated this down to the level of detail required by the system. The user is not exposed to a model they don't know.
Tags: Database
Similar Questions
-
I am using a JQuery plugin and followed a YouTube video ( jQuery Tutorial: using jQuery Plugins - HD - YouTube) and can't get an alert of base to arrive when seen in Firefox or Safari to see if it is functional and ready to accept what he plugin. Any help would be greatly appreciated.
Thank you
John
Here is my code:
<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE = edge" >
< meta name = "viewport" content = "width = device-width, original scale = 1" >
< title > Untitled Document < /title >
"< script src="//code.jquery.com/jquery-1.12.0.min.js "> < / script >
"< script src="//code.jquery.com/jquery-migrate-1.2.1.min.js "> < / script >
< script >
{.ready (function () $(document))}
Alert ("JQuery Testing");
});
< /script >
<!-"bootstrap"->
"" < link href = "... / css/bootstrap.css" rel = "stylesheet" >
<! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >
<!-WARNING: Respond.js does not work if you view the page via file://-->
<!-[if lt IE 9] >
" < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .
" < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .
<! [endif]-->
< / head >
< body >
< div id = "jqmeter-container" > < / div >
<! - jQuery (necessary to Bootstrap JavaScript plugins) - >
"< script src ="... / js/jquery-1.11.3.min.js "> < / script >"
<! - include all the plugins compiled (see below), or include individual files to the need - >
"< script src ="... / js/bootstrap.js "> < / script >"
"< script src="js/jqmeter.min.js "> < / script >
< / body >
< / html >
Tested in all modern browsers, no problem not detected
-
JQuery plugin for Twitter "-tweets won't load is not on Blackberry"
I'm developing a Web site which includes a twitter stream provided by "JQuery plugin for Twitter.
Live food has on all platforms but does not past the point of "Loading Tweets" on a Blackberry.
Is there a known issue with the compatibility here - someone has any suggestions please?
If you post a link to the source of the plugin and how you implement this in your app, I'd be more than happy to take a look and test this for you.
-
Has anyone got get this plugin to work with APEX with an interactive report or a classic report. The goal is to have a sensitive report which allows very tight control of the display of tabular data on a mobile device.
http://CSS-tricks.com/footable-a-jQuery-plugin-for-responsive-data-tables/
I think that there should be efforts to make it work with IR
Here's a Christian Rokitta blog where he uses this plugin with theme 25. Maybe you'll get in the right direction.
Oracle & amp; Apex Geekery: Declarative features 25 themed Table reflow
You will see that Christian is also linked to good solutions of Dimitri Gielis (Dimitri Gielis Blog (Oracle Application Express - APEX): little help with theming of Oracle APEX 2014 contest)
Thank you
-Jorge
-
Hello together,
I have some problems with JQuery Plugins. What is the reason why some simple JQuery Plugins work with edge animate and others not?
For example, I am trying to include the misty Plugin to create the blur effect. There is only one way to enter, but it doesn´t work.
Plugin: Foggy: jQuery plugin to scramble the items on the page
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
Foggy();
Chrome and Opera
FF, IE and Safari - works for text
-
Problem with Javascript, Jquery Plugin integration.
Hi, I have encountered this problem before, but now I get this problem, I can't integrate jquery plugin.
This page is a simple html file downloaded using FTP:
http://mrangelshoes.australianwebsitedevelopment.com.au/demo_standard.html
This page is integrated inside the BC using the file model and swap file. The page file contains a < body > section:
http://mrangelshoes.australianwebsitedevelopment.com.au/demo.html
but jquery plugin only work with a single html file. but I used this kind of plugin jquery in British Colombia without any problem.
http://www.luxtots.com/girls/Audrey-dress
Can someone tell me what im doing wrong?
Thank you
Nobody has been able to help me. but I understand it. I just Exchange the position of the 2 jquery file in the header file, and it worked.
-
Hello
Maybe someone can help me find a solution to my problem with Adobe Edge animate. I am trying to write a plug-in for jQuery
image zoom, but it doesn´t work. The plugin is ImageLens.
You can find it here:
http://www.dailycoding.com/posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming. aspx
What I tried:
Step by step:
1. I created a simple symbol 'map' on board animate which is my image.
2. I have included the 'jquery.imageLens' and 'jquery' plugin scripts to animate dashboard.
3. after that, I opened the script Panel and there writes:
SYM.$('map').imageLens ();
3. now, I see the lens on the photo, but the work of doesn´t zoom. That's my problem.
If you know an easier way to get this effect zomming with a lens, let me now! hopefully, someone is interested in solving this problem. Thank you very much!
I'm back in town and I thought I'd share this example. I found a tutorial I do not remember where, but I adapted to animate. This can be useful for you. All the code is compositionReady.
sample file: Zoom example.zip - box
-
JQuery plugin for before and after the cursor
I can't get the plugin on this page http://www.catchmyfame.com/catchmyfame-jQuery-Plugins/jQuery-beforeafter-plugin/comment-PA ge-2 work in Muse.
If anyone else has tried it?
Check out this post:
-
What are the steps to convert any Plugin jQuery Plugin Apex?
Dear Apex Experts,
What are the steps to convert any Plugin jQuery Plugin Apex?
Best regardsYes, you need to write make it two lines to say apex plsql and jquery and so on.
So, just download the plugin above and install as an example and look into the plugin definition in the shared components.
Look at the rendered (PLSQL) function
-
How to load a jQuery plugin for use on BOARD?
Hi people,
I found a plugin to jQuery called "Pep" that looks like, it will be perfect for what I'm working on. It's a kinetic drag and drop tool, you can see some demos here.
http://PEP.briangonzalez.org/demo
I'm SO excited to get this work you wouldn't, but I'm pretty new to this game and cannot work out how to implement this plugin with EDGE.
You can download the source for it here:
https://github.com/briangonzalez/jQuery.PEP.js
OK, so as I said, I have no idea how to make this work actually in my paper EDGE. Looking at the other EDGE documents that use the jQuery plugins, I tried to copy the structure in the following way...
Extract all files in the package .js, I downloaded and put them in the folder of the "js" of my doc of EDGE.
Then I tried to write the following code to the yepnop ABOARD to initialize (hopefully) the plugin. But it doesn't seem to work.
() yepnope
{
Nope:]
"js/grunt.js,"
"jquery.pep.js,"
'jquery.pep.min.css '.
],
full: init
}
);
If someone could help me with this, it would be surprising. In addition, I think that it is a tool that other people might find useful, so take a look and see what you think!
Thanks for reading!
Tom
Please check this file:
-
Hello
I found a jquery plugin to set a text example for a text element.
Sample:
$('#simple').example (simple example);
This defines a "Simple sample" text element type input with id 'simple '.
I tried to have the same example text for a text page apex element using the plugin in dynamic action of page loading (by calling $('#P10_SEARCH_PEOPLE').example ('Type here');), but got an error like 'object does not support this property or method ".
It does not work with the elements of text apex, tried everything and got a solution?
Thanks in advance.
Kind regards
NatarajanHi Nicolas,.
Maybe this can help you:
http://www.apex-plugin.com/Oracle-Apex-plugins/item-plugin/watermark_50.html
She reached the same result you want form example jQuery Plugin.
It's a plugin of Type item (which must be used to only form elements).Please read the readme file that comes in the zip package that gives information
on how to install it in the apex and use it.
Unless you want the same jQuery plugin works!The site mentioned above is a good repository for Oracle ApEx plugins!
The link of this site is also the official site for ApEx.Kind regards
Kiran -
How to use jquery plugin jResponsive, please help!
Hello
Can someone show me how to integrate JResponsive plugin in Edge animate with an example?
Here is the link to the site Web of Jresponsive:
Thank you.
In compositionReady I have registration code:
var container_id = sym.getSymbol ("container_id")
var content = [];
content [0] = '
';content [1] = '
';content [2] = '
';[3] content = '
';content [4] = '
';content [5] = '
';content [6] = '
';content [7] = '
';content [8] = '
';content [9] = '
';content [10] = '
';content [11] = '
';() yepnope
{
Nope:]
"js/jquery-2.1.1.min.js,"
"js/jresponsive.js,"
],
full: init
}
);
When yepnope has loaded everything run init();
function init () {}
initialize your variables and the computer on the edge here
$("#container_id").jresponsive ({}
going: 'animation ',.
MIN_SIZE: 100,.
max_size: 250,.
height: 250,.
hspace:10,
vspace:10,
class_name: "article."
content_array: content
});
}
and nothing happens. Can someone show me how to fix things in the code above?
I use EA 2014.1.1.
I've attached an example so that you open and see:
-
Greetings,
I have a question about the plugin example of Netscreen. I'm brand new on Hyperic and I looked for other assignments, but comes out nothing else to do.
I put the plugin in the directory of the server to /home/hyperic/agent-3.1.1/pdk/plugins
I downloaded all Netscreen MIB and put them in directories
I added the device as a type of Netscreen and went to put in the configuration settings to get the following error:
The configuration has not been set for this resource due to: invalid configuration: invalid query: search failed OID for name = nsResMemLeft (last failed to find = null)
I checked the mib configuration by running the following command from the hyperic server:
snmpwalk - Os directories - M m all - v2c - community ch. 10.0.4.1 nsResMemLeft
and got a response from nsResMemLeft.0 = INTEGER: 58129744
I restarted the Hyperic server to refresh the configuration after the MIB and plugins have been updated with the place.
What else can I try to get the settings to stick and the plugin to work?
RobertHi Robert
> Greetings,
>
> I have a question about the example of Netscreen
> plugin. I'm brand new on Hyperic and tried
> pop offers to others, but nothing else to do.
>
> I put the plugin in the directory on the server to
> /home/hyperic/agent-3.1.1/pdk/plugins
>Please read the section "Deployment of Plugin" on
http://support.Hyperic.com/Confluence/display/doc/plugin+development+centerIf you deploy custom plugins, you need to deploy them in a new directory.
You get this error because your agent does not know the plugin.You can find a good example in the section "Monitoring agentless SNMP Devices" the review Guide.
>
> RobertSee you soon
Mirko -
jQuery plugin keyboard tabular
jQuery keypad plugin is possible in a table?Yes, you just needs to make the switch to select the entire column instead of an input field.
$('td[headers="YOUR_COLUMN_NAME"] > input').keypad(); //or //where as f03 is the name attribute of your column name $('input[name="f03"]').keypad();
-
Hello
I recently posted an article where I had a problem with users leaving the form until they have saved their changes.
I managed to find a plugin that works pretty well. However, he is fired when all buttons are pressed and not only the 'progress' (: P3_PROGRESS) button.
I got the following as a dynamic action that was installed in the plugin:
FUNCTION render_save_before_exit)
p_dynamic_action IN APEX_PLUGIN. T_DYNAMIC_ACTION,
p_plugin IN APEX_PLUGIN. T_PLUGIN
)
RETURN APEX_PLUGIN. T_DYNAMIC_ACTION_RENDER_RESULT
IS
l_result APEX_PLUGIN. T_DYNAMIC_ACTION_RENDER_RESULT;
l_save_message VARCHAR2 (4000);
l_no_warning_sel VARCHAR2 (4000);
l_ignore_change_sel VARCHAR2 (4000);
l_disable_time PLS_INTEGER;
l_crlf CHAR (2): = Chr (13) | CHR (10);
BEGIN
l_save_message: = NVL (p_dynamic_action.attribute_01,'You have made changes to the data on this page.) If you leave this page without the first record in your data, the changes will be lost. ") ;
l_no_warning_sel: = NVL(p_dynamic_action.attribute_02,':button');
l_ignore_change_sel: = NVL (p_dynamic_action.attribute_03, '#pRequest');
l_disable_time: = NVL (p_dynamic_action.attribute_04, 250);
IF apex_application.g_debug
THEN
() apex_plugin_util.debug_dynamic_action
p_plugin = > p_plugin,
p_dynamic_action = > p_dynamic_action
);
END IF;
() apex_javascript.add_library
p_name = > "apex_save_before_exit.min"
p_directory = > p_plugin.file_prefix,
p_version = > NULL
);
l_result.javascript_function: =.
"function () {apex.jQuery (document) .apex_save_before_exit ({' |})}" l_crlf
|| ' ' || apex_javascript.add_attribute ('saveMessage', l_save_message). l_crlf
|| ' ' || apex_javascript.add_attribute ('noWarningSelector', l_no_warning_sel). l_crlf
|| ' ' || apex_javascript.add_attribute ('disableTime', l_disable_time). l_crlf
|| ' ' || apex_javascript.add_attribute ('ignoreChangeSelector', l_ignore_change_sel, FALSE, FALSE). l_crlf
|| '});}';
RETURN l_result;
END render_save_before_exit;
In the "selector warning to disable in the settings of the dynamic action, I: button (which is set by default)"
Could someone tell me please in the sense of how to do how
"Enter a selector jQuery to select elements on the page that would allow a user to leave a page without be prompted to save their changes. The text in brackets a standard jQuery selector should be included. Use a comma list for several separated selectors. ' Default': button "works for most of the buttons by using themes from the TOP 4 or later version. »
who is the aid element of the dynamic action-> settings-> disable content warning field?
Thank youFound how do:
(1) install the skills builders save before exit plugin and follow the instructions.
(2) edit the button template to include #BUTTON_ATTRIBUTES # so that you can assign identifiers to buttons
(3) give the key you want to exclude from the box pop up an id
(4) in the dynamic action that you have created a internship (1), in the Actions of True-> Edit-> 'Disable selector warning' set #followed by the id of the button for example #Submit, #Delete, #DeletetNB - If you want some fields to be ignored type #followed with the full name of the field that is '#P5_PROCESS_MSG '.
Then you should be able to stop the user leaves the page without them being told that they have changes to the page.
Chris
Maybe you are looking for
-
How to import bookmarks? (bookmarks)?
That's all
-
Why aren't my keys PgUp and PgDn working properly?
Today, after an update of the browser, I find my PgUp and PgDn keys no longer work to scroll my page. Somehow they have become related to being backward between pages, with in return PgUp and PgDn being forward and therefore no sensitive on the pages
-
Satellite P10-792/833: what is the chipset? IMPORTANT!
Hello everyone,In order to successfully install Windows 2000 on a Toshiba Satellite P10 792, I need to know which is the chipset of the motherboard. It is impossible to find information about it on the Web, and Toshiba is VERY inefficent: is it possi
-
Application AppleSyncNotifier.exe was able to start
Whenever I sign my computer the message above is displayed. What do I need really restore and where can I find? HELP please... It's driving me crazy that prevents me also to perform certain functions when I'm online. Thanking you in advance. origi
-
HP Deskjet 3050 has J611 CN1684C location on ipad for the readmission of the wireless printer code
do not understand the request