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

Similar Messages

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

Roll Your Own - APEX 4.0 and JQuery-UI Application

For those with a apex.oracle.com account and want to see jQeury tabs running via 4.0 in your own Workspace, use following this script to create your own version of Shijesh's (Apex_Noob) application.
Credit also goes out to Alistair Laing for his hard work in investigating why 4.0 is requiring the use of the googleapis jquery.js... libraries.
Application Builder - Create
Application Type - Database
Create Application - From Scratch
Name - jQuery Application
Add Page - keep default and Click Add Page
Click CreateMy application defaulted to Theme 2, you will need to switch the theme to one of the following: If you don't the tabs will not render properly.
8 Orange
10 Sand
13 Classic Blue
14 Simple Green
15 Light Blue
16 Dark Blue
18 Simple Gray
19 Red Gray
Message - Application created successfully.
Click Shared ComponentsUnder User Interface Click - ThemesIf you don't see one of the above Themes, you will need to Create and switch your Theme.
Click - CreateFrom the Repository selected Click - Next and select one of the above Themes
Click - Switch ThemeSelect one of the above Themes and Click - Next
Click -NextClick - Switch ThemeReturn to your newly created Application by Clicking on Application xxxxxxx Breadcrumb
Click - Create PageSelect - Blank PageClick - NextAssign the page a name
Click - NextAccept defaults and Click - NextClick - FinishClick - Edit PageI still work in Component View, to toggle to this View, click on the control adjacent to Page number and Go button. Hover over the ones on the far right and you will see both Component View and Tree View
From Component View
Click on the Page Edit Control
In the Text Area labeled Javascript/Execute when Page Loads - paste in the following code:
$x("tabs").appendChild( $x("tabs-1"));
$x("tabs").appendChild( $x("tabs-2"));
jQuery("#tabs").tabs();In the Text Area labeled HTML Header and Body Attribute/HTML Header - paste in the following code:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css" type="text/css" />
<script src= "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.js"> </script>Click - Apply ChangesRequired use of the Google jqueryui libraries is being questioned by recent threads created by Alistair Laing since it appears that 4.0 does not currently support jQeury tabs
{thread:id=1083507}
{thread:id=1083540}
Create a Region
Type HTML Text - accept defaults
Provide a Title like "Tabs" and accept defaults
Template - Reports Region
Sequence 10
Click - NextIn the Enter HTML Text Region Source: Text Area - paste in the following code:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Employees</a></li>
<li><a href="#tabs-2">Departments</a></li>
</ul>
</div>Click - Create RegionCreate a second Region
Type Report/Sql Report
Provide a Title like "Employees" and accept defaults
Template Reports Region
Sequence 20
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT empno,
       ename,
       job,
       mgr,
       hiredate,
       sal,
       comm,
       deptno
FROM   empClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-1Click - Apply ChangesCreate a third Region
Type Report/Sql Report
Provide a Title like "Departments" and accept defaults
Template Reports Region
Sequence 30
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT deptno,
       dname,
       loc
FROM   deptClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-2Click - Apply ChangesRun you page and you should see you tabs.
Jeff

Great post Jeff,
With regard to Jquery UI and tabs I've contacted the Apex dev team and received a reply from them.
All the jQueryUI files are included in the APEX 4.0 distribution, but not all jQueryUI components
are loaded by default to avoid a huge initial download. It's not necessary to load your own version of jQueryUI, just load the missing component.
For the "Tabs" you have to add
<link href="IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.tabs.min.js" type="text/javascript"></script>
to your page template or the header attribute of your page where you want to use it.They did not mention which other Jquery UI widgets were not included so people need to check to see if they get any JS errors Like "$('#tabs').tabs() is not a function" this would suggest that tabs is not being loaded. To included it in you page header directly after #HEAD# you need to place the css and js as stated above.
If you need jquery help just post you queries here or the is some other jquery links that maybe of some use
jQuery
http://jquery.com/ - Official jQuery Website
http://api.jquery.com/ - jQuery API Library
http://plugins.jquery.com/ - jQuery Plugins (Not APEX related)|
http://yayquery.com/ - yayQuery - jQuery Podcast
http://jqueryui.com/ - Official jQuery UI Website
http://jqueryui.com/demos/ - jQuery UI Demos
Edited by: Alistair Laing on Jun 9, 2010 4:04 PM
Add more links
Edited by: Alistair Laing on Jun 9, 2010 4:09 PM

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")

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

Suggest alternatives to IWeb and GoDaddy?

