Discussion :

[franfr57]

Bonjour,

J'ai trouvé un diagramme de gantt intéressant généré en javascript :
http://www.jsgantt.com/

Je souhaite utiliser du code pour redimensionner des barres du diagramme de Gantt. J'ai trouvé ce code que j'ai modifié pour que l'utilisateur puisse uniquement redimensionner sur les côté un div :
http://blog.oli-web.com/?2006/04/23/...rop-javascript

Sur une même pas j'ai réussi à mettre ces 2 scripts javascripts.
J'arrive à afficher un alert quand ma souris passe sur une barre du diagramme (onmousemove). Mais lorsque j'appelle ma fonction de changement de la forme du curseur à la place cela ne fonctionne pas...
Je ne sais pas si c'est parce que le div en question est imbriquer dans de nombreuses autres balises...


Après des tests pour trouver ce qui ne vas pas, j'ai trouvé quelque chose mais ne sais pas comment le résoudre. Dans l'appel de la fonction, on passe en paramètre this. Et dans le code de changement de curseur où on utilise this : p_obj.style.left retourne NaN.
Comment cela se fait? Javascript n'arrive pas récupérer l'objet?

Merci pour votre aide

[franfr57]

La solution est d'utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function getLeft(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord gauche de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
    {
    if (MyObject.offsetParent)
        return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
    else 
        return (MyObject.offsetLeft);
    }