Toggle Images

APEX issue :
When I'm loading the page I'm executing a javascript to load images in the page. I'm using checkbox and tick images and these images are placed in 9 show and hide regions. I'm executing a javascript in onload and this script loads all the images during refreshing. Since the server is very slow. When I'm refreshing the page I can see images loading starting from 250 on the right hand side down in my browser. Before all the images gets loaded if I click the hideshow region the image lodding gets abandoned and images in the region looks like it's partially loaded I can find some missing images too.
Can anyone please help me in this issue.
Note : the same code works fine in another server which is very fast.
For example see the below script and I've used a similar one but the query has more images and I'm deciding the type of image to be loaded in an onload event.
I've designed my code based on the below example taken from "Dennes Kubicek" blogspot.
<script type="text/javascript">
function toggleImage(x)
x.src = (x.src.indexOf("#WORKSPACE_IMAGES#FNDCANCE.gif") >
-1)?"#WORKSPACE_IMAGES#Fndokay1.gif":"#WORKSPACE_IMAGES#FNDCANCE.gif";
</script>
2. Image Source:
<img src="#WORKSPACE_IMAGES#FNDCANCE.gif" onclick="javascript:toggleImage(this);">
3. SQL Query:
SELECT ename, job, mgr, sal,
'<img src="#WORKSPACE_IMAGES#FNDCANCE.gif" '
|| 'onclick="javascript:toggleImage(this);toggleImage(im'
|| ROWNUM
|| ');">' image,
'<img src="#WORKSPACE_IMAGES#FNDCANCE.gif" id="im'
|| ROWNUM
|| '">' image2
FROM emp
Thanks and Regards
J.Jeno

Hi guys:
I came searching for this same problem and only happened upon a solution (at least for me) very accidently. In my case the "softness" doesn't seem to be actually linked to the "quick preview" toggle.
When I pull down the "view" menu from the top of the screen, I pass the "quick preview" command and go down to the bottom to "Proofing Profiles". The profile for the proofing was set to one of many of my printer's profiles, which was not calibrated, yet, for my mac. I selected, instead, a previously saved calibration setting (one that I made using the simple calibration wizard under the monitor system preference) specifically for my monitor, and the viewer image changed to look exactly as the one in Browser thumbnail; sharp and detailed.
I certainly hope that this may help you. As I said, this is not based on in-depth knowledge of this program, just trial and error, so may not apply to your situation.
Good Luck
Arcody

Similar Messages

  • Toggle image in gallery

    Trying to create a login/logout application. Can't figure out how to get an image to toggle between two states. See below for reference..
    The data in the black box is all from one gallery (data source) except for the "Out" image which I inserted into the template.
    I need to be able to toggle the "out" image to an "In" image for each independent item in the gallery. I've tried If/Then statements; UpdateContext with toggle-like switches of 1 & 0.; Inserting inside the template / Outside the template.
    I've created separate collections and more. I am at a complete loss for how to do this. Nothing seems to work.
    Theoretically this should be as simple as referencing a cell in a spreadsheet but without the ability to dynamically update a cell with input from the application - the whole exercise is mute.
    I really need help with this. I have an entire fantastic application that is 90% complete except for this one 'seemingly' simple flaw. But if this flaw can't be worked out then the entire exercise is worthless and a giant waste of time.
    Please help.

    Hi Michael,
    If I understand the scenario, an Image Gallery is bound to a Table which has at least one column with links to people's photo. When you toggle a switch, the image should switch to another image to indicate the person is Out.
    First add the image that you want to display when the person is Out. To do this:
    Click on the Image visual in the Image Gallery
    Click on the Image property and select Add Image. Select the image you want to import from your local computer. I will assume the image name is
    OutImage.
    Then add the toggle logic. For this I will assume that the table has a column named
    Photo containing the links to the photos. Click again on the Image Visual and edit its
    Image property to:
    If(ToggleSwitch1!Value, OutImage, ThisItem!Photo)
    This statement indicates that the Image for the Image visual is OutImage
    if the Toggle is On, or the current item Photo if the toggle is Off.

  • Quick Preview toggle - images appear very soft?

    I have noticed that when using Quick Preview to run through images in my projects all images appear sharp, however if I toggle quick preview off and then back on again the image never sharpens.
    This is similar to the effect you would get on first view, i.e. an initial soft image that sharpens when loading completes.
    Has anyone else noticed this?

    Hi guys:
    I came searching for this same problem and only happened upon a solution (at least for me) very accidently. In my case the "softness" doesn't seem to be actually linked to the "quick preview" toggle.
    When I pull down the "view" menu from the top of the screen, I pass the "quick preview" command and go down to the bottom to "Proofing Profiles". The profile for the proofing was set to one of many of my printer's profiles, which was not calibrated, yet, for my mac. I selected, instead, a previously saved calibration setting (one that I made using the simple calibration wizard under the monitor system preference) specifically for my monitor, and the viewer image changed to look exactly as the one in Browser thumbnail; sharp and detailed.
    I certainly hope that this may help you. As I said, this is not based on in-depth knowledge of this program, just trial and error, so may not apply to your situation.
    Good Luck
    Arcody

  • Hide and Show - Toggle image

    Hi:
    Okay - I admit it! I am completely baffled.
    I am trying to use custom "click" images for my hide and show region. I am using a modified version of Theme 20 in Apex 4.0.
    I have created two little images, one for open state and one for closed. I have managed to get the "open" image to display and it is clickable and the region closes, but the image does not toggle.
    In the region template, I find the following:
    onclick="htmldb_ToggleWithImage(this,'#REGION_STATIC_ID#_body')"
    Clearly, this is to toggle the image. But, how does it know what image to use? Which image to replace the oen state image with. I am not understanding how it selects the second image.
    Please, please, can someone explain to me how to get the toggle to work properly with my custom images.
    Thanks in advance.
    Regards,
    Bruce

    So, I figured it out myself.
    the function htmldb_togglewithimage actually takes the 'puls' string in the image name and changes it to 'minus'. So your images have to be maned something like:
    my_image_plus.gif
    my_image_minus.gif
    without uswoing this maning convention - it will not work.
    Bruce

  • Toggle Image Buttons using Javascript - How?

    Hi,
    Hoping someone can assist me with javascript and how to toggle buttons.
    My scenario is as follows - I have two buttons side by side, say Button_A and Button_B but I also have two other buttons, i.e Button_C and Button_D which are not displayed at start-up, only Button_A and Button_B are displayed.
    With javascript, I need a means of switching buttons over the top of Button_A and Button_B, i.e if I press Button_B, Button_A gets replaced with Button_C and Button_B gets replaced with Button_D.
    At the moment, each button is inside unique div id, and each button is displayed as an image within an img tag.
    Also need a means of accessing buttons via javascript, even if I haven't actually clicked that particular button, i.e if I click Button_B which fires an onclick event, I need to perform operations on Button_A as well. Unsure how to access Button_A object?
    Any assistance on the above would be much appreciated.
    Thanks,
    Tony.

    Hi,
    It sort of helps but lets say in your example you had another image column called IMAGE2, which had a image of a green circle, so that when you clicked on the green tick within your IMAGE column, this changed to a red cross as it does now but at the same time, also toggled the green circle to a blue square, even though you didn't click on this green circle image, just on the green tick.
    How might this be done in Javascript?
    Hope this makes sense.
    Thanks.
    Tony.

  • Image displays in CS4 Apps differently

    I have a gs tif file that I converted to cmyk. In PS the cmyk version looks virtually identical on screen to the gs version although when you hold the eyedropper over the image, cyan displays as a higher percentage than m or y, with k lowest. In Bridge the cmyk version clearly show with a cyan cast.
    Color settings are synchronized in CS4.
    Can anyone tell me why: 1, the images are displaying differently, and, 2. using Convert To Profile, cymk, Working CMYK US Sheetfed Coated v2, image appears to have a distince cyan cast?
    Thanks in advance
    J

    the images are displaying differently
    Have you proofing enabled in both of them? Even if the profiles match otehrwise, that option still has to be toggled.
    image appears to have a distince cyan cast?
    Well, if you print CMYK, you want "rich black", which means that it needs to be underprinted with another color to not look like a dull gray. Only spot black/ text black does not require that. That's not the point here, though. It's really due to the conversion being done wrong. If you really want to retain the blacks as a pure channel, use the method described. Also, if you can, in the future simply start out in CMYK to avoid these issues.
    Mylenium

  • Image Displays Differently in PS and Br CS4

    I have a gs tif file that I converted to cmyk. In PS the cmyk version looks virtually identical on screen to the gs version although when you hold the eyedropper over the image, cyan displays as a higher percentage than m or y, with k lowest in both the cmyk conversion and the grayscale original...what do I have set wrong!  In Bridge the cmyk version clearly shows a cyan cast.
    Color settings are synchronized in CS4.
    Can anyone tell me why: 1, the images are displaying differently, and, 2. using Convert To Profile, cymk, Working CMYK US Sheetfed Coated v2, image appears to have a distince cyan cast? And why, for that matter, is the GS image showing uneven cmyk percentages?
    Thanks in advance
    J

    the images are displaying differently
    Have you proofing enabled in both of them? Even if the profiles match otehrwise, that option still has to be toggled.
    image appears to have a distince cyan cast?
    Well, if you print CMYK, you want "rich black", which means that it needs to be underprinted with another color to not look like a dull gray. Only spot black/ text black does not require that. That's not the point here, though. It's really due to the conversion being done wrong. If you really want to retain the blacks as a pure channel, use the method described. Also, if you can, in the future simply start out in CMYK to avoid these issues.
    Mylenium

  • CSS image background issues - please help!!!

    I have a stubborn file that doesn't seem to want to display image backgrounds called out by CSS.  In my DW file I can see the background images in Design View, but when I go to Live View or preview in a browser they're not showing.  No broken link or unrecognized file type icons - just not there.  It doesn't matter if I'm working on the file locally or on my test server; the result is the same.
    Example 1:
    CSS callout looks like this:
    #logo h1 {
        float: left;
        width: 189px;
        height: 71px;
        background: url(/images/menu_logoblock.png) no-repeat top left;
    HTML callout looks like this:
    <div  id="logo">
                 <h1></h1>
         </div>
    Example 2 (toggle image on rollover):
    CSS callout looks like this:
    a#prod1 {
            width: 193px;
            height: 140px;
            text-indent: -9999px;
            background: transparent url(/images/image_name.jpg) no-repeat 0 0;
            margin-left: 0;
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
    a#prod1:hover {
                background-position: 0 bottom;
    HTML callout looks like this:
    <div id="products">
                <ul>
                    <li><a href="#" id="prod1" title="Title" alt="Totle goes here"><strong>Title goes here </strong></a></li>
                   </ul>
         </div>
    I have successfully used both methods on other pages without problem, but for whatever reason can't get it to work today.  I have a reset css file link to reset the browser defaults this time around and that's the only difference.

    Did you save your images for the web in RGB mode?  Most browsers don't support CMYK.
    Is your code valid?  Modern browsers are becoming less foregiving of code errors.
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Need Help with swap image

    I've got this page with a Spry collapsible panel in
    it. No problems getting that to work, but I'd like to be able to
    use an image in the tab and have that image 1) change on click to
    expand text and then 2) change back again on collapse text. I've
    got #1 figured out but can't get the image to return back to its
    original state on collapse. Basically, I'm using the image as a
    "show detail" "hide detail" function. HELP! I know there must be a
    way to do it. Or maybe a different way than Spry. You can view the
    page at
    http://www.ivy-design.com/tip/people.html

    ivydesign123 wrote:
    >
    I've got this page with a Spry collapsible panel in
    it. No problems
    > getting that to work, but I'd like to be able to use an
    image in the tab and
    > have that image 1) change on click to expand text and
    then 2) change back again
    > on collapse text. I've got #1 figured out but can't get
    the image to return
    > back to its original state on collapse. Basically, I'm
    using the image as a
    > "show detail" "hide detail" function. HELP! I know there
    must be a way to do
    > it. Or maybe a different way than Spry. You can view the
    page at
    >
    http://www.ivy-design.com/tip/people.html
    Looks like you want to use a toggle image. Try adding this to
    the script block at the top of the page:
    function toggleShowHideImages(imgID, personName){
    var img = MM_findObj(imgID);
    if(img.src.indexOf('-hide') > -1){ // if showing the
    hidden image
    MM_swapImage(imgID,'','images/bio-'+ personName
    +'-show.jpg',1);
    else{ // if showing the show image
    MM_swapImage(imgID,'','images/bio-'+ personName
    +'-hide.jpg',1);
    Then replace the current onmousedown with:
    onmousedown="toggleShowHideImages('tmShow', 'mccleary');"
    Also to get better/quicker responses, you should probably
    post questions that have to to with Dreamweaver and general web
    issues in the Dreamweaver group:
    http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=12&catid=189&entercat= y
    And ask questions that are specific to Spry in the Spry
    forums:
    http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | Adobe Community Expert

  • After Effects CC Script UI issues

    Hi there, some information I gleaned from discussions on the Indesign forum.
    Might be good to have one thread where various issues are discussed in one place.
    Keep in mind these issues being discussed over there are showing up in InDesign not After Effects.
    I have not tested these, it's just stuff others are talking about - I have yet to fix my scripts for CC.
    So if anybody has info... wishes to discuss....
    What people are talking about:
    The stacking order on Windows has changed to be the same as the Mac's.
    Horizontal Scrollbar and Vertical missing issue
    The unenabled icon button show's as the enabled one and some combination of both of them show when unenabled
         - issues with creation properties - toggle
    Image positions jump (a pixel) sometimes on clicking a radio button and sizes of panels have shrunk
    Treeview -  http://forums.adobe.com/thread/1235394?tstart=0
    - issues with foreground and background colors...
    Script UI fonts and sizes are locked.
    many events and listeners such as 'focus' or 'onDraw' not work as they did (or are simply discarded);
    the layout manager 'stack' orientation now causes weird problems;
    panels with {borderless:true} creation property are not borderless;
    other widgets don't support ScriptUIPen and ScriptUIBrush customization anymore;

    function buttonTest(txt){
                var win = new Window ("dialog","test",undefined);
                win.graphics.foregroundColor= win.graphics.newPen(win.graphics.PenType.SOLID_COLOR, [.7, .7, .7], 1);  
                win.graphics.backgroundColor= win.graphics.newBrush(win.graphics.BrushType.SOLID_COLOR, [.2, .2, .2], 1);  
                //add group
                 var b = win.add("group");
                 b.graphics.backgroundColor= b.graphics.newBrush(b.graphics.BrushType.SOLID_COLOR, [.5, .5, .7], 1);   
                 b.addEventListener ("click", function (m){handleMouseDown(m,b)});
                 //overlay text
                var bText= b.add('statictext',undefined,txt);
                bText.enabled=false;
                bText.preferredSize.width=300;
                var buttonClose = win.add("button",undefined,"Close");  buttonClose.preferredSize= [130,20];
                buttonClose.onClick = function (){ this.parent.close();}//close the window.
               // bText.onClick=function(){
                //On click works in the ESTK on a group not in AFX - so using an event listener.
                  //  this.parent.graphics.backgroundColor= this.parent.graphics.newBrush(this.parent.graphics.BrushType.SOLID_COLOR, [.1, .1, .8], 1);
                  //  $.sleep(300);
                  //  this.parent.graphics.backgroundColor= this.parent.graphics.newBrush(this.parent.graphics.BrushType.SOLID_COLOR, [.5, .5, .7], 1);
                //On click-------------------------------
                function handleMouseDown(ev,theButton){
                    theButton.graphics.backgroundColor = theButton.graphics.newBrush(theButton.graphics.BrushType.SOLID_COLOR, [.9, .1, .1], 1);
                //On click-------------------------------
                win.show();
    }//close
    buttonTest('Go on Click me...');

  • Is it possible to see the Drill down output in the expanded format by default in SSRS reports?

    Hi Guys,
    I have created a drill down report. If i preview my report , by default i can see the out put in the aggregated level and i have to drill  it to down levels if i want. My requirement is i want to see the data in the leaf level by default means report
    should be displayed in the expanded format to the leaf level, if i want i can drill up the report later. 
    Is this possible in SSRS? Can some one help me out on this?
    Thanks in advance.
    Regards,
    kiran

    Hi ,
    Thanks for the reply. but if i follow this steps i can see the output in the expanded format but + and - symbols will be interchanged. That means if i drill up i have (-) before the column name and if i drill down it will be (+). 
    For this to work you need to set properties initial appearance of toggle image
    see this example
    http://www.mssqltips.com/sqlservertip/1329/drill-down-techniques-in-ssrs-with-the-visibility-property/
    Please Mark This As Answer if it solved your issue
    Please Vote This As Helpful if it helps to solve your issue
    Visakh
    My Wiki User Page
    My MSDN Page
    My Personal Blog
    My Facebook Page

  • Hide icon in avant

    Hey guys,
    I'm getting happy w/ how my arch box is coming, and I suppose it's great if I'm starting to worry about nitpicky things like icons I don't want in my taskbar. I have awn and stalonetray loaded in my autostart.sh, and I know awn is doing what it's supposed to by showing an icon for stalonetray, but I'm thinking it's not something I want showing. Is there any way to get it to hide that icon?

    Hello,
    In your case, we can use (-) toggle image replace (+) image to work around the issue. Please refer to the following steps:
    Based on your design, click the Parent field text box.
    Select InitialToggleState property in the Properties dialog box.
    Then, filled with following expression:
    =IIF(Count(Fields!Details.Value)=0,True,False)
    Please refer to the screenshot below:
    If you have any questions, please feel free to let me know.
    Regards,
    Alisa Tang
    Alisa Tang
    TechNet Community Support

  • Cisco video ip phone E20,Starting failure.

    I can see the boot screen,is“TANDBERG E20”,But,the self view display。

    Jian Jie,
    Do you mean your E20 cannot boot up properly or do you mean you are not seeing the selfview camera image?
    If the unit cannot boot up properly, you may like to try the following to see if it helps :
    a) Boot up from the second image:
    1) Hold down the buttons '4' and '6' while plugging in the power cable. Hold until the red status led on top of the E20 start blinking.
      2) Click the button '4' twice to toggle image (led will blink faster on first click and then solid light at second click)
    or,
    b) factory reset the unit (if the application starts up).
    1) Press ' * ' twice
    2) Press 'Presentation'
    3) Press ' # ' twice 1) Press ' * ' twice
    2) Press 'Presentation'
    3) Press ' # ' twice
    Else, maybe you should raise a TAC case.

  • Movieclips to control buttons??

    I have an image carousel that plays automatically and also with the assistance of buttons (so users can toggle between the specific images they choose, rather than waiting for the whole thing to scroll though naturally). The buttons are set at 70% opacity, and on Hover and Down they increase to 100%.
    My trouble is this: I want each button to remain at 100% opacity while its corresponding MC is playing, so users are able to easily tell where in the carousel they are. The BTNs and MCs are named very simply btnN and mcN (n = One - Six). The relevant code I've got so far controls the playing of and toggling images ("one" through "six" are the frames on the timeline associated with each MC fading in and out).
    I was thinking there might be some way to use the frame numbers for each MC's duration (e.g. "one" plays from frame 1-100) in order to control how long the buttons stay at 100%, because there's no way to use actual time (like with TimerEvent) because the user can change from image to image at any time they choose. I just can't figure out what kind of function that would be, and what the syntax would look like. If someone would be so kind as to help me with that, I think I can use the upState=downState control to make the buttons look the way they ought to.
    This is what it looks like thus far:
    function imagePlay(event:MouseEvent):void
    if(event.target==btnOne) {
    mc_image_master.gotoAndPlay("one"); }
    if(event.target==btnTwo){
    mc_image_master.gotoAndPlay("two"); }
    if(event.target==btnThree){
    mc_image_master.gotoAndPlay("three"); }
    if(event.target==btnFour){
    mc_image_master.gotoAndPlay("four"); }
    if(event.target==btnFive){
    mc_image_master.gotoAndPlay("five"); }
    if(event.target==btnSix){
    mc_image_master.gotoAndPlay("six"); }
    btnOne.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    btnTwo.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    btnThree.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    btnFour.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    btnFive.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    btnSix.addEventListener(MouseEvent.MOUSE_DOWN, imagePlay);
    Any help would be greatly appreciated!

    Just use _parent. You can usually use the target tool in the
    actions window to give you the relative path from one clip to
    another.

  • OnMouseOver with buttons

    Hello,
    This may be a really stupid question but I can't find the answer anywhere so I'll toss it out here.
    I have a button and an image in my page1.jsp file. I've setup a function that when I click on the button it toggles the display of the image. Works just fine.
    Now, I want to have the same thing (toggling of the image display) happen onMouseOver of the button instead of having to click on it. How can this be done?
    I've tried setting the onMouseOver javascript function to "return toggleDisplay()" and then placing a javascript function in the JSP file, but the JavaScript debugger tells me that "function toggleDisplay() is not defined"
    Any pointer would be greatly appreciated!!
    Message was edited by:
    peppertech

    Here is the JSP code from the page1.jsp file.
    <?xml version="1.0" encoding="UTF-8"?>
    <jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
        <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
        <f:view>
            <ui:page binding="#{Page1.page1}" id="page1">
                <ui:html binding="#{Page1.html1}" id="html1">
                    <ui:head binding="#{Page1.head1}" id="head1">
                        <ui:link binding="#{Page1.link1}" id="link1" url="/resources/stylesheet.css"/>
                    </ui:head>
                    <ui:body binding="#{Page1.body1}" id="body1" style="-rave-layout: grid">
                    <script language="text/javascript">
                    function toggleDisplay(){
                        if (this.image1.isVisible() == true){
                            this.image1.setVisible(false);
                        }else{
                            this.image1.setVisible(true);
                        return null;
                    </script>
                        <ui:form binding="#{Page1.form1}" id="form1">
                            <ui:button action="#{Page1.button1_action}" binding="#{Page1.button1}" id="button1" onMouseOver="return toggleDisplay()"
                                style="left: 269px; top: 340px; position: absolute" text="Click to toggle image display"/>
                            <ui:image binding="#{Page1.image1}" id="image1" style="left: 300px; top: 190px; position: absolute" url="/resources/arsenal_crest.gif"/>
                        </ui:form>
                    </ui:body>
                </ui:html>
            </ui:page>
        </f:view>
    </jsp:root>**********************************

Maybe you are looking for

  • Cat TimesheetData dropdown doesn't refresh

    Hi Expert, In Cat WD application , we have a cell Absence use dynamic dropdown UI. when we click on the calendar, the timesheet data is refreshed, but not the dropdown list. Any idea ? thanks. Ben.J.

  • Migrate to the Java 2 security model instead...

    Since I installed Java 4 ver 1.4 on my computer, I have not been able to access my homebanking. In the Java console I get the following message: 1.4.0 on Windows XP Netscape security model is no longer supported. Please migrate to the Java 2 security

  • IMac 24"  Noise

    Just recieved my iMac 24" a couple of days ago and for the most part I love it. However, it makes a static sort of noise, very noticeable in a quiet room. I think this is the hard drive running. The noise is very intermittant, and is still present wi

  • Miix 2 8, Can't make a recovery drive!!

    Hi, Miix is less than a week old and I am trying to make a recovery drive, just in case. I followed the instructions here http://support.lenovo.com/en_US/downloads/detail.page?DocID=HT076024 But the first thing is the "Copy the recovery partition to

  • Essbase Cube Performance

    Hi, We have migrated Essbase applications and server to new server. But cube build is taking almost double time as compare to old server. Eventhough new server configuration is very powerfull (Processor - 3Ghz, RAM-8GB, Disk Space - 380 GB). All the