Hello - As we are all aware there are limits to IWeb and GoDaddy. I'm a Macer in a PC world (this is changing but slowly). My PC pals have a difficult time viewing my website/blog and I want to upgrade my site so my pictures can load and fonts translate to PC. I do not sell anything it's just a site for friends and family but I would like to upgrade the look, enhance the capability with PC and Google and am willing to spend a bit of cash. I've heard of Dreamscape? Does anyone have other suggestions? I do the complete ease of use of IWeb despite some of the drawbacks. Thank you. Tami
www.curioustidbits.com is my blog.

Hi Tamis,
You have asked several questions in your post. I will try to answer each one. I can see from your website that you like the free form style possible with iWeb. I have to caution you that achieving maximum compatibility with all browsers, especially Internet Explorer comes with a price.
There are a limited number of fonts that are considered web safe. A quick search in wiki will give you the list. Using any other fonts will risk problems with certain browsers. If you want to use a special font in a limited way, for example a title, convert it to an image first then place it into iWeb. The price you will pay if you over use this method is a much slower download time for your pages.
iWeb uses a number of features such as shadows and reflections that can cause problems with certain bowsers. I have found that it is best to prep your images to the display size needed and save them as jpegs. The results are quite predictable with this approach.
Choosing an alternative to iWeb will require a change in your approach to web design, a trade off you may not be willing to make. To get a feel for an alternative check out Rapid Weaver. I have used both and they each have their pros and cons. Rapid Weaver will force you into a template design. If you decide on Rapid Weaver there are two plugins that add some of the simplicity of iWeb, Stacks & Blocks. You probably will only need one of these.
Here is a website created with Rapid Weaver, www.quilts4u.com
Good luck with your website

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

CRM 2013 Online - sending email with CRM Online and jQuery

Hi,
I have a html page in webresource in a CRM 2013 Online form. There is a button to send an e-mail from the html page. Because this is an embedded html, I will not be able to create a plug-in to trigger 'send an e-mail'. The best bet
is to send an e-mail via javascript.
I found an article about 'Sending email with SharePoint and jQuery',
http://geekswithblogs.net/ThorvaldBoe/archive/2014/07/03/sending-email-with-sharepoint-and-jquery.aspx
Is there a similar Jquery way we can send e-mail from CRM 2013 Online? Thanks.

Hello,
Actually you can send email through plugin using Actions feature. Recheck my articles about the feature -
http://a33ik.blogspot.com/search/label/Action
In case you anyway want to send your email directly you should recheck following articles:
http://mileyja.blogspot.com/2012/02/create-email-activity-in-microsoft.html
http://mileyja.blogspot.com/2012/02/send-email-synchronously-in-microsoft.html
Dynamics CRM MVP/ Technical Evangelist at
SlickData LLC
My blog

When both plug-in objects and jQuery mouse events are present, Firefox re-starts the plug-in object (eg Flash movie) after a jQuery mouse event occurs. This doesn't happen in any other browser. How can I get around this?

Please check http://www.syus.com for an example. There is a Flash movie underneath the main navigation. The main navigation has a jQuery mouse event, and when you mouse over a button in the main navigation, the Flash movie re-starts. I can confirm that this happens not only on Flash swf files, but on standard <object> YouTube embeds.

Ok, I promise this is my last post without your help. I did some more troubleshooting and it only seems to happen when jQuery appends elements to the body that were previously invisible. In other words, I can simply change the css in jQuery from using element.css('display','inline'), but if I try to use something like slideDown or other jQuery tooltip functions that append and/or remove elements or style definitions it causes the "object restart" bug.
It is impossible for any developer to eliminate this bug without changing the actual source of jQuery, which I can't do. My only other option is not to use sophisticated show/hide jQuery elements like drop-down menus and tooltips on the same page as an embedded object, but I don't want to do this since Safari, Chrome and even IE (dear God) users won't have a problem with this. I think this is a major major bug that should be fixed in Firefox 4 as more and more sites will be looking to use the latest jQuery plugins.

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

I am trying to move a picture that I brought over from iWeb and it is locked. I need to move it. Can anyone help?

I am trying to move a picture that I brought over from iWeb and it is locked. I need to move it. Can anyone help?

It is probaly just "inline" ie part of the text.
click on it > Inspector > Wrap > Floating
Peter

When I click Tools and then plugins and check whether my plugins are up to date or not, Firefox gives me a notice saying my Flash Player is an outdated version and must be replaced.

I am trying to do something that requires Flash Player, but even though it shows in my control panel, and it is the latest version, I keep seeing a notice that it is disabled, and it does not appear in the list of plugins, so I don't know how to enable it.
I have been installing the same version over and over again since yesterday, but when I go to check the plugin, a box appears saying it is disabled. When I go in Tools to the list oif plugins, it is not there! Very frustrating. edit

