Drag & Drop entre plusieurs listes en javascript

Ce script permet de déplacer des éléments entre plusieurs listes afin d'avoir un menu comme la page personalisée de Google.

Le code de base est celui de Tool-man. Une version modifée supportant le drag & drop entre listes est trouvable à cette adresse : http://neb.net/playground/dragdrop/.

J'ai modifié cette dernière version afin d'éviter qu'un élément soit supprimé s'il était laché en dehors d'une liste. J'ai aussi amélioré le drag & drop, les éléments cherchent maintenant la liste la plus proche lors du déplacement.

Un exemple est disponible ici : http://www.xele.org/dragdrop/

Les scripts à utiliser sont ceux-ci :

Utilisation : les balises LI et UL doivent avoir un attributs id et les balises LI doivent avoir un style position:relative.

Mise à jour :

Ajout de deux fichiers javascript pour sauvegarder les positions des divs dans un cookie et les restaurer au chargement suivant de la page.

[3 Octobre 2006] Mise à jour

Ajout d'une fonctionalité pour pouvoir indiquer un élément qui servira à déplacer un bloc LI. Il faut déclarer ces éléments avec une classe spéciale. Si un bloc ne contient pas cet élément, tout le bloc pourra être utilisé pour le déplacement. Voir la page d'exemple et sa source pour plus d'infos.

Les fichiers modifiés sont dragdrop.js et drag.js

Le tourner de serviettes

Le tourner de serviettes est la dernière invention à la con de l'étudiant en révision. Et bien sur, je n'ai pas résisté à cette envie de passer pour un c*n :) . Toutes infos sont sur le site http://www.etonfaittournerlesserviettes.com/ .

Quand à moi, la vidéo de votre serviteur Xele se trouve ici : http://www.etonfaittournerlesserviettes.com/alone.php?id=104. Au moins, après ca, je peux difficilement tomber plus bas. Par contre vous pouvez toujours voter pour moi.

Utiliser phpExec avec TinyMCE

J'ai développé ce plugin pour tinyMCE afin de pouvoir inclure du code PHP dans les posts en utilisant phpExec.

Prérequis

Installation

  1. Télécharger l'archive
  2. L'extraire dans le répertoire plugin de tinyMCE
  3. Ajouter le bouton 'phpExec' dans la barre d'outils de tinyMCE

Download

phpExec4TinyMCE1.0.zip

Utilisation

Utiliser le bouton pour ajouter du code php. Le code s'entre dans la fenêtre popup encadré des balises <?php et ?> impérativement.

Fenetre popup du pluginAperçu du plugin

Le résultat s'affiche sous forme d'une image dans l'apercu graphique. Pour insérer le code dans l'éditeur html, il faut l'entourer par les balises <phpcode> et </phpcode>.

Pour modifier un code, if faut cliquer sur l'image correspondante puis sur le bouton du plugin. 

Changelog

 1.0:

  • Création du plugin