Drag Layer behavior problem in IE 6

I have created a simple page with a draggable layer. Works
fine in FF but if you
scroll to the bottom of the page in IE the layer is not
draggable any more. I first noticed this behavior when I created
layers with DW MX2004, so just to make sure, I dowloaded DW 8,
installed on a clean Win XP virtual PC, and the problem remains.
Please look at this example and tell me what I'm missing:
Example of draggable
layer

I have found the culprit, it is this code that DW
inserts at the top of the page:
quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http
://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Now, in the first place, I am wondering why dozens of other
users did not get the same problem, and secondly, what is the
correct code to place at the top of the page???

Similar Messages

  • Rotate images with Drag Layer?

    Is there any code to allow me to rotate the images that I'm
    using with the Dreamweaver Behavior "Drag Layer". I don't mean
    rotate as in change images, I mean actually rotating the image by
    dragging a selection handle any number of degrees a person wants
    to. Just like you can do in image editing programs. Besides being
    able to move images on the screen I also want people to be able to
    turn the images any way they want .
    Thanks.

    No. You woud have to do the whole thing in Flash to achieve
    something like
    this.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "rodable" <[email protected]> wrote in
    message
    news:egrfk2$o8t$[email protected]..
    > Is there any code to allow me to rotate the images that
    I'm using with the
    > Dreamweaver Behavior "Drag Layer". I don't mean rotate
    as in change
    > images, I
    > mean actually rotating the image by dragging a selection
    handle any number
    > of
    > degrees a person wants to. Just like you can do in image
    editing programs.
    > Besides being able to move images on the screen I also
    want people to be
    > able
    > to turn the images any way they want .
    > Thanks.
    >

  • Chess game variant - help using JLayeredPane and the drag layer.

    Hi there!
    I'm making a game based on chess, but with slightly different rules. The code at the bottom of this thread...
    http://forum.java.sun.com/thread.jspa?forumID=57&threadID=518707
    ... forms the basis of the game board, and this is how I have implemented the dragging and dropping of pieces. My game, however is slightly different as there is a single neutral piece (the ball), which players can manipulate by moving one of their pieces to the square containing the ball, then moving the ball to another location.
    When a player clicks and drags a piece to the ball square, then releases, I want to attach the 'ball' JLabel to the mouse so that the player can move it around the board WITHOUT holding down the mouse button. Then, when the player clicks again the ball is moved to the new square.
    The only problem I have is attaching the 'ball' to the mouse so I can move it around (without the user having to hold the mouse button down). I thought about tried using the drag layer, but I couldn't quite get that working. I also thought about using the mouseMoved(MouseEvent e) and mouseClicked(MouseEvent e) methods.
    I'm pretty new to this coding stuff, so any suggestions would be great.
    Thanks!

    Using the drag layer isn't going to work unless you are using an honest to goodness component for the ball. Your other option might be to try to use the glasspane, which is a pain in the neck, or a floating window component.
    In any case,I built the code below for dragging Windows around in a frame. You're free to use it but please site me in your school or business work
    package tjacobs.ui;
    import java.awt.*;
    import java.awt.event.*;
    public abstract class WindowUtilities {
    public static Point getBottomRightOfScreen(Component c) {
         Dimension scr_size = Toolkit.getDefaultToolkit().getScreenSize();
         Dimension c_size = c.getSize();
         return new Point(scr_size.width - c_size.width, scr_size.height - c_size.height);
         public static class Draggable extends MouseAdapter implements MouseMotionListener {
    Point mLastPoint;
    Window mWindow;
    public Draggable(Window w) {
    w.addMouseMotionListener(this);
    w.addMouseListener(this);
    mWindow = w;
    public void mousePressed(MouseEvent me) {
    mLastPoint = me.getPoint();
    public void mouseReleased(MouseEvent me) {
    mLastPoint = null;
    public void mouseMoved(MouseEvent me) {}
    public void mouseDragged(MouseEvent me) {
    int x, y;
    if (mLastPoint != null) {
    x = mWindow.getX() + (me.getX() - (int)mLastPoint.getX());
    y = mWindow.getY() + (me.getY() - (int)mLastPoint.getY());
    mWindow.setLocation(x, y);
    }

  • Drag and drop problem on Lion... doesn't work

    Hi,
    I have had a drag and drop problem since I installed Lion on my computer.  I grab a file and by the time i try to drop it on a folder it is not released.  This happens in all programs and it is really annoying,  finder, iphoto, mail, you name it.
    I've tried repairing disk permissions directly from lion and then from the repair disk partition and it has been no good.
    Any ideas???
    I have a MBP 15 in, 2.8 ghz intel core 2 duo.  4 gb ram.
    And hey, since i installed lion computer is soooooooooooo slow, any tips will be highly appreciated.

    drag and drop doesnt work at all, no matter what i try to do it doesnt work.
    on desktop i grab a file and then try to drop it on a folder and doesnt drop.
    on mail i grab an e-mail and try to place it on a folder and it doesnt drop.
    i movie i select some photos, try to drag them to the project area and they dont drop i have to copy/paste in order to transfer them.
    itunes i grab a file from my music library and try to drop it to a playlist and it doesnt drop
    it is really really annoying.
    any ideas????

  • Drag and drop problem from wizard inside another drop

    I am using JDK 1.5.0_11 Swing.
    I am facing a Drag and Drop problem which is described below:
    A drag and drop operation invokes a wizard, from which another wizard is invoked. Within one of the panels of this 2nd wizard, I am trying to do a drag and drop from a JTextarea to a JTree node, but am NOT able to. I am not getting any exceptions. I have written a transfer handler for the JTree node to handle the text transfers from a JTextArea. When I try to do a drag and drop from a JTree node to another JTree node I'm getting the 'InvalidDNDOperation: drag and drop in progress' exception.
    When the 2nd wizard is invoked directly, I am able to do the drag and drop from JTextArea to a JTree node and also from a JTree node to another JTree node.
    I tried spawning a new thread for the 2nd wizard, but am still unable to initiate drag and drop.
    Should I be spawning a new thread for the 1st wizard?
    Message was edited by:
    sbandyop

    Please post Swing questions in the Swing forum: http://forum.java.sun.com/forum.jspa?forumID=57

  • "write on" behavior problem

    I’ve drawn shapes many times with the “write on” behavior. All of a sudden, it’s not working. Here’s the problem. “Write On” completes drawing and then reverses a little bit on the last frame. I included frame shots. If anyone can help, I would appreciate it.
    Side note: I know I can do the same thing with key frames. However, I’d rather solve the “write on” behavior problem.

    Ah, nevermind! I think I may have solved the issue myself. It seems if you click on the Group tab to the left of the main timeline as opposed to the clip within the timeline, it allows you to change the group and scale it while also keeping different elements together. Could be helpful for anyone with a similar question.

  • Pls Help! Drag and Drop problem, identical symbols acting differently - same code! WHY?

    In the attached file, I have a series of symbols that have a drag and drop command to change colour at different sections of a bullseye, and that are also text editable (html).
    However, some of the symbols get stuck and will not be moved after moving once or at all, and some get stuck once their text has been edited.
    I have poured over the code and it appears to be the same for each symbol - can anyone explain as to why this is happening?
    I also cannot now edit the text properly on the ipad (it is really fiddly to change between different symbols to edit their text -- is there maybe a better way to do this? A button to change between symbols to then edit their text, can you help with this too?)
    THANK YOU SO MUCH!!!
    File here:
    https://www.dropbox.com/s/g71gnfichjgyehn/NEW%20RISK%20RADAR.zip

    Hi, I think I undertsand what you mean now, so the code is as below, btu I am not sure what a handler is? but some of my risks still get stuck once the text has been changed on them:
    // Use for loop for attr
    // deleted  yepnope since you load with scropt loading
    // added pos for each symbol so we can replace them there.
    document.ontouchmove = function(e) {
            e.preventDefault();
    var risk = ;
    var Pos = [
    {'x':-9,'y':806},
    {'x':27,'y':854},
    {'x':72,'y':894},
    {'x':71,'y':934},
    {'x':231,'y':811},
    {'x':231,'y':853},
    {'x':231,'y':894},
    {'x':231,'y':934},
    {'x':388,'y':811},
    {'x':388,'y':852},
    {'x':388,'y':893},
    {'x':388,'y':934},
    {'x':543,'y':811},
    {'x':543,'y':853},
    {'x':543,'y':893},
    {'x':543,'y':934}
    var myText = ; 
    for (i=0;i<risk.length;i++){
    sym.getSymbol(risk[i]).$(risk[i]).attr("contenteditable",true);
    sym.$('Quadrant_text').attr("contenteditable",true);
    sym.$('Quadrant1_text').attr("contenteditable",true);
    sym.$('Quadrant2_text').attr("contenteditable",true);
    sym.$('Quadrant3_text').attr("contenteditable",true);
    // apply the draggable JQuery UI plugin to the MyDraggableSymbol symbol on your stage
    sym.$('Risk1').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk1").stop("Initial");
      sym.setVariable("symName","Risk1");
    //adding for risk3_orange similarly add for other symbols
    sym.$('Risk1').draggable();
    sym.getSymbol('Risk1').$("Risk1").bind('click tap',function(ev) {
         sym.$('Risk1').draggable('disable');
    }).unbind('dblclick tap',function(ev) {
         sym.$('Risk1').draggable('enable');
    sym.$('Risk2').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk2").stop("Initial");
      sym.setVariable("symName","Risk2");
    //adding for Risk2 similarly add for other symbols
    sym.$('Risk2').draggable();
    sym.getSymbol('Risk2').$("Risk2").bind('click tap',function(ev) {
         sym.$('Risk2').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk2').draggable('enable');
    sym.$('Risk3').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk3").stop("Initial");
      sym.setVariable("symName","Risk3");
    //adding for Risk3 similarly add for other symbols
    sym.$('Risk3').draggable();
    sym.getSymbol('Risk3').$("Risk3").bind('click tap',function(ev) {
         sym.$('Risk3').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk3').draggable('enable');
    sym.$('Risk4').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk4").stop("Initial");
      sym.setVariable("symName","Risk4");
    //adding for Risk4 similarly add for other symbols
    sym.$('Risk4').draggable();
    sym.getSymbol('Risk4').$("Risk4").bind('click tap',function(ev) {
         sym.$('Risk4').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk4').draggable('enable');
    sym.$('Risk5').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk5").stop("Initial");
      sym.setVariable("symName","Risk5");
    //adding for Risk5 similarly add for other symbols
    sym.$('Risk5').draggable();
    sym.getSymbol('Risk5').$("Risk5").bind('click tap',function(ev) {
         sym.$('Risk5').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk5').draggable('enable');
    sym.$('Risk6').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk6").stop("Initial");
      sym.setVariable("symName","Risk6");
    //adding for Risk6 similarly add for other symbols
    sym.$('Risk6').draggable();
    sym.getSymbol('Risk6').$("Risk6").bind('click tap',function(ev) {
         sym.$('Risk6').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk6').draggable('enable');
    sym.$('Risk7').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk7").stop("Initial");
      sym.setVariable("symName","Risk7");
    //adding for Risk7 similarly add for other symbols
    sym.$('Risk7').draggable();
    sym.getSymbol('Risk7').$("Risk7").bind('click tap',function(ev) {
         sym.$('Risk7').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk7').draggable('enable');
    sym.$('Risk8').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk8").stop("Initial");
      sym.setVariable("symName","Risk8");
    //adding for Risk8 similarly add for other symbols
    sym.$('Risk8').draggable();
    sym.getSymbol('Risk8').$("Risk8").bind('click tap',function(ev) {
         sym.$('Risk8').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk8').draggable('enable');
    sym.$('Risk9').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk9").stop("Initial");
      sym.setVariable("symName","Risk9");
    //adding for Risk9 similarly add for other symbols
    sym.$('Risk9').draggable();
    sym.getSymbol('Risk9').$("Risk9").bind('click tap',function(ev) {
         sym.$('Risk9').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk9').draggable('enable');
    sym.$('Risk10').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk10").stop("Initial");
      sym.setVariable("symName","Risk10");
    //adding for Risk10 similarly add for other symbols
    sym.$('Risk10').draggable();
    sym.getSymbol('Risk10').$("Risk10").bind('click tap',function(ev) {
         sym.$('Risk10').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk10').draggable('enable');
    sym.$('Risk11').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk11").stop("Initial");
      sym.setVariable("symName","Risk11");
    //adding for Risk11 similarly add for other symbols
    sym.$('Risk11').draggable();
    sym.getSymbol('Risk11').$("Risk11").bind('click tap',function(ev) {
         sym.$('Risk11').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk11').draggable('enable');
    sym.$('Risk12').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk12").stop("Initial");
      sym.setVariable("symName","Risk12");
    //adding for Risk12 similarly add for other symbols
    sym.$('Risk12').draggable();
    sym.getSymbol('Risk12').$("Risk12").bind('click tap',function(ev) {
         sym.$('Risk12').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk12').draggable('enable');
    sym.$('Risk13').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk13").stop("Initial");
      sym.setVariable("symName","Risk13");
    //adding for Risk13 similarly add for other symbols
    sym.$('Risk13').draggable();
    sym.getSymbol('Risk13').$("Risk13").bind('click tap',function(ev) {
         sym.$('Risk13').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk13').draggable('enable');
    sym.$('Risk14').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk14").stop("Initial");
      sym.setVariable("symName","Risk14");
    //adding for Risk14 similarly add for other symbols
    sym.$('Risk14').draggable();
    sym.getSymbol('Risk14').$("Risk14").bind('click tap',function(ev) {
         sym.$('Risk14').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk14').draggable('enable');
    sym.$('Risk15').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk15").stop("Initial");
      sym.setVariable("symName","Risk15");
    //adding for Risk15 similarly add for other symbols
    sym.$('Risk15').draggable();
    sym.getSymbol('Risk15').$("Risk15").bind('click tap',function(ev) {
         sym.$('Risk15').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk15').draggable('enable');
    sym.$('Risk16').draggable(,
    drag: function(e,ui)
      sym.getSymbol("Risk16").stop("Initial");
      sym.setVariable("symName","Risk16");
    //adding for Risk16 similarly add for other symbols
    sym.$('Risk16').draggable();
    sym.getSymbol('Risk16').$("Risk16").bind('click tap',function(ev) {
         sym.$('Risk16').draggable('disable');
    }).bind('dblclick tap',function(ev) {
         sym.$('Risk16').draggable('enable');
    sym.getSymbol("Drop").$('Outer').droppable(
    sym.getSymbol("Drop").$('Middle').droppable(
    sym.getSymbol("Drop").$('Target').droppable(
    sym.$('resetBtn').click(function(){
      sym.$('Quadrant_text').html('Quadrant');
      sym.$('Quadrant1_text').html('Quadrant');
      sym.$('Quadrant2_text').html('Quadrant');
      sym.$('Quadrant3_text').html('Quadrant');
    for (i=0;i<risk.length;i++){
      sym.$(risk[i]).css({"left":Pos[i].x,"top":Pos[i].y,"position":"absolute"})
      sym.getSymbol(risk[i]).stop(0);
      sym.getSymbol(risk[i]).$(risk[i]).html("Challenge");
    But is still doesn't work,
    Subject: Re:  Pls Help! Drag and Drop problem, identical symbols acting differently - same code! WHY?

  • [svn] 3336: Fix an AIR drag and drop problem.

    Revision: 3336
    Author: [email protected]
    Date: 2008-09-24 12:24:27 -0700 (Wed, 24 Sep 2008)
    Log Message:
    Fix an AIR drag and drop problem.
    QE: YES
    Doc:
    Checkintests: Yes
    Reviewer: pfarland
    Bugs: SDK-17006
    Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-17006
    Modified Paths:
    flex/sdk/branches/3.0.x/frameworks/projects/airframework/src/mx/managers/NativeDragManage rImpl.as

    Update 2, if it can help someone:
    Finally I don't manage the drag and drop by myself using
    DragManager.doDrag(...). Why? Because doing so if the user clicks
    on the scrollbars, on the datagrid header or on an empty row, it
    triggers the drag start and that is ugly. By letting Flex managing
    the drag and drop process, this doesn't append. BUT I was unable to
    use a custom proxy image then. Until I found this article:
    http://www.dgrigg.com/post.cfm/11/03/2006/DataGrid-Drag-Image
    The trick is:
    1) save the mouseX and mouseY using the mousedown event.
    2) override dragImage(), as the article says, to create your
    custom proxy, attaching to it a FlexEvent.UPDATE_COMPLETE event,
    saving it to a class variable and returning it.
    3) When you receive the FlexEvent.UPDATE_COMPLETE event, you
    update the proxy position (that is saved in a class variable) using
    the saved mouseX and mouseY and you remove the listener to the
    event:
    When you drop the proxy, you access the dragged items in :
    event.dragSource.dataForFormat("items")
    Hope this helps, I spent lot of time trying to resolve this
    issue! Now it works perfectly! :-)

  • Help - JEditorPane drag selected text behavior/problem

    Hi All,
    I'm working at adding new functionality to the JEditorPane. Everything was going ok, but I noticed this interesting behavior that hopefully there is a solution to.
    When you select some text in the JEditorPane with the mouse and then drag the selected text to another location, the text moves just fine. However, depeding on when you drag the text, something interesting happens.
    Here is the senerio. While the text is already selected you noticed the cursor blinking.
    (1) If you drag the selected text while the blinking cursor IS visible, the cursor will continue to blink after you drag the text to its destination.
    (2) If you drag the selected text while the blinking cursor IS NOT visible, the cursor will be invisible after you drag the text to its destination.
    So (2) is really the problem. The only way I've been able to get the cursor to start blinking again is to issue a cut, copy or paste method from the JEditorPane object.
    Has anyone else found this problem and maybe a solution to it. I've disabled all the extra stuff I extended on the JEditorPane class, but it didn't seem to make a difference.
    Thanks.
    Justin Circelli

    There are several approaches. You can add FocusListener to the drop target or drag source and put your code in focusGained() or focusLost() accordingly.
    Another way is to return focus to the drag source if DnD failed as you tried. First check whether mouseReleased(0 is invoked. If it's invoked try to put your code into SwingUtilities.invokeLater()
    regards
    Stas

  • Drag AP Element Behavior Problem

    I have a draggable ap element (calendardiv) on my page. To my knowledge it is set up correctly. I have created one of these before. For some reason now, when I preview the page in a browser...the ap div location shifts to the right side of the browser when I try to drag the element. As you can see I have a projector screen-type setup where all I want it to do is pull straight down centered in the page. What am I missing so that it stays in the middle rather shifting to the right side when I try to drag it? Code below (areas in bold)...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Advanced Computers</title>
    <style type="text/css">
    <!--
    body {
        background-color: #333;
        background-image: url(Images/chalkboardbg.png);
        background-repeat: no-repeat;
        background-position: center top;
        font-family: Calibri;
    #bannerdiv {
        position:absolute;
        left:50%;
        top:0px;
        width:400px;
        height:200px;
        z-index:1;
        background-image: url(Images/banner.png);
        margin-left: -500px;
    #introimgdiv {
        position:absolute;
        left:50%;
        top:0px;
        width:600px;
        height:100px;
        z-index:1;
        background-image: url(Images/introimg.png);
        margin-left: -100px;
    #paperdiv {
        position:absolute;
        left:50%;
        top:100px;
        width:300px;
        height:400px;
        z-index:1;
        background-image: url(Images/paper.png);
        margin-left: 200px;
    #plannerdiv {
        position:absolute;
        left:50%;
        top:130px;
        width:245px;
        height:330px;
        z-index:3;
        margin-left: 225px;
    #tape1div {
        position:absolute;
        left:50%;
        top:80px;
        width:150px;
        height:100px;
        z-index:2;
        background-image: url(Images/tape1.png);
        margin-left: 150px;
    #tape2div {
        position:absolute;
        left:50%;
        top:80px;
        width:150px;
        height:100px;
        z-index:2;
        background-image: url(Images/tape2.png);
        margin-left: 400px;
    #calendardiv {
        position:absolute;
        left:50%;
        top:-600px;
        width:800px;
        z-index:4;
        margin-left: -400px;
        height: 1050px;
        text-align: center;
    #calbtn {
        height: 50px;
        width: 100px;
        visibility: hidden;
        margin-left: 350px;
        margin-right: 350px;
    #googlecaldiv {
        height: 598px;
        width: 796px;
        border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        -khtml-border-radius: 0px 0px 10px 10px;
        background-color: #FFF;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-color: #000;
        border-bottom-color: #000;
        border-left-color: #000;
    -->
    </style>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_effectAppearFade(targetElement, duration, from, to, toggle)
        Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
    function MM_scanStyles(obj, prop) { //v9.0
      var inlineStyle = null; var ccProp = prop; var dash = ccProp.indexOf("-");
      while (dash != -1){ccProp = ccProp.substring(0, dash) + ccProp.substring(dash+1,dash+2).toUpperCase() + ccProp.substring(dash+2); dash = ccProp.indexOf("-");}
      inlineStyle = eval("obj.style." + ccProp);
      if(inlineStyle) return inlineStyle;
      var ss = document.styleSheets;
      for (var x = 0; x < ss.length; x++) { var rules = ss[x].cssRules;
        for (var y = 0; y < rules.length; y++) { var z = rules[y].style;
          if(z[prop] && (rules[y].selectorText == '*[ID"' + obj.id + '"]' || rules[y].selectorText == '#' + obj.id)) {
            return z[prop];
      }  }  }  return "";
    function MM_getProp(obj, prop) { //v8.0
      if (!obj) return ("");
      if (prop == "L") return obj.offsetLeft;
      else if (prop == "T") return obj.offsetTop;
      else if (prop == "W") return obj.offsetWidth;
      else if (prop == "H") return obj.offsetHeight;
      else {
        if (typeof(window.getComputedStyle) == "undefined") {
            if (typeof(obj.currentStyle) == "undefined"){
                if (prop == "P") return MM_scanStyles(obj,"position");
            else if (prop == "Z") return MM_scanStyles(obj,"z-index");
            else if (prop == "V") return MM_scanStyles(obj,"visibility");
            } else {
              if (prop == "P") return obj.currentStyle.position;
            else if (prop == "Z") return obj.currentStyle.zIndex;
            else if (prop == "V") return obj.currentStyle.visibility;
        } else {
            if (prop == "P") return window.getComputedStyle(obj,null).getPropertyValue("position");
          else if (prop == "Z") return window.getComputedStyle(obj,null).getPropertyValue("z-index");
          else if (prop == "V") return window.getComputedStyle(obj,null).getPropertyValue("visibility");
    function MM_dragLayer(objId,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,d ragJS) { //v9.01
      //Copyright 2005-2006 Adobe Macromedia Software LLC and its licensors. All rights reserved.
      var i,j,aLayer,retVal,curDrag=null,curLeft,curTop,IE=document.all;
      var NS=(!IE&&document.getElementById); if (!IE && !NS) return false;
      retVal = true; if(IE && event) event.returnValue = true;
      if (MM_dragLayer.arguments.length > 1) {
        curDrag = document.getElementById(objId); if (!curDrag) return false;
        if (!document.allLayers) { document.allLayers = new Array();
          with (document){ if (NS) { var spns = getElementsByTagName("span"); var all = getElementsByTagName("div");
            for (i=0;i<spns.length;i++) if (MM_getProp(spns[i],'P')) allLayers[allLayers.length]=spns[i];}
            for (i=0;i<all.length;i++) {
                if (MM_getProp(all[i],'P')) allLayers[allLayers.length]=all[i];
        curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
        curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
        curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
        curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
        curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
        curDrag.MM_oldZ = MM_getProp(curDrag,'Z');
        curLeft = MM_getProp(curDrag,'L');
        if (String(curLeft)=="NaN") curLeft=0; curDrag.MM_startL = curLeft;
        curTop = MM_getProp(curDrag,'T');
        if (String(curTop)=="NaN") curTop=0; curDrag.MM_startT = curTop;
        curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop-cU;
        curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop+cD;
        curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
        document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
        if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
        } else {
        var theEvent = ((NS)?objId.type:event.type);
        if (theEvent == 'mousedown') {
          var mouseX = (NS)?objId.pageX : event.clientX + document.body.scrollLeft;
          var mouseY = (NS)?objId.pageY : event.clientY + document.body.scrollTop;
          var maxDragZ=null; document.MM_maxZ = 0;
          for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
            var aLayerZ = MM_getProp(aLayer,'Z');
            if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
            var isVisible = (MM_getProp(aLayer,'V')).indexOf('hid') == -1;
            if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
              var parentL=0; var parentT=0;
              if (NS) { parentLayer = aLayer.parentNode;
                while (parentLayer != null && parentLayer != document && MM_getProp(parentLayer,'P')) {
                  parentL += parseInt(MM_getProp(parentLayer,'L')); parentT += parseInt(MM_getProp(parentLayer,'T'));
                  parentLayer = parentLayer.parentNode;
                  if (parentLayer==document) parentLayer = null;
              } } else if (IE) { parentLayer = aLayer.parentElement;      
                while (parentLayer != null && MM_getProp(parentLayer,'P')) {
                  parentL += MM_getProp(parentLayer,'L'); parentT += MM_getProp(parentLayer,'T');
                  parentLayer = parentLayer.parentElement; } }
              var tmpX=mouseX-((MM_getProp(aLayer,'L'))+parentL+MM_hLeft);
              var tmpY=mouseY-((MM_getProp(aLayer,'T'))+parentT+MM_hTop);
              if (String(tmpX)=="NaN") tmpX=0; if (String(tmpY)=="NaN") tmpY=0;
              var tmpW = MM_hWidth;  if (tmpW <= 0) tmpW += MM_getProp(aLayer,'W');
              var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += MM_getProp(aLayer,'H');
              if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
                  || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
          if (curDrag) {
            document.onmousemove = MM_dragLayer;
            curLeft = MM_getProp(curDrag,'L');
            curTop = MM_getProp(curDrag,'T');
            if (String(curLeft)=="NaN") curLeft=0; if (String(curTop)=="NaN") curTop=0;
            MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
            document.MM_curDrag = curDrag;  curDrag.MM_SNAPPED=false;
            if(curDrag.MM_toFront) {
              var newZ = parseInt(document.MM_maxZ)+1;
              eval('curDrag.'+('style.')+'zIndex=newZ');
              if (!curDrag.MM_dropBack) document.MM_maxZ++; }
            retVal = false; if(!NS) event.returnValue = false;
        } } else if (theEvent == 'mousemove') {
          if (document.MM_curDrag) with (document.MM_curDrag) {
            var mouseX = (NS)?objId.pageX : event.clientX + document.body.scrollLeft;
            var mouseY = (NS)?objId.pageY : event.clientY + document.body.scrollTop;
            var newLeft = mouseX-MM_oldX; var newTop  = mouseY-MM_oldY;
            if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
            if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
            if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);
            if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);
            MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
            if (NS){style.left = newLeft + "px"; style.top = newTop + "px";}
            else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
            if (MM_dragJS) eval(MM_dragJS);
            retVal = false; if(!NS) event.returnValue = false;
        } } else if (theEvent == 'mouseup') {
          document.onmousemove = null;
          if (NS) document.releaseEvents(Event.MOUSEMOVE);
          if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
          if (document.MM_curDrag) with (document.MM_curDrag) {
            if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
                (Math.pow(MM_targL-(MM_getProp(document.MM_curDrag,'L')),2)+
                 Math.pow(MM_targT-(MM_getProp(document.MM_curDrag,'T')),2))<=MM_tol) {
              if (NS) {style.left = MM_targL + "px"; style.top = MM_targT + "px";}
              else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
              MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
            if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
            if(MM_dropBack) {style.zIndex = MM_oldZ;}
            retVal = false; if(!NS) event.returnValue = false; }
          document.MM_curDrag = null;
        if (NS) document.routeEvent(objId);
      } return retVal;
    //-->
    </script>
    </head>
    <body onload="MM_dragLayer('calendardiv','',375,600,50,400,false,false,0,600,0,0,false,false,0, '',true,'')">
    <div id="bannerdiv"></div>
    <div id="introimgdiv"></div>
    <div id="paperdiv"></div>
    <div id="plannerdiv">
    Weekly Planner<br />
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Monday</li>
          <li class="TabbedPanelsTab" tabindex="0">Tuesday</li>
          <li class="TabbedPanelsTab" tabindex="0">Wednesday</li>
          <li class="TabbedPanelsTab" tabindex="0">Thursday</li>
          <li class="TabbedPanelsTab" tabindex="0">Friday</li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">Monday's Content</div>
          <div class="TabbedPanelsContent">Tuesday's Content</div>
          <div class="TabbedPanelsContent">Wednesday's Content</div>
          <div class="TabbedPanelsContent">Thursday's Content</div>
          <div class="TabbedPanelsContent">Friday's Content</div>
        </div>
      </div>
    </div>
    <div id="tape1div"></div>
    <div id="tape2div"></div>
    <div id="calendardiv">
      <div class="googlecaldiv" id="googlecaldiv"></div>
    <img src="Assets/screencord.png" width="50" height="400" onmouseout="MM_effectAppearFade('calbtn', 1000, 100, 0, false)" onmouseover="MM_effectAppearFade('calbtn', 1000, 0, 100, false)" /><br />
      <div class="calbtn" id="calbtn"><img src="Images/calendarbtn.png" width="100" height="50" alt="Calendar" /></div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    //-->
    </script>
    </body>
    </html>

    hollowayolemiss wrote:
    I have a draggable ap element (calendardiv) on my page. To my knowledge it is set up correctly. I have created one of these before. For some reason now, when I preview the page in a browser...the ap div location shifts to the right side of the browser when I try to drag the element. As you can see I have a projector screen-type setup where all I want it to do is pull straight down centered in the page. What am I missing so that it stays in the middle rather shifting to the right side when I try to drag it? Code below (areas in bold)...
    The page is doing exactly what it is supposed to be doing.  Dragged absolute positioned divs is not a good way to start out with web design and will only lead you to further problems.  The divs are staying on the page, but they are positioned relative to the page edges. So as resolution changes so does the position of the div, especially since you even have some relative positions based on a percentage width.  If you want something centered on the page, you should first center a relative positioned div with a defined width and a margin attribute set to "margin: 0 auto;".  Then position your content in that and it will always be centered on a page.  This is not possible with absolute positioning.

  • Photoshop CC option-click-layer behavior change -- layers now flatten/disappear

    I used to option-click on layers all the time to do various tasks. Now, in Photoshop CC 2014.2.2 I can no longer option-click a layer to copy a layer effect, or apply a clipping mask. Instead, as soon as I click on a layer with the option key engaged, all layers disappear/flatten into one "background layer".
    What's changed? And how do I now copy layer effects from one layer to another? The documentation says "drag onto destination layer" but this merely moves the effect from one layer to another, does not copy it. Option-Dragging used to copy an effect, but now any use of the option key flattens all layers together.

    Ehh, that shouldn't happen. I just used that feature in Photoshop CC 2014 and it worked fine. Perhaps you should try a preference reset: Hold Cmd+Opt+Shift as you initiate Photoshop's startup. Select "yes" when asked if you would like to continue with reset.
    Benjamin

  • Sequel Search Server Behaviors Problem

    This code was made with php-msql server behaviors - recordset
    pull down's....
    I have a form to search for firstname or lastname or both but
    I'm not getting the right results
    SELECT * FROM phonebook WHERE firstname LIKE %s and lastname
    LIKE %s
    problem 1 - if I have NOTHING in the form then *all* records
    get returned
    I guess the problem is with blank form fields?
    Q: How can I fix this?
    full query below...

    still curious about this - thanks in advance

  • FileSystemList drag and drop problem

    Sorry, if this question was answered before, but I haven't found any solution
    So, I have a problem with dragging and droping data(files) between two FileSystemLists
    TypeError: Error #1034: Type Coercion failed: cannot convert Object@9a436c9 to flash.filesystem.File.
        at mx.collections::ListCollectionView/addItemsToView()[C:\autobuild\3.4.0\frameworks\project s\framework\src\mx\collections\ListCollectionView.as:912]
        at mx.collections::ListCollectionView/listChangeHandler()[C:\autobuild\3.4.0\frameworks\proj ects\framework\src\mx\collections\ListCollectionView.as:1080]
        at flash.events::EventDispatcher/dispatchEventFunction()
        at flash.events::EventDispatcher/dispatchEvent()
        at mx.collections::ArrayList/internalDispatchEvent()[C:\autobuild\3.4.0\frameworks\projects\ framework\src\mx\collections\ArrayList.as:528]
        at mx.collections::ArrayList/addItemAt()[C:\autobuild\3.4.0\frameworks\projects\framework\sr c\mx\collections\ArrayList.as:309]
        at mx.collections::ListCollectionView/addItemAt()[C:\autobuild\3.4.0\frameworks\projects\fra mework\src\mx\collections\ListCollectionView.as:501]
        at ListCollectionViewCursor/insert()[C:\autobuild\3.4.0\frameworks\projects\framework\src\mx \collections\ListCollectionView.as:1892]
        at mx.controls.listClasses::ListBase/dragDropHandler()[C:\autobuild\3.4.0\frameworks\project s\framework\src\mx\controls\listClasses\ListBase.as:9313]
        at flash.events::EventDispatcher/dispatchEventFunction()
        at flash.events::EventDispatcher/dispatchEvent()
        at mx.core::UIComponent/dispatchEvent()[C:\autobuild\3.4.0\frameworks\projects\framework\src \mx\core\UIComponent.as:9408]
        at mx.managers::NativeDragManagerImpl/_dispatchDragEvent()[C:\autobuild\3.4.0\frameworks\pro jects\airframework\src\mx\managers\NativeDragManagerImpl.as:625]
        at mx.managers::NativeDragManagerImpl/nativeDragEventHandler()[C:\autobuild\3.4.0\frameworks \projects\airframework\src\mx\managers\NativeDragManagerImpl.as:598]
    And  a piece of code related to lists:
    <mx:FileSystemList id="fileListFrom"
                           left="20" top="50"
                           width="{width/2-100}" height="{height/2-30}"
                           dragEnabled="true"  allowMultipleSelection="true" allowDragSelection="true"
                           extensions="{allowedFiles}" nativeDragEnter="onDragEnter(event)"
                           />
      <mx:FileSystemList id="fileListTo" directory="{File.applicationStorageDirectory.resolvePath('Files//')}"
                           right="20" top="50"
                           width="{width/2-100}" height="{height/2-30}"
                           dropEnabled="true" allowMultipleSelection="true"
                           extensions="{allowedFiles}"
                           dragDrop="dragDropHandler(event)"   />
        <mx:Script>
            <![CDATA[
              import mx.events.DragEvent;
                import flash.desktop.NativeDragManager;
                import flash.desktop.NativeDragActions;
              [Bindable]
                private var allowedFiles:Array =['.txt', '.pdf'];
                private function onDragEnter(event:NativeDragEvent):void {
                    NativeDragManager.acceptDragDrop(fileListTo);
              protected function dragDropHandler(event:DragEvent):void{
                    copyFiles();
                private function copyFiles():void{
                    var selectedFiles:Array = fileListFrom.selectedPaths;
                    for(var i:Number = 0; i<selectedFiles.length; i++){
                        var file:File = new File(selectedFiles[i]);
                        if(!file.isDirectory){
                            file.addEventListener(Event.COMPLETE,refreshHandler);
                            var destination:File = fileListTo.directory.resolvePath(file.name);
                            file.copyToAsync(destination,true);
            ]]>
        </mx:Script>
    Sorry, I'm newbie in Flex and Air, but can anybody help me?

    I'm wondering if you can figure out exactly what line is giving the error, or else provide a simplified yet "complete" code set we can compile that we can compile and investigate.

  • Drag-n-Drop problem in DataGrid with custom ItemRenderer

    Hi,
    I am trying to use a DataGrid to set the ordering of a group
    of images.
    I want to do this with a DataGrid which will show me some
    properties of
    the images in different columns including a thumbnail of the
    image. The
    problem is when I use any custom renderer for any column, the
    draging is
    not working. It works fine when I don't use any ItemRenderer.
    My code looks something like this:
    <mx:DataGrid dragEnabled= "true" dropEnabled= "true"
    dragMoveEnabled= "true">
    <mx:columns>
    <mx:DataGridColumn headerText="Thumb" itemRenderer=
    "component. GridImageRenderer"/>
    <mx:DataGridColumn headerText="Current name" width="100"
    itemRenderer= "component. NameRenderer" />
    <mx:DataGridColumn headerText="New name" width="150"
    dataField="nameNew" />
    </mx:columns>
    </mx:DataGrid>
    Can anyone please give me any clue how to fix this?
    Regards,
    ~ Arif

    Hello again, BinaryDigit.
    I thought we need to apply Drag n drop API for this case.
    Without wasting too much time,
    I tried out as your source code from the previous reply,,,
    Instead of getting it clearly, I got another Confusion... (pardon me)
    Let me clarify this with the examples given,
    I try to adopt previous source code
    and it was this detail;
    1) Taking the X and Y coordinate (from the mouseEvent) Plus jLabel1 coordinate (both X and Y).
    2) Positioning a Coordinate taken to JLabel1
    3) Passing the Coordinate taken to jLabelX, and jLabelY.
    The problem found was;
    if we make 3rd become comments, now the jLabel1
    could works!
    I mean, jLabel1 could be dragged to another Coordinate (by dragging it to another location)
    But,
    if we un-comments the 3rd source code,
    The effect would be no movement of the jLabel1.
    BinaryDigit, is this related to the layout you mentioned before?
    Correct, DarrylBurke! :D
    I thought also the same thing,
    but setLocation() give me another Confusion....
    the coordinate seems taking its basement as a reference.
    I mean, the jLabel Coordinate's is referenced
    from the panel where the jLabel is attached to,
    rather than the Coordinate's of the base jFrame (main base -what should I call this?)
    Sorry, the Details number three (3) is my preference, Since I wanted to see the X, Y movements also.

  • Drag and drop problem using  NW04 SPS 19

    Hi,
    we have a problem using drag and drop between two input fields. If i use this functionality i get after some minutes a message "A script on this page is causing IE to run slowly. If it continues to run, your computer may become unresponsive. Do you wan't to abort the script?"
    Any idea to solve the problem?
    If i try the same functionality on NW04s - it works fine.
    Thanks in advance
    Stefan

    closed

Maybe you are looking for