In Add-ons > Plugins, you must enable "Shockwave Flash (version)"; that is Adobe Flash. Click the "Enable" button next to it. The most current version is 10.3.183.10, which was released just a few days ago.
'''''"Installed Plug-ins''''' <br />
'''''Many but they are all disabled."'''''
Did you disable all of your plugins? Why?
You need to re-enable your plug-ins in Add-ons > Plugins, then check them to see if they are current and update as necessary.
You may need to update some plug-ins. Check your plug-ins and update as necessary:
*Plug-in check: https://www-trunk.stage.mozilla.com/en-US/plugincheck/
*Adobe Shockwave for Director Netscape plug-in: [https://support.mozilla.com/en-US/kb/Using%20the%20Shockwave%20plugin%20with%20Firefox#w_installing-shockwave Installing ('''''or Updating''''') the Shockwave plugin with Firefox]
*Adobe PDF Plug-In For Firefox and Netscape: [https://support.mozilla.com/en-US/kb/Using%20the%20Adobe%20Reader%20plugin%20with%20Firefox#w_installing-and-updating-adobe-reader Installing/Updating Adobe Reader in Firefox]
*Shockwave Flash (Adobe Flash or Flash): [https://support.mozilla.com/en-US/kb/Managing%20the%20Flash%20plugin#w_updating-flash Updating Flash in Firefox]
*Next Generation Java Plug-in for Mozilla browsers: [https://support.mozilla.com/en-US/kb/Using%20the%20Java%20plugin%20with%20Firefox#w_installing-or-updating-java Installing or Updating Java in Firefox]
'''If this reply solves your problem, please click "Solved It" next to this reply when <u>signed-in</u> to the forum.'''
There are 2 versions of Adobe Flash; an '''ActiveX version''' for IE only and a '''Plugin version''' for most other browsers including Firefox. On a Windows system, you should always update both individually.
#'''Using Firefox''', go to the following direct download link and SAVE the download to your desktop so you can find it later: http://fpdownload.adobe.com/get/flashplayer/current/install_flash_player.exe
#When the download is finished, close Firefox (File > Exit '''''OR''''' Firefox button > Exit)
#Click or double-click on the file you just saved to your desktop
#*In the installation window that appears, click the box to the left of "I have read and...." to place a check mark in the box
#*The "Install" button in the lower right corner will now be highlighted, click it.
#*The installation is quick.
#Start Firefox and test your installation here: https://www.adobe.com/software/flash/about/
#Direct link ActiveX version for IE '''''only''''': http://fpdownload.adobe.com/get/flashplayer/current/install_flash_player_ax.exe
Does not relate to your question, but...
You have multiple old Java Console '''''extensions''''' that Java did not clean-up during updates. You need Java Console only if you do Java programming/development or debug Java applets on web pages. You can see them in Add-ons > Extensions, '''''but you can not remove them from there'''''. Removing them will not affect the functioning of Java on websites. You can '''''manually''''' remove them, '''''if you do not do Java development work''''' to avoid future, possible problems/conflicts:
*http://kb.mozillazine.org/Java#Multiple_Java_Console_extensions
Your old versions of Java Console:
*Java Console 6.0.06 {CAFEEFAC-0016-0000-0006-ABCDEFFEDCBA}
*Java Console 6.0.07 {CAFEEFAC-0016-0000-0007-ABCDEFFEDCBA}
*Java Console 6.0.12 {CAFEEFAC-0016-0000-0012-ABCDEFFEDCBA}
*Java Console 6.0.13 {CAFEEFAC-0016-0000-0013-ABCDEFFEDCBA}
*Java Console 6.0.14 {CAFEEFAC-0016-0000-0014-ABCDEFFEDCBA}
*Java Console 6.0.15 {CAFEEFAC-0016-0000-0015-ABCDEFFEDCBA}
*Java Console 6.0.17 {CAFEEFAC-0016-0000-0017-ABCDEFFEDCBA}
*Java Console 6.0.19 {CAFEEFAC-0016-0000-0019-ABCDEFFEDCBA}
*Java Console 6.0.20 {CAFEEFAC-0016-0000-0020-ABCDEFFEDCBA}
*Java Console 6.0.21 {CAFEEFAC-0016-0000-0021-ABCDEFFEDCBA}
*Java Console 6.0.22 {CAFEEFAC-0016-0000-0022-ABCDEFFEDCBA}
*Java Console 6.0.23 {CAFEEFAC-0016-0000-0023-ABCDEFFEDCBA}
*Java Console 6.0.24 {CAFEEFAC-0016-0000-0024-ABCDEFFEDCBA}

Iweb and jquery plugin

Similar Messages

Maybe you are looking for