Zoom image using Jquery in ADF Faces

Similar Questions

• Hi all the * please how (add & use) jquery in adf file * thank you

  Hello

  Refer

  Blog of Ashish Awasthi (Jdev/ADF): using JQuery in Oracle ADF

  Using JQuery in Oracle ADF | Oracle ADF Blog

  http://andrejusb.blogspot.ca/2014/02/simple-jQuery-notification-message-for.html

  https://technology.AMIS.nl/2011/01/31/ADF-11g-using-jQuery-with-ADF-to-provide-a-fading-user-feedback/

• Gallery of images using Jquery Fancy Box

  Hello world
  
  I'm new to Apex. Using Apex 4.1 on Oracle 10 g. Now working in a gallery app, image viewer I have try to use Jquery fancy box.
  
  Am followed this site [http://saradesh.com/tajuddin/index.php/fancybox-in-apex-dynamic-report/] his works perfectly.
  
  What I want is when I click on the image in interactive report I want to open the image in the fancy box and I want to navigate to the previous and next images. Can someone help me on this.
  
  Thank you
  Sri

  >

  Please update your forum profile with a real handle instead of '891791 '.

  I'm new to Apex. Using Apex 4.1 on Oracle 10 g. Now working in a gallery app, image viewer I have try to use Jquery fancy box.

  Am followed this site [http://saradesh.com/tajuddin/index.php/fancybox-in-apex-dynamic-report/] his works perfectly.

  What I want is when I click on the image in interactive report I want to open the image in the fancy box and I want to navigate to the previous and next images. Can someone help me on this.

  It is easy to do this for the pictures shown in the page view IR. It would be much more complicated to do this for all of the images returned by the IR motion, including those not visible on the current page.

  1 create a column of thumbnail image in the IR using the support integrated BLOB. If necessary and style thumbnails by using a style sheet in the header HTML page:

  2. create a dynamic Action to bind calls Fancybox for thumbnail when IR is updated.

  When

  Event: After refresh
  Selection type: Region
  Region: IR Gallery / / whatever your area

  Real Actions

  Action: Run the JavaScript Code
  Fire on Page load: Yes

  /*
    Wrap each thumbnail image in the link element required by Fancybox.
  
    The rel attribute enables the Fancybox gallery feature.
  
    (jQuery is used for this because it appears APEX does not provide a good way of making the BLOB
    into a link that references its source.)
  */
  $('#employees td[headers="PHOTO"] img').wrap(function() {
    return '';
  });
  /*
    Bind the required Fancybox call to the thumbnail links.
  */
  $('#employees td[headers="PHOTO"] a').fancybox({
    'type'          : 'image',
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic',
    'speedIn'       : 300,
    'speedOut'      : 300
  });
  

  3. change the Fancybox options used for the required appearance and behavior.

• How to redirect to another page Using JavaScript in ADF Faces?

  Hi guys,.
  
  I have a case of user UI that has an af:menu which contains mutiple af:goMenuItem. When the user clicks on the menu, the menu slides down and the af: goMenuItem presents itself. As we know, you can set page destinations in af:goMenuItem to go to another page when the user has clicked, but af:menu itself cannot be redirected to another page. Well, the case of the user wants the menu itself could be redirected if the user clicks on it.
  
  So I think that the use of JavaScript to do this: when you click on the af: menu, redirect to another page. BUT, I've looked over the ADF Faces Javascript API and wasn't able to find this piece of code to do this. Any help?
  
  Another work around to the user scenario is to use the brands of HTML + CSS/JavaScript instead of af: menu and af:goMenuItem, but this changes the scope of the technology although it is not hard to do
  
  Any other idea to make the case of the user other than what I could think?
  
  
  Thank you guys!
  
  Jay

  Hello

  1. you can have a control hidden element to the navigation based on a case of control flow. In this case, you access the JavaScript command component create a new ActionEvent and he queued
  2 - JavaScript can use an af:serverListener to call a server side managed bean method to perform the navigation

  There is no JavaScript API for navigation in ADF Faces because navigation in JavaServer Faces is an event-driven framework and we do not support the developers of fight against the framework.

  Frank

• How to use captcha with ADF Faces 10g (10.1.3).)

  Hi all
  
  Could you Pls tell me how to use captcha using 10 g I'm currently using the version 10.1.3 jdeveloper. I found the link to the use of the * [captcha using 11g | http://www.oracle.com/technology/products/jdev/tips/fnimphius/captcha/captcha.html] * but some here like af:panelFormLayout and af:panelGroupLayout components are not available in 10 g. There are alternative components Availablel for the 10 g
  
  
  concerning
  Marie-Laure

  Dominique... remove the attribute.

  The idea for the article was Frank present a concept, not necessarily for him to provide the code you just drop and use.

  Understand the concept, then you can implement the details.

  John

• Combination of ADF Faces and JSTL is advisable or trap?

  Dear all,
  
  Our applications(ADF/Webcenter) of fusion using JSTL and ADF Faces inside is advisable or pitfall. ADF Faces features are enough or do we need to rely on the JSTL functions? I prefer to use ADF Faces/JSF functions without the combination with others.
  
  for example 1
  
  
  < 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:af = "http://xmlns.oracle.com/adf/faces/rich".
  xmlns:fn = "http://java.sun.com/jsp/jstl/functions" >
  
  for example 2
  
  < jsp:root xmlns:jsp = "http://java.sun.com/JSP/Page" version = "2.1".
  xmlns:af = "http://xmlns.oracle.com/adf/faces/rich".
  xmlns:f = "http://java.sun.com/jsf/core".
  xmlns:h = "http://java.sun.com/jsf/html".
  xmlns = "http://java.sun.com/jsp/jstl/core" >
  
  
  Best regards
  KT

  Hello

  Our applications(ADF/Webcenter) of fusion using JSTL and ADF Faces inside is advisable or pitfal?

  To suggest a rule: feature edge try ADF Faces before reaching out to the JSTL. The difference between JSTL and JSF in general, is that the JSTL expressions are evaluated in compiling page while JSF expressions are evaluated deferred. This difference can have an impact on the PPR updates and data rendering (which, in many cases I guess you can fix by defining the ADF Faces, content delivery component immediate instead of deferred). On a light background, I scored with a JSTL alert 'heads up' for this reason

  Frank

• Mix ADF Faces with HTML, JavaScript, CSS, JSTL question

  Dear all,
  
  The project is now starting to deploy to the production server. When we try to deploy to the production server who made a lot of mistake. As this used widely used project mix ADF faces with
  HTML/JavaScript/CSS/JSTL. I would like to know what are the most error when we have mixed to use each one and how can we overcome them there?
  There is in the project
  
  1 mix of tags html with ADF Faces components
  2. the use of JavaScript/CSS inline
  3. mix the JSF/ADF Faces and JSTL tags
  
  Help me how to address this issues as well as links to useful blog.
  
  JDeveloper IDE version: 11.1.1.5.0 with Webcenter
  WebLogic version: 10.3
  
  
  
  Best regards
  KT
  
  Published by: KT on May 16, 2013 21:23

  Hello

  In addition to this project widely used mixture ADF faces with HTML, JavaScript, CSS, JSTL.

  JavaScript, CSS, and JSTL is not a problem, whereas - according to the JSF version - HTML is. JSF 2 is the first version of the JSF, which allows you to mix HTML with less side effects, if you use Facelets as view declaration language.

  I would like to know what are the most error when we have mixed to use each one and how can we overcome them there?

  There is in the project

  + 1. mixture of html with ADF Faces components tags +.

  This could ruin your pages, lead to update issues and - in case of frequent use in the trees - even destroy the functionality

  + 2. online use of JavaScript / CSS +.

  Poor performance because of heavy weight pages. If you were using ADF Faces and your JS addresses the DOM instead of the architecture of client cJavaScript ADF Faces then chances are JS will fail for the components that have changed their HTML output (which has an impact on the DOM structure) or changes are not submitted to the server.

  For CSS, CSS inlineStyle not applay to the DOM element that is external, which means for example af:input the background text color will color the lavel

  + 3. mix JSTL and JSF/ADF Faces tags +.

  Dependa on how you do. JSF has postponed EL syntax, which means that EL resolves at run time, whereas JSTL resolves at compile time. So the race conditions could become a problem

  Overall, it is difficult to say if things were coded wrong in the project (although for the use of HTML you can be sure) without seeing the code. It seems that the team that built the application however did not dare to the suite of recommended practices

  Frank

• ADF Faces - a 6 - AS / 400

  Hello! eveyone, im new in this forum, also im a junior programmer, I had the opportunity to work with JDeveloper and ADF Faces components, so think about using the same technology, but my boss told me that the servers are AS / 400 and WAS 6, so my question is, can I use ADF Faces framework in accordance with these specifications?
  Thank you and have a nice day.

  We have certified Oracle ADF on 7 has BEEN with the latest version of JDeveloper 11.1.1.4.
  We did not test WAS 6 - if all you are going to use are the ADF Faces components there is a good chance that they will work.

• Compatibility ADF Faces and jQuery

  ADF Faces and jQuery is incompatible? In some of my pages I used jQuery to improve my drawing. Since ADF Faces has no component such as p or h1 or if I use these tags and ADF behaves unexpectedly. So by jQuery, I can wrap some components like div generated by af:panelGroupLayout. If I specify a styleClass to this pgl I can easily the warp by p as $('.cls').wrap ("< p..."). Are their any risk of error or of bad behavior to do? In one thread, I see as jQuery is not integrated into the life cycle of ADF so it can be difficult to tell whether or not it behaves by mistake. Y at - it no risk to deal with a problem of PPR?

  Hello

  In ADF Faces active JSF 2.0 use of things like JQuery would be more affordable, I would suggest that you test this last integration using Facelets and Jdeveloper 11.1.2.0. However you perception is right, using a lot of JQuery on your page in ADF faces, could potentially break some of the life cycle. There are, however, examples:
  http://codingwithpassion.blogspot.com/2011/01/using-jQuery-in-Oracle-ADF-faces.html
  http://George.maggessy.com/2010/08/ADF-and-jQuery-working-together.html

  What kind of JQuery components are you trying to use?

  -Juan Camilo

• How to make a zoom in on part of the image using editing?

  Recently returned to the opening.  Do not remember how to enlarge the part of the image using editing.  If the answer is Loupe tool, please remind me how it works.

  What version of Aperture do you use?

  To zoom the viewer enter the combination of keys command - + (⌘ +) or press the zoom-viewer:

  

  If you prefer the magnifying glass, launching it from the view menu with "view Magnifier, where also find magnifying glass options to switch to a centered Loupe or show the grid under the microscope.

  

• Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside

  Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside the Jquery page. In the future I would also be able to add, to remove the DB records. Any help, tutorial... Thanks TG

  I would like to connect with the database instead of "writing" all the tables in the bearings inside the Jquery page

  This is usually done with a CMS (content management system). There are commercial products CMS like WordPress, Joomla and perch. You create one or several layouts and then create pages of these page layouts using the CMS. In this way, it is possible to have hundreds of pages, each with unique content, but a page layout that can be managed in a place of sharing.

  CMSs on shelf don't require programming skills. Otherwise, some of us write our own CMS with custom functions, but this requires back-end, as with PHP programming.

• When I use a tool on a zoomed image, the image freezes and I can't move unless I have change tools. I tried to reset the tools and uninstalling and reloading CC. What should I do?

  When I use a tool on a zoomed image, the image freezes and I can't move unless I have change tools. I tried to reset the tools and uninstalling and reloading CC. What should I do?  Once that any tool I can't change its size or move the image.

  Howdy,

  Sorry for the lack of information. It's Adobe Photoshop CC, I have been using

  CS5 and am going to try the demo version of CC to see if it's worth to change

  To no matter what tool works once, but freezes the movement tool design and image.

  I am also using the beta version of Mac Yosemite. But the CS5 version is

  works very well.

  Hasta,

  Bob McCaw

• ADF Faces component can be used to represent parking garage

  I would like to have a jsf page that shows the location of the cars in a garage.
  
  So, I would draw a picture of a car in busy for a garage places.
  
  Any ideas on what ADF Faces view component, or any other component, could be used to represent the locations for a garage?

  I think you can add some HTML5 features in your ADF area app multiple using drawing beans

  http://www.html5rocks.com/en/tutorials/canvas/integrating/#sketchy

  Jhon

• I want to use jsp or jsf as the layer view without using the adf faces

  I have successfully build ADF application, but I have problem here
  I followed tutorial how to generate ADF application using the simple java class as services trade and JSF as the view layer http://blogs.oracle.com/shay/entry/java_class_data_control_and_ad layer
  the problem of the view layer ADF faces HERE IS THE PAGE
  
  * <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional / / IN."
  * "http://www.w3.org/TR/html4/loose.dtd" > * "
  * < % @ page contentType="text/html;charset=UTF-8"% >
  * < % @ taglib uri prefix = "http://java.sun.com/jsf/core' = 'f' % >
  * < % @ taglib uri prefix = "http://java.sun.com/jsf/html' = 'h' % >
  * < % @ taglib uri prefix = "http://xmlns.oracle.com/adf/faces/rich' = 'af' % >
  * < f: view > *.
  * < af:document title = "title" id = "d1" > *.
  * < af:messages id = "m1" / > *.
  * < af:form id = "f1" > *.
  * < af:outputText value = "#{bindings." Return.inputValue}"id ="ot1"/ > *.
  * < / af:form > *.
  * < / af:document > *.
  * < / f: view > *.
  
  I want to change the tags with JSP tags, how can I do this cause I don't want to use ADF Faces

  Replace af with h.

  "http://www.w3.org/TR/html4/loose.dtd" >
  <%@ page contentType="text/html;charset=UTF-8"%>
  <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
  <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

  
  
  
  

• ADF Faces 10g: setting up emulate IE7 mode in IE8 using meta tag

  I have problems setting up the metatag for the IE7 Mode. I have to add the meta tag just after the head tag but afh:head tag generates its own metatag as well as another code.
  
  JSP code:
  < afh:head title = 'Forms' >
  * < meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" / > *.
  < / afh:head >
  
  released on the duration of HTML:
  Forms < head > < title > < / title > < name meta = "generator" content = "Oracle ADF Faces" > < link rel = "stylesheet" charset = "UTF - 8" type = "text/css" href="/IE8Test-ViewController-context-root/adf/styles/cache/oracle-desktop-10_1_3_4_0-en-ie.css;jsessionid=abc" > < script > var AdfWindowOpenError =' a window blocker was detected in your browser.» Popups blockers interfere with the operation of this application. Please disable your Blocker for popups or allow popups from this site.'; < /script > < script src = "/ IE8Test-ViewController-context-root/adf/jsLibs/Common101_3_4_0.js; jsessionid = f860a28964c33a5fae90eeaf3726da48b147854ee2ad990a4ba70279b67ea0dd" > < / script > < script _defaultTZ() > < /script >
  * < meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" / > *.
  < / head >
  
  Copy the following code will not work my page in IE7 mode.
  
  However, if I change the code of
  < head title = 'Forms' >
  < meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE7" / >
  < / head >
  
  It will work in IE7 to IE8 mode.
  
  
  1. is there something I can do to replace the code generated by my own meta tag if I use afh:head tag?
  2. If I use head html, what effects it will have on my code? I noticed that the fonts do not work properly, I think it's due to the links generated for skin is are more referenced.
  
  Any suggestion is recommended.
  
  Thank you
  Wes

  Hello

  Here's an example I wrote for 11g, which however also will work with 10g

  http://blogs.Oracle.com/jdevotnharvest/2011/04/running_adf_faces_applications_with_ie_9_in_ie_8_compatibility_mode.html

  Frank