Probleme overflow et drag and drop

Probleme overflow et drag and drop - HTML/CSS - Programmation

Marsh Posté le 04-10-2006 à 09:45:43    

Bonjour, j'ai un probléme avec un script de drag and drop et l'overflow sur les zones dragable.
En fait lorsqu'il y a un overflow, la scrollbar réagi au clic comme si je voulé faire un drag. L'ensemble de la zone est active c'est pour cela que ma scrollbar considere le clic comme étant du drag and drop.
Est ce que quelqu'un a deja rencontré le probléme et aurait la solution?
Quelqu'un aurait-il une piste?
Merci.
Le script de drag and drop que j'utilise se trouve a l'adresse suivante :
www.xele.org/2006/07/03/drag-drop- [...] avascript/
Apparement il y a la possibilité de définir un handle dans le script de drag mais impossible de le faire fonctionner!!!!!
Merci pour votre aide.

Reply

Marsh Posté le 04-10-2006 à 09:45:43   

Reply

Marsh Posté le 04-10-2006 à 09:53:34    

que je comprenne bien, tu nous demandes de debugger un script que tu as trouvé sur le site en question?  
 
 
Quoi qu'il en soit je dirais que ton handler d'event a du être mis sur tout ton div et que comme le scrollbar en fait egalement partie c'est normal que cela réagisse comme cela.
Mais ton handler d'event sur un "sous-noeud" de ton div ( mais bon du coup faut changer tout le script dans drag&drop pour que cela deplace le noeud parent).


Message édité par anapajari le 04-10-2006 à 09:53:55
Reply

Marsh Posté le 04-10-2006 à 10:05:00    

En fait je vous demande pas de debugger le script, mais de m'aider a mettre le handler sur un sous noeud du bloc. Sa fait deux jours que je suis dessus et je n'y arrive pas.
En fait se script se base sur une structure html de type UL,LI, les LI étant les blocs dragable dans lesquels apparait ma scrollbar lorsqu'il y a overflow.
Le probléme étant que dans le script de drag il y a bien une variable définis comme handle, mais je n'arrive pas a lui affecter un sous-noeud.

Code :
  1. <li id="elem3" style="position:relative;">
  2.  <fieldset class="cadre">
  3.   <legend class="Champ-info-menu" id="handle2"><img src="/intelys/images/Calendrier.gif" alt="Plan de formation" width="22" height="17"> <span> Calendrier </span></legend>
  4.   <div style="width:100%;height:200px;overflow-y:scroll;">
  5.   <table class="tableau-ligne" width="100%" style="background-color:#FFFFFF;">
  6.     <tr width="100%" align="left" bgcolor="#FFFFFF" border=0>
  7.    <td width="100%" align="left" bgcolor="#FFFFFF">
  8.     <div id="listeTacheCalendrier" style="width:100%;"></div>
  9.    </td>
  10.     </tr>
  11.   </table>
  12.   </div>
  13.  </fieldset>
  14. </li>


Voila mon code html pour un li dragable, g essayer de mettre la zone sensible sur la legend du fieldsetmais cela ne veut pas marcher et me retourne une ereur javascript du style "offsetleft indéfini".
Je ne comprend pas d'ou vient cette erreur, si quelqu'un pouvait me donner une piste ou jetter un oeil?
Je suis encore débutant en dev objet en javascript.
Merci de votre intérêt.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed