Loading ...
Sorry, an error occurred while loading the content.

drag and drop select items

Expand Messages
  • Hugo
    Hi, I ve created a page which uses yahoo ui to dinamically add options to a select, and then I make these options draggable. This works ok in firefox, but
    Message 1 of 1 , Oct 27, 2006
    • 0 Attachment
      Hi,

      I've created a page which uses yahoo ui to dinamically add options to
      a select, and then I make these options draggable. This works ok in
      firefox, but explorer is giving me some problems. I tried a simple
      select and made each option in the select draggable, and again it
      works fine in firefox... but explorer doesn't like it. I'm using yui
      version 0.11.2.

      Thanks for the help!

      Here is the important code:::::::::::::::::::::::::::::::::::::::::::

      new YAHOO.util.DD("dd1");
      new YAHOO.util.DD("dd2");
      new YAHOO.util.DD("dd3");


      <select id="testselect" name="testselect" size="5">
      <option id="dd1" value="first">first option</option>
      <option id="dd2" value="second">second option</option>
      <option id="dd3" value="third">third option</option>
      </select>


      full test file:::::::::::::::::::::::::::::::::::::::::::::::::::::::

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
      <title>test</title>

      <!-- Namespace source file -->
      <script type="text/javascript" src="build/yahoo/yahoo.js"></script>

      <!-- Dependency source files -->
      <script type="text/javascript" src="build/dom/dom.js"></script>
      <script type="text/javascript" src="build/event/event.js"></script>

      <!-- Drag and Drop source file -->
      <script type="text/javascript" src="build/dragdrop/dragdrop.js" ></script>
      <script type="text/javascript" src="build/animation/animation.js"
      ></script>

      <script language="javascript">
      function init()
      {
      new YAHOO.util.DD("dd1");
      new YAHOO.util.DD("dd2");
      new YAHOO.util.DD("dd3");
      }
      YAHOO.util.Event.addListener(window, 'load', init);

      </script>
      </head>
      <body>
      <select id="testselect" name="testselect" size="5">
      <option id="dd1" value="first">first option</option>
      <option id="dd2" value="second">second option</option>
      <option id="dd3" value="third">third option</option>
      </select>
      </body>
      </html>
    Your message has been successfully submitted and would be delivered to recipients shortly.