begin process at 2010 03 22 01:59:17
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

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

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


 Information sur la source

Note :
9 / 10 - par 1 personne
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 656 / 925

Auteur : the_wwt

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
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>
  • <!-- 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>
<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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

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

Source avec une capture PROGRESS BAR WIDGET
Source avec Zip Source avec une capture TRI DE TABLEAU, ALGORITHME LES PLUS CONNUS IMPLÉMENTÉS (FUSI...
Source avec Zip DESSINER EN JS: LIGNES, FIGURES, ELLIPSES, ELLIPSES PLEINES,
Source avec Zip Source avec une capture DÉMO TOOLTIPS AVEC LA WWT
Source avec Zip Source avec une capture THE WWT: WEB WIDGETS TOOLKIT

 Sources de la même categorie

Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard
MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture FARMVILLE - HEURE ET COMBO LIST IMAGES par ym_trainz
Source avec Zip [-CLASS-] -> CARROUSSEL D'IMAGES par TheWeasel47
Source avec Zip Source avec une capture OGG MEDIA PLAYER par kazma

 Sources en rapport avec celle ci

Source avec une capture DRAG/DROP/REDIMENSIONNER... par sitajony
Source avec Zip Source avec une capture DRAG DROP DE VIDEOS par kazma
DRAG & DROP SIMPLE, SIMPLE, SIMPLE par jdmcreator
Source avec Zip Source avec une capture DKSDRAGDROP : UNE BIBLIOTHÈQUE DE DRAG AND DROP ET DE GESTIO... par DARKSIDIOUS
Source avec Zip 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 ] &nbsp;ouaip je suis un novice en flash et dans le cadre&nbsp; de mon projet&nbsp; tutor&#233; de fin dann&#233;e en iut service et r&#233;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 &amp; 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


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,624 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales