Discussion :

[Nikowa]

Bonjour,

J'utilise actuellement prototype 1.6 (pour ajax) et mochikit (pour drag and drop).

J'ai des souci au niveau du drag and drop, lorsque que je suis dans ma div rafraichi en ajax.

dans ma div rafraichi en ajax, j'ai des div qui doivent être drag and drop.

Au premier chargement de ma page, cela fonctionne, ajax affiche la page avec les div contenu dedans, elles sont déplacable.

J'ai fait un bouton pour actualiser cette page.

et le souci, c'est que quand j'appuy dessus, la page l'actualise, mais le drag and drop ne fonctionne plus.


Voici mon code js :

Code :

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

1
2
3
4
5
6
function DrawItemData()
{
new Ajax.Updater(
    'DrawItem', 'DrawItem.php');
  }
DrawItemData();

Le bouton d'actualisation :

Code :

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

<input type="button" value="Actualiser" onclick="DrawItemData();" />

Quelqu'un arriverait-il a m'aider ?


Merci d'avance.

[gwyohm]

Salut,

Je ne connais pas mochikit mais je connais bien prototype. Je suppose que quand tu appelles "DrawItem.php" lors de ton rafraichissement via AJAX, tu as du code javascript pour initialiser tes objet drag and drop.

Par défaut, le Ajax.Updater n'execute pas le javascript, essaye donc en lui demandant de le faire :

Code :

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

1
2
 
new Ajax.Updater('DrawItem', 'DrawItem.php', {evalScripts: true});

Remarque importante :
Dans ce cas, la syntaxe de déclaration des fonctions est un peu inhabituelle :
Au lieu de faire :

Code :

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

1
2
3
function jambon() {
  // ... 
}

il faut faire :

Code :

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

1
2
3
4
 
var jambon = function() {
  // ...
};