CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 04 16:36:53

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

[VISUAL STUDIO 2010] LES TESTS CASES C'EST BIEN, MAIS JE VAIS DEVOIR TOUT RééCRIRE ? par Etienne Margraff

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

RE : PROBLèME AVEC IFRAME par faluorn

RE : PROBLèME AVEC IFRAME par Bul3

PROBLèME AVEC IFRAME par faluorn

+ de logiciels à télécharger

1 464 305 membres
210 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 094 codes, 1 302 832 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

BOXMANAGEMENT: COMME LA PAGE D'ACCUEIL PERSONALISÉE DE GOOGLE

Information sur la source

Catégorie :Graphique Classé sous : drag, drop, google Niveau : Débutant Date de création : 14/12/2006 Date de mise à jour : 01/02/2008 11:35:41 Vu / téléchargé: 6 068 / 899

Auteur : the_wwt

Ecrire un message privé

Ce membre participe au partage de revenus publicitaires

Note :

9,00 / 10

Commentaire sur cette source (14)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Ce code gère le management de box comme la page d'accueil personnalisée de google.
La source contient une démo.
Les commentaires sont en anglais basique, mais si vous ne comprenez pas hésitez pas à me poser des questions.
J'utilise cette classe dans tous mes sites.
Il reste encore quelques bugs quand on va un peu trop vite, mais je trouve cela assez mature pour le distribuer.
Pour l'instant pas moyen d'intégrer un box manager dans un autre ( ça bug lors du déplacement ).
Bien cordialement,
Pierrick HYMBERT
<pierrick.hymbert@gmail.com>
PS: Ci dessous le code de la démo

Source

<html>
<head>
<title>Box management demo</title>
<!--
/**
* @comment: The prototype frameworks 1.4
* @import: prototype
*/
-->
<script
src="lib/prototype.js"
type="text/javascript">
</script>
<!--
/**
* @comment: the class handles the drag and drop
* @import: BoxManagement
*/
-->
<script
src="lib/boxManagement.js"
type="text/javascript">
</script>
<!--
/**
* @comment: the box management instanciation
*/
-->
<script type="text/javascript">
boxManager = null;
function start(){
// Instanciate the main box manager
if( ( boxManager = BoxManagement.load( 'mainBoxCookie' ) ) == null ){
boxManager = new BoxManagement('aManager',//Manager id
'mainBox', //The main div
12, //Space between line
12, //Space between row
'FFFFFC', //The drop box color
'FFE900', //The drop box border color
new Array(200,565,200)); //Width of each row
boxManager.addBox(
new MyBox('mainBox',//The main div
'box_1',//Main html element
'box_1_title')//Html element where the dnd click start
,//The new box
1,// The box line
1); // The box row
boxManager.addBox( new MyBox('mainBox','box_2','box_2_title'), 1, 2);
boxManager.addBox( new MyBox('mainBox','box_3','box_3_title'), 1, 3);
boxManager.addBox( new MyBox('mainBox','box_4','box_4_title'), 2, 1);
boxManager.addBox( new MyBox('mainBox','box_5','box_5_title'), 2, 2);
boxManager.addBox( new MyBox('mainBox','box_6','box_6_title'), 2, 3);
boxManager.addBox( new MyBox('mainBox','box_7','box_7_title'), 3, 2);
boxManager.placeBox();
}
}
</script>
<!--
/**
* @comment: The boxes's css
* @import: box
*/
-->
<link rel="stylesheet"
href="css/box.css"
type="text/css"/>
<body onload="start()" onunload="boxManager.save('mainBoxCookie', 2);">
<div id="mainBox" style=" position: absolute;
top:5px;
left:5px;
display: block;
">
<!--
/**
* Box 1
*/
-->
<div id="box_1" class="Box" style="height: 220px;">
<div id="box_1_title" class="Title">Box 1</div>
<div id="box_1_content" class="Content"></div>
</div>
<!--
/**
* Box 2
*/
-->
<div id="box_2" class="Box" style="height: 300px;">
<div id="box_2_title" class="Title">Box 2</div>
<div id="box_2_content" class="Content"></div>
</div>
<!--
/**
* Box 3
*/
-->
<div id="box_3" class="Box" style="height: 180px;">
<div id="box_3_title" class="Title">Box 3</div>
<div id="box_3_content" class="Content">
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA
</div>
</div>
<!--
/**
* Box 4
*/
-->
<div id="box_4" class="Box" style="height: 230px;">
<div id="box_4_title" class="Title">Box 4</div>
<div id="box_4_content" class="Content">
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA
</div>
</div>
<!--
/**
* Box 5
*/
-->
<div id="box_5" class="Box" style="height: 210px;">
<div id="box_5_title" class="Title">Box 5</div>
<div id="box_5_content" class="Content"></div>
</div>
<!--
/**
* Box 6
*/
-->
<div id="box_6" class="Box" style="height: 250px;">
<div id="box_6_title" class="Title">Box 6</div>
<div id="box_6_content" class="Content"></div>
</div>
<!--
/**
* Box 7
*/
-->
<div id="box_7" class="Box" style="height: 100px;">
<div id="box_7_title" class="Title">Box 7</div>
<div id="box_7_content" class="Content"></div>
</div>
</div>
</body>
</htlm>

<html>
<head>
<title>Box management demo</title>

<!-- JavaScript -->

<!--
/**
* @comment: The prototype frameworks 1.4
* @import: prototype
*/
-->
<script 
    src="lib/prototype.js"
    type="text/javascript">
</script>

<!--
/**
* @comment: the class handles the drag and drop
* @import: BoxManagement
*/
-->
<script 
    src="lib/boxManagement.js"
    type="text/javascript">
</script>

<!--
/**
* @comment: the box management instanciation
*/
-->
<script type="text/javascript">
boxManager = null;
function start(){
	// Instanciate the main box manager
    if( ( boxManager = BoxManagement.load( 'mainBoxCookie' ) ) == null ){
	    boxManager =  new BoxManagement('aManager',//Manager id
								'mainBox', //The main div
								12,				//Space between line
								12,				//Space between row
								'FFFFFC',		//The drop box color
								'FFE900',		//The drop box border color
								new Array(200,565,200)); //Width of each row	
		boxManager.addBox( 
					new MyBox('mainBox',//The main div
							'box_1',//Main html element
							'box_1_title')//Html element where the dnd click start
					,//The new box
					1,// The box line
					1); // The box	row
		boxManager.addBox( new MyBox('mainBox','box_2','box_2_title'), 1, 2);		
		boxManager.addBox( new MyBox('mainBox','box_3','box_3_title'), 1, 3);	
		boxManager.addBox( new MyBox('mainBox','box_4','box_4_title'), 2, 1);	
		boxManager.addBox( new MyBox('mainBox','box_5','box_5_title'), 2, 2);	
		boxManager.addBox( new MyBox('mainBox','box_6','box_6_title'), 2, 3);	
		boxManager.addBox( new MyBox('mainBox','box_7','box_7_title'), 3, 2);	
		boxManager.placeBox();
	}
}
</script>



<!-- CSS -->

<!--
/**
* @comment: The boxes's css
* @import: box
*/
-->
<link rel="stylesheet"
    href="css/box.css"
    type="text/css"/>
    
<body onload="start()" onunload="boxManager.save('mainBoxCookie', 2);">

	<!-- Main div -->
	<div id="mainBox" style="	position: absolute;
								top:5px;
								left:5px; 
								display: block;			
						">
		<!--
		/**
		* Box 1
		*/
		-->
		<div id="box_1" class="Box" style="height: 220px;">
			<div id="box_1_title" class="Title">Box 1</div>
			<div id="box_1_content" class="Content"></div>
		</div>
		
		<!--
		/**
		* Box 2
		*/
		-->
		<div id="box_2" class="Box" style="height: 300px;">
			<div id="box_2_title" class="Title">Box 2</div>
			<div id="box_2_content" class="Content"></div>
		</div>
		
		<!--
		/**
		* Box 3
		*/
		-->
		<div id="box_3" class="Box" style="height: 180px;">
			<div id="box_3_title" class="Title">Box 3</div>
			<div id="box_3_content" class="Content">
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
			</div>
		</div>
		
		<!--
		/**
		* Box 4
		*/
		-->
		<div id="box_4" class="Box" style="height: 230px;">
			<div id="box_4_title" class="Title">Box 4</div>
			<div id="box_4_content" class="Content">
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br/>
			BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA 
			</div>
		</div>
		
		<!--
		/**
		* Box 5
		*/
		-->
		<div id="box_5" class="Box" style="height: 210px;">
			<div id="box_5_title" class="Title">Box 5</div>
			<div id="box_5_content" class="Content"></div>
		</div>
		
		<!--
		/**
		* Box 6
		*/
		-->
		<div id="box_6" class="Box" style="height: 250px;">
			<div id="box_6_title" class="Title">Box 6</div>
			<div id="box_6_content" class="Content"></div>
		</div>
		
		<!--
		/**
		* Box 7
		*/
		-->
		<div id="box_7" class="Box" style="height: 100px;">
			<div id="box_7_title" class="Title">Box 7</div>
			<div id="box_7_content" class="Content"></div>
		</div>
		
	</div>
</body>
</htlm>

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

boxManagement
- css
  - box.css 436 octets
- lib
  - boxManagement.js 42 838 octets
  - prototype.js 62 868 octets
- .project217 octets
- index.html 6 052 octets

Télécharger le zip

Historique

14 décembre 2006 19:51:39 :: Juste changement de niveau... ;-)
01 février 2008 11:35:42 :: Suite à plusieurs solicitations, la librairie permet à présent de sauvegarder l'emplacement des boxs dans un cookie via la méthode BoxManagement#save( cookieName ). Ensuite une méthode statique de la classe BoxManagement#load( cookieName ) permet de charger une instance à partir du cookie. Have fun, Pierrick

Sources du même auteur

PROGRESS BAR WIDGET

TRI DE TABLEAU, ALGORITHME LES PLUS CONNUS IMPLÉMENTÉS (FUSI...

DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,

DÉMO TOOLTIPS AVEC LA WWT

THE WWT: WEB WIDGETS TOOLKIT

Toutes les sources de the_wwt

Sources de la même categorie

GALLERY_PICTURE par midokok

POSITION, OFFSETLEFT, CLIENTLEFT CROSSBROWSER par Kimjoa

ALBUM PHOTO AVEC PARTIE ADMINISTRATION - PHP + AJAX + XML par tinokoxx

INSTALLEZ UN CURSEUR GÉANT, SUPER GÉANT CURSEUR DE LA SOURIS... par abdelaziz_info

LIGHTBOX SANS ONCLICK ET AVEC REDIMENSIONNEMENT par zoby44

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DRAG DROP DE VIDEOS par kazma

DRAG & DROP SIMPLE, SIMPLE, SIMPLE par jdmcreator

TRADUCTION DE TEXTE par zoby44

DKSDRAGDROP : UNE BIBLIOTHÈQUE DE DRAG AND DROP ET DE GESTIO... par DARKSIDIOUS

DRAG AND DROP ET REDIMENSIONNEMENT par jhenaff

Commentaires et avis

Commentaire de Skreo le 18/12/2006 23:45:45

C'est flashy ^^
Nan sérieusement c'est du beau boulot :-)
Le code est propre, et c'est compatible avec tous les navigateurs apparement (j'ai pu tester sous Firefox 2.0, IE 6, et Opera 9.
Si tu veux réduire le poids de tes fichiers JS, j'ai fait un optimiseur de javascript qui pourra te compresser ça (j'ai testé avec tes .js, ça les réduit de plus de 25%). Il faut bien sûr garder les sources, et n'utiliser les fichiers compressés que pour la version en ligne. Ca a l'avantage aussi de rendre moins lisible le code pour d'éventuels plagieurs.
Voici l'adresse d'un petit article que j'ai écrit à ce propos : http://skreo.murties.com/index.php/2006/06/14/13-optimisation-javascript
Et voici l'adresse de l'optimiseur : http://skreo.murties.com/perso/js_optimizer.php

Commentaire de the_wwt le 23/12/2006 00:53:21

Merci pour ton appréciation,
sympa ton optimiseur... Mais bon, le but d'un langage non compilé est qu'il reste compréhensible, surtout si on souhaite distribuer le code... Mais pour le déploiement de web applis, optimiser(les caractères seulement..) peut apporter un gain de temps certain.
Cordialement,
Pierrick

Commentaire de guitza87 le 25/01/2007 14:52:10

Salut,

C'est vrai que c'est sympa comme boulot, cependant j'émet une réserve sur la compatibilité multi-navigateur. Sous IE6, certaines div se positionnent par dessus d'autres...

Commentaire de the_wwt le 30/01/2007 19:05:54

Salut guitza87,
Merci pour l'apreciation, cependant je ne comprend pas ta remarque?!
C'est au chargement que ça fouarre? Ou lors du drag & drop?
Si c'est lors du dnd, cela me parait normal...Les box qui sont en dessous se décale pour trouver une autre place à partir du moment où la box "dragué" dépasse la moitié (de la hauteur/largeur) de l'autre box... Donc elles se chevauchent!
Bien cordialement,
Pierrick

Commentaire de astuces_jeux le 01/03/2007 17:45:53

Très bon boulot 8/10
ps : Je ne met pas 10/10 parce que quand tu reviens l'emplacement des box se remet par default (sa n'enregistre pas la manière dont tu l'avais mis !

Commentaire de the_wwt le 13/04/2007 14:52:38

Merci astuces_jeux,
Ta remarque est très intéréssante mais ce n'est pas à la librairie de faire cela(...L'envoie de cookie pour stocker l'emplacement des boxs...) mais plutôt au développeur plus que c'est à l'instanciation des classes que l'on précise à quel endroit on les disposent.
Et puis envoyer un cookie prend 5 lignes...
Bien cordialement,
PS: Si vous l'utilisez envoyez moi un mail que je jette un coup d'oeil sur le rendu.
Pierrick

Commentaire de cyberastuces le 27/01/2008 13:47:24

Merci pour cette source, il y a t'il possibilité de l'adapter pour enregistrer la possition des blocs ?

kevin

Commentaire de the_wwt le 27/01/2008 18:11:31

Bonjour,
-> Merci pour cette source -> C'est un plaisir.
Pour ce qui est de ta demande, il te suffit juste de sauver ( cookie ) l'emplacement des box lorsque l'utilisateur quitte la page.
Je te donnerai un bout de code qui le fait.
Ravi que cette source soit utilisée.
Cordialement bien,
Pierrick

Commentaire de the_wwt le 29/01/2008 11:41:52

Bonjour,
il y a quelques problèmes sur CS pour mettre à jour les sources.
Je l'ai mise à jour sur mon blog... Avec les méthodes pour gérer les cookies.
J'espère que cela te conviendra.
http://hpk-rick.blogspot.com/2008/01/sources-javascript.html
Pierrick

Commentaire de cyberastuces le 29/01/2008 11:49:40

Salut

Alors la chapo ! sa fonctionne parfetment c'est exactement se que je chercher. J'ai vue que tu avez d'autres sources sur ton blog, je vais donc visiter tout sa. Exelent travail et merci.

kevin

Commentaire de maxroucool le 26/03/2008 20:08:35 9/10

Slt the_wwt,

Super script, j'allais justement me lancer la dedans mais j'avais trop la flemme et je savais pas comment m'y prendre, alors j'en prends de la graine!
J'ai pas vu de gros bug, juste quand on déplace les petites div du coté vers la colonne centrale, le script a parfois du mal a trouver l'emplacement qu'on est en train de survoler, et il nous place pas forcement notre div la ou on voudrait, mais c'est loin d'être grave!
Ca vaut largement un 9,5!

J'ai plus qu'à l'adapter à mon site!

Merci bp!
+++

Commentaire de the_wwt le 26/03/2008 21:24:31

Salut maxroucool,
je croyais que cette source était tombée dans les abîmes du web... Enchanté de ton utilisation de celle-ci.
En ce qui concerne les bugs, en effet, mais j'ai développé ce code il y a deux ans, et j'ai aussi la flemme de me replonger dedans...
Merci pour la note,
have fun,
Pierrick

Commentaire de maxroucool le 28/03/2008 20:25:14

Slt the_wwt,

je viens d'essayer de mettre a jour Prototype pour passer à la version 1.6, et il se trouve que ce n'est pas compatible avec ton script. FireBug ne signale aucune erreur, mais les div se placent toutes n'importe comment les unes sur les autres, et pas moyen de les dropper.

Est-ce que tu sais d'ou ca pourrait venir?

+++

Commentaire de the_wwt le 29/03/2008 10:08:14

Bonjour,
aucune idée... Ca me parait bizarre, je vais y jeter un coup d'oeil.
Cordialement,
Pierrick

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

DRAG DROP JAVASCRIPT [ par webboy ] Bonjour,J'ai une page coup en 2 frame (bas & centre)Dans la frame bas g un tableau de 6 celulles comprenant chacune un div avec un idje voudrais drage drag and drop de fichier d'internet explorer vers une autre appli [ par poulp ] Je cherche a copier un fichier d'une page web sur mon disk dur ou dans une application simplement par l'intermédiaire du drag and drop. Par exemple j' [javascript] treview drag drop [ par ichevc ] Bonjour, je suis debutant en javascript,je cherche soit a recuperer soit de la documentation pour faire :un menu hierarchique (treeview) supportant le quelqu'un sait-il faire un tel drag and drop ? [ par Thieums ]  ouaip je suis un novice en flash et dans le cadre  de mon projet  tutoré de fin dannée en iut service et réseau de comm drag and drop [ par sendlyne ] http://www.walterzonrn.de Quelqun peut il aller voir sur le lien et m'expliquer. Ca à l'air bien malheureusement je ne suis pas assez qualifiée en Bug drag and drop sous IE ? [ par funkysim ] Bonjour, Je rencontre un problème avec du drag and drop d'iframe sur une autre iframe.C'est à dire que le déplacement de l'iframe fonctionne très ma Toolbox et Drag & Drop [ par Kendryl ] Bonjour,Etant novice en javascript et ne trouvant pas de tutorial sur google (je ne comprends que très mal l'anglais) , je vous demande conseils pour Drag and drop [ par ger91lou ] Voilà mon problème:A partir de l'exemple de quiz fourni avec macromedia flash 8 pro.A gauche j'ai 4 cases qui représentent 4 mots d'une phrase en déso Drag & Drop [ par 0mido0 ] Bonjour, Je vient d'utiliser le code source télécharge de site http://www.cyberdummy.co.uk/test/dd.php pour appliquer le drag & drop à mon site, i Drag & Drop (avec cookies) [ par Sunmx ] Bonjour à tous,J'espère ne pas m'être trompé dans la catégorie de ma question enfin le choix est tellement difficile à faire xDComment peux t-on faire