Changes between Initial Version and Version 1 of Ticket #8349, comment 2


Ignore:
Timestamp:
May 24, 2012, 11:46:05 AM (11 years ago)
Author:
Scott González
Comment:

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #8349, comment 2

    initial v1  
    22> Please provide a reduced test case showing the problem.
    33
    4 {{{
    5 <!DOCTYPE html>
    6 <html>
    7         <head>
    8                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    9                 <title>jQuery UI Example Page</title>
    10                 <link type="text/css" href="css/start/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
    11                 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    12                 <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>
    13 
    14         </head>
    15         <body>
    16                
    17                 <div class="drop-area">&nbsp;<p>Drop here!</p></div>
    18                
    19                 <table>
    20                         <tr>
    21                                 <td>
    22                                         <div class="graged">
    23                                                 <a href="#">
    24 
    25                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    26 
    27                                                 </a>
    28                                         </div>
    29                                 </td>
    30                                 <td>
    31                                         <div class="graged">
    32                                                 <a href="#">
    33 
    34                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    35 
    36                                                 </a>
    37                                         </div>
    38                                 </td>
    39                                 <td>
    40                                         <div class="graged">
    41                                                 <a href="#">
    42 
    43                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    44 
    45                                                 </a>
    46                                         </div>
    47                                 </td>
    48                                 <td>
    49                                         <div class="graged">
    50                                                 <a href="#">
    51 
    52                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    53 
    54                                                 </a>
    55                                         </div>
    56                                 </td>
    57                                 <td>
    58                                         <div class="graged">
    59                                                 <a href="#">
    60 
    61                                                         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    62 
    63                                                 </a>
    64                                         </div>
    65                                 </td>                           
    66                         </tr>
    67                 </table>
    68                
    69                 <style>
    70                         .drop-area
    71                         {
    72                                 min-width:300px;
    73                                 background: #aaa;
    74                                 border:1px solid #444;
    75                                 max-width:250px;
    76                                 margin:0 auto;
    77                         }
    78                        
    79                         .graged
    80                         {
    81                                 display: block;
    82                                 background: #f30000;
    83                                 padding:10px;
    84                         }
    85                        
    86                         .ui-draggable-dragging
    87                         {
    88                                 max-width:300px;
    89                                 max-height:100px;
    90                                 font-size: 50%;
    91                                 overflow:hidden;
    92                         }
    93                        
    94                         .ui-state-active
    95                         {
    96                                 background: #eee;
    97                         }
    98                 </style>
    99                 <script>
    100                
    101                         $(".drop-area").droppable({
    102                                 accept: '.graged',
    103                                 hoverClass: "ui-state-active",
    104                                 drop: function(event, ui) {}
    105                         });
    106                        
    107                         $(".graged").draggable({
    108                                 revert: false,
    109                                 helper: "clone"
    110                         });
    111                        
    112                
    113                 </script>
    114        
    115         </body>
    116 </html>
    117 }}}
     4[DELETED]