pastebin - collaborative debugging

pastebin is a collaborative debugging tool allowing you to share and modify code snippets while chatting on IRC, IM or a message board.

This site is developed to XHTML and CSS2 W3C standards. If you see this paragraph, your browser does not support those standards and you need to upgrade. Visit WaSP for a variety of options.

talis private pastebin - collaborative debugging tool What's a private pastebin?


Posted by astilla on Tue 2 Oct 08:03
report abuse | download | new post

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.     <title>Test page</title>
  6.     <script type="text/javascript" src="js/prototype.js"></script>
  7.     <script type="text/javascript" src="js/scriptaculous.js"></script>
  8.     <style type="text/css">
  9.         h3.sectionHeader
  10.         {
  11.             cursor: move;
  12.         }
  13.     </style>
  14. </head>
  15. <body>
  16.  
  17. <!--
  18.     Seems to be a problem with 'dropOnEmpty:true' when you are trying to drop
  19.     onto a list (in this case <ol>
  20. ).  When the internal lists are converted
  21.     to just <div>s the problem goes away and everything works as expected.
  22. -->
  23.  
  24. <div id="sections">
  25.     <div id="section1" class="section">
  26.         <h3 class="sectionHeader">Section 1</h3>
  27.         <ol id="section1Items">
  28.             <li class="item">Item 1</li>
  29.             <li class="item">Item 2</li>
  30.             <li class="item">Item 3</li>
  31.         </ol>
  32.     </div>
  33.     <div id="section2" class="section">
  34.         <h3 class="sectionHeader">Section 2</h3>
  35.         <ol id="section2Items">
  36.             <li class="item">Item 4</li>
  37.             <li class="item">Item 5</li>
  38.             <li class="item">Item 6</li>
  39.         </ol>
  40.     </div>
  41.     <div id="section3" class="section">
  42.         <h3 class="sectionHeader">Section 3</h3>
  43.         <ol id="section3Items">
  44.         </ol>
  45.     </div>
  46. </div>
  47.  
  48. <script type="text/javascript">
  49. //<![CDATA[
  50.  
  51.     var sections = ['section1Items', 'section2Items', 'section3Items'];
  52.  
  53.     Sortable.create('section1Items',{tag:'li',dropOnEmpty:true, containment:sections, only:'item'});
  54.         Sortable.create('section2Items',{tag:'li',dropOnEmpty:true, containment:sections, only:'item'});
  55.         Sortable.create('section3Items',{tag:'li',dropOnEmpty:true, containment:sections, only:'item'});
  56.         Sortable.create('sections',{tag:'div', only:'section',handle:'sectionHeader'});
  57.  
  58. //]]>
  59. </script>
  60.  
  61. </body>
  62. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with @@


Remember me so that I can delete my post