11 Replies Latest reply: Jan 13, 2007 11:09 AM by nijocamus RSS

    Safari not work with dragLayer

    ingramre Community Member
      I've created a small puzzle that involves putting some pieces together as the text for each corresponding piece is displayed. See it at: http://coe.jmu.edu/mathvidslc/jigsaw . This works fine in IE on PC; on the Mac, it works with Firefox but not Safari and Opera. For Safari and Opera, when you drag a puzzle piece to any locaiton, it jumps back to the original location as soon as you end MouseOver. Ideas on how to make this compatible with Safari/Opera on Mac (OSX).
        • 1. Re: Safari not work with dragLayer
          Newsgroup_User Community Member
          I was able to assemble the puzzle in Safari, but it works only of you
          let go of the puzzle piece *exactly* where it's supposed to go. If
          you're off by a pixel or two, it flies back home. Or almost back home.
          (Clue?)But the first time I did it, Safari crashed, so there is
          definitely a problem. I'm pretty sure you just can't drag layers in
          Opera (or at least you couldn't in earlier versions) but I don't know if
          you are supposed to be able to in Safari. Sorry I can't help you. I have
          never used this script.

          --
          James M. Shook
          http://www.jshook.com
          • 2. Re: Safari not work with dragLayer
            Newsgroup_User Community Member
            Pretty much by accident I ran
            http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fcoe.j mu.edu%2Fmathvidslc%2Fjigsaw%2F

            it seems to want a unit. ie 120px. It could be worth checking out. Sorry I
            don't have a definitive answer but would really like to know if this helps.

            --
            Jo


            "ingramre" <webforumsuser@macromedia.com> wrote in message
            news:eg0uiu$14u$1@forums.macromedia.com...
            > I've created a small puzzle that involves putting some pieces together as
            > the
            > text for each corresponding piece is displayed. See it at:
            > http://coe.jmu.edu/mathvidslc/jigsaw . This works fine in IE on PC; on
            > the
            > Mac, it works with Firefox but not Safari and Opera. For Safari and
            > Opera,
            > when you drag a puzzle piece to any locaiton, it jumps back to the
            > original
            > location as soon as you end MouseOver. Ideas on how to make this
            > compatible
            > with Safari/Opera on Mac (OSX).
            >


            • 3. Re: Safari not work with dragLayer
              ingramre Community Member
              Thanks for taking a look James. Like your website.
              • 4. Re: Safari not work with dragLayer
                ingramre Community Member
                Thanks for running the validator. I added the unit (px) and now it validates OK. Unfortunately, it still doesn't work.
                • 5. Re: Safari not work with dragLayer
                  Newsgroup_User Community Member
                  ingramre wrote:

                  > Thanks for running the validator. I added the unit (px) and now it validates OK. Unfortunately, it still doesn't work.


                  A simple google search uncovers this. Please note at the end of the
                  text, before you start changing any files, that Safari is not compatible
                  with this behaviour.


                  http://www.communitymx.com/blog/index.cfm?newsid=285

                  • 6. Safari not work with dragLayer
                    nijocamus Community Member
                    This is not my experience -- I have gotten the draglayer behavior to work in safari; however, my problem is that what makes this command work in Safari causes it to *not* work in IE(5.2). The general problem with draglayer appears to be that if your layer contains a large image, then half or more of the time you end up selecting and dragging the image rather than the layer. If you accidentally get the image, then, unless you drag it all the way out of the window, in which case it would save to your desktop, it will jump back to the location of the unmoved layer on MouseUp. it's also ugly, cause you see the blue-grey of the highlighted image. What I did that worked *in Safari* was to create an image map on the image that was in my layer, and then, with this image map selected, choose draglayer from the behaviors + box, and (and this is important) change the event to MouseDown. This works pretty well - if you drag where you see the little hand (over the image map), you will consistently select and drag the layer this way. If your image extends out beyond the image map (mine did, cause it has transparent sections), you can still select the image by mistake if you are over the image but not the image map area. The PROBLEM is that this does NOT work in IE -- if you set things up this way, then in IE (I have 5.2 on a mac) when you start dragging the layer, it starts ok, but after a short time/distance (not sure which) all of a sudden your selection will switch on you, and you will be dragging the selected image rather than the layer. If you drag really really really slowly, you can make it work, but what user would put up with that?

                    I could get drag layer to work pretty well in IE if I select the <body> tag for attaching the behavior to the layer, and then selected use section of layer (I think use entire layer works also)...but this way of coding it causes disasters in Safari.

                    Anyone have any suggestions????

                    (I am using an old version of Dreamweaver -- MX from 2002 or 03 -- and I don't know very much about dhtml or javascript)
                    • 7. Re: Safari not work with dragLayer
                      Newsgroup_User Community Member
                      If your question is whether you should decide to support Safari or IE5.2,
                      that answer should be easy, no?

                      --
                      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
                      ==================


                      "nijocamus" <webforumsuser@macromedia.com> wrote in message
                      news:ensqk1$574$1@forums.macromedia.com...
                      > This is not my experience -- I have gotten the draglayer behavior to work
                      > in
                      > safari; however, my problem is that what makes this command work in Safari
                      > causes it to *not* work in IE(5.2). The general problem with draglayer
                      > appears
                      > to be that if your layer contains a large image, then half or more of the
                      > time
                      > you end up selecting and dragging the image rather than the layer. If you
                      > accidentally get the image, then, unless you drag it all the way out of
                      > the
                      > window, in which case it would save to your desktop, it will jump back to
                      > the
                      > location of the unmoved layer on MouseUp. it's also ugly, cause you see
                      > the
                      > blue-grey of the highlighted image. What I did that worked *in Safari*
                      > was to
                      > create an image map on the image that was in my layer, and then, with this
                      > image map selected, choose draglayer from the behaviors + box, and (and
                      > this is
                      > important) change the event to MouseDown. This works pretty well - if you
                      > drag
                      > where you see the little hand (over the image map), you will consistently
                      > select and drag the layer this way. If your image extends out beyond the
                      > image
                      > map (mine did, cause it has transparent sections), you can still select
                      > the
                      > image by mistake if you are over the image but not the image map area.
                      > The
                      > PROBLEM is that this does NOT work in IE -- if you set things up this way,
                      > then
                      > in IE (I have 5.2 on a mac) when you start dragging the layer, it starts
                      > ok,
                      > but after a short time/distance (not sure which) all of a sudden your
                      > selection
                      > will switch on you, and you will be dragging the selected image rather
                      > than the
                      > layer. If you drag really really really slowly, you can make it work, but
                      > what
                      > user would put up with that?
                      >
                      > I could get drag layer to work pretty well in IE if I select the <body>
                      > tag
                      > for attaching the behavior to the layer, and then selected use section of
                      > layer
                      > (I think use entire layer works also)...but this way of coding it causes
                      > disasters in Safari.
                      >
                      > Anyone have any suggestions????
                      >


                      • 8. Re: Safari not work with dragLayer
                        Newsgroup_User Community Member
                        nijocamus wrote:
                        > This is not my experience -- I have gotten the draglayer behavior to work in
                        > safari; however, my problem is that what makes this command work in Safari
                        > causes it to *not* work in IE(5.2). The general problem with draglayer appears
                        > to be that if your layer contains a large image, then half or more of the time
                        > you end up selecting and dragging the image rather than the layer. If you
                        > accidentally get the image, then, unless you drag it all the way out of the
                        > window, in which case it would save to your desktop, it will jump back to the
                        > location of the unmoved layer on MouseUp. it's also ugly, cause you see the
                        > blue-grey of the highlighted image. What I did that worked *in Safari* was to
                        > create an image map on the image that was in my layer, and then, with this
                        > image map selected, choose draglayer from the behaviors + box, and (and this is
                        > important) change the event to MouseDown. This works pretty well - if you drag
                        > where you see the little hand (over the image map), you will consistently
                        > select and drag the layer this way. If your image extends out beyond the image
                        > map (mine did, cause it has transparent sections), you can still select the
                        > image by mistake if you are over the image but not the image map area. The
                        > PROBLEM is that this does NOT work in IE -- if you set things up this way, then
                        > in IE (I have 5.2 on a mac) when you start dragging the layer, it starts ok,
                        > but after a short time/distance (not sure which) all of a sudden your selection
                        > will switch on you, and you will be dragging the selected image rather than the
                        > layer. If you drag really really really slowly, you can make it work, but what
                        > user would put up with that?
                        >
                        > I could get drag layer to work pretty well in IE if I select the <body> tag
                        > for attaching the behavior to the layer, and then selected use section of layer
                        > (I think use entire layer works also)...but this way of coding it causes
                        > disasters in Safari.
                        >
                        > Anyone have any suggestions????
                        >

                        forget about IE5? It's not used anymore -Mac people use Safari (or FireFox or Opera)

                        --
                        seb ( ---@webtrans1.com)
                        http://webtrans1.com | high-end web design
                        Downloads: Slide Show, Directory Browser, Mailing List
                        • 9. Safari not work with dragLayer
                          nijocamus Community Member
                          Actually, perhaps you advise me on which browsers I need to support (I tend to check safari and IE 5.2, cause that's what I have). I'm putting together a portfolio for job hunting in an industry that is really mixed on PC vs mac -- PC because that's what runs autocad and Mac b/c that's what graphic designers tend to prefer. So, my portfolio will need to work on both platforms. It's also an industry with primarily non-profit clients, so people rarely have the 'latest and greatest' upgrades. Given this, what browser or browsers, would you recommend? I know everyone with a mac can get firefox (althoug many jsut use safari) -- what about the PC folks, what version of IE is it recommended that one design for?

                          Also, for using draglayer and timeline functions, does anyone know whether I would have significantly better results if I bit the bullet and upgraded to a current version of dreamweaver? (I have MX from about 2002)

                          thanks!
                          nijocamus
                          • 10. Re: Safari not work with dragLayer
                            Newsgroup_User Community Member
                            IE and Firefox are the biggies right now.

                            But you should always design with ALL browsers in mind. If you do your
                            coding correctly you shouldn't have any problems with any browser.

                            That being said, you could also run stats on the browser type that visits
                            the web site to let you know for sure who's using what.



                            "nijocamus" <webforumsuser@macromedia.com> wrote in message
                            news:enttt9$heh$1@forums.macromedia.com...
                            > Actually, perhaps you advise me on which browsers I need to support (I
                            > tend to
                            > check safari and IE 5.2, cause that's what I have). I'm putting together
                            > a
                            > portfolio for job hunting in an industry that is really mixed on PC vs
                            > mac --
                            > PC because that's what runs autocad and Mac b/c that's what graphic
                            > designers
                            > tend to prefer. So, my portfolio will need to work on both platforms.
                            > It's
                            > also an industry with primarily non-profit clients, so people rarely have
                            > the
                            > 'latest and greatest' upgrades. Given this, what browser or browsers,
                            > would
                            > you recommend? I know everyone with a mac can get firefox (althoug many
                            > jsut
                            > use safari) -- what about the PC folks, what version of IE is it
                            > recommended
                            > that one design for?
                            >
                            > thanks!
                            > nijocamus
                            >


                            • 11. Re: Safari not work with dragLayer
                              nijocamus Community Member
                              OK - thanks for the heads up on Mac IE5.2 -- didn't realize mac IE was no longer supported, nor how outdated IE5.2 is. My draglayer script that worked in Safari also worked just fine in Firefox on mac and in IE6 on a PC. (Sorry I'm sooooo out of date here...)