4 Replies Latest reply on Jun 7, 2006 11:07 AM by Newsgroup_User

    OT: how does the site do this

    Level 7
      Hi

      At these sites: www.pageflakes.com and www.netvibes.com they are able to
      drag and drop sections of the screen around from one area to another. Does
      anyone know how they do this and have any pointers to tutorials or 3rd party
      components?

      Thanks

      Brendan

      ______________________________________________
      Rate your experiences with your UK and Ireland builders at
      http://www.ratethebuilder.co.uk
      =========================================


        • 1. Re: how does the site do this
          Level 7
          > At these sites: www.pageflakes.com and www.netvibes.com they are able to
          > drag and drop sections of the screen around from one area to another. Does
          > anyone know how they do this and have any pointers to tutorials or 3rd
          > party components?

          http://www.pageflakes.com/LiveSiteScripts1.js

          If you can decipher that, you're on your way!

          If not, check out one of the prebuild javascript libraries that can do
          things like this:

          http://script.aculo.us/

          -Darrel


          • 2. Re: OT: how does the site do this
            Level 7
            RateTheBuilder wrote:
            > Hi
            >
            > At these sites: www.pageflakes.com and www.netvibes.com they are able to
            > drag and drop sections of the screen around from one area to another. Does
            > anyone know how they do this and have any pointers to tutorials or 3rd party
            > components?
            >
            > Thanks
            >
            > Brendan
            >
            > ______________________________________________
            > Rate your experiences with your UK and Ireland builders at
            > http://www.ratethebuilder.co.uk
            > =========================================
            >
            >

            Google also does it. It's 'ajax', which just basically means complex javascript, integrated with
            some server-side programming.
            There is not one specific tutorial about how to do this particular effect, it's more something that
            you can start to grasp if you're a javascript expert and server-side language expert.
            You can Google 'ajax' and you'll get an idea of how this works in theory, as for practical ideas,
            you'll have to learn javascript.

            In Dreamweaver you can use some behavior that can sort point you to similar effects: using Layers
            you can use the 'Drag Layer' behavior, and set the layer to snap to a given position.
            That's a little bit of what is done with these sites, but they push it way beyond, with custom
            javascript functions of course.


            --
            seb ( ---@webtrans1.com)
            http://webtrans1.com | high-end web design
            Downloads: Slide Show, Directory Browser, Mailing List
            • 3. Re: how does the site do this
              Level 7
              This page is designed for JavaScript-only browsers. In case you have
              disabled JavaScript, please enable it and reload this page. Otherwise
              consider installing a JavaScript capable browser.




              --
              Al Sparber - PVII
              http://www.projectseven.com
              Popup Menu Systems - CSS Tutorials - CSS Templates
              ---------------------------------------------------------
              Newsgroup: news://forums.projectseven.com/pviiwebdev/
              CSS Newsgroup: news://forums.projectseven.com/css/
              DW Newsgroup: news://forums.projectseven.com/dreamweaver/







              "RateTheBuilder" <forums@NOSPAMratethebuilder.co.uk> wrote in message
              news:e66qki$jmv$1@forums.macromedia.com...
              > Hi
              >
              > At these sites: www.pageflakes.com and www.netvibes.com they are able
              > to drag and drop sections of the screen around from one area to
              > another. Does anyone know how they do this and have any pointers to
              > tutorials or 3rd party components?
              >
              > Thanks
              >
              > Brendan
              >
              > ______________________________________________
              > Rate your experiences with your UK and Ireland builders at
              > http://www.ratethebuilder.co.uk
              > =========================================
              >

              • 4. Re: OT: how does the site do this
                Level 7

                > Google also does it. It's 'ajax', which just basically means complex
                > javascript, integrated with
                > some server-side programming.

                Technically, AJAX would include some sort of server-side call.

                To drag a window, that's completely client-side, so no real need for true
                AJAX.

                Granted, most AJAX libraries now include a lot of front-end javascript, so
                you'll likely want to pick out an AJAX javascript framwork to get the
                drag-and-drop component.

                -Darrel