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

Ce site au démarrage

begin process at 2012 05 28 12:30:10

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

ARBORECENCE XP DRAG-ON-DROP

Information sur la source

Note :
Aucune note

Catégorie :Navigation Classé sous :arborécence, drop-drag, menu déroulant, arborécenceWindows Niveau :Débutant Date de création :03/05/2010 Date de mise à jour :03/05/2010 14:54:13 Vu / téléchargé :3 134 / 267

Auteur : micking

Ecrire un message privé

Site perso

Commentaire sur cette source (0)

Ajouter un commentaire et/ou une note

Description

ce code développe un arborescence dans une frame c'est mieux pour quel soit utile ;)vous pouvez l'utilisé de la même manière que l'arborescence de votre système Windows oui un programme comme Windows le fait mais le code aussi :)

Source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>arborecence WINgood</title>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/context-menu.js"></script>
<script type="text/javascript" src="js/drag-drop-folder-tree.js">
/************************************************************************************************************
(C) www.micking.1x.fr.com, Mai 2010
Update log:
.
Thank you!
************************************************************************************************************/
</script>
<link rel="stylesheet" href="css/drag-drop-folder-tree.css" type="text/css"></link>
<link rel="stylesheet" href="css/context-menu.css" type="text/css"></link>
<style type="text/css">
/* CSS for the demo */
img{
border:0px;
}
</style>
<script type="text/javascript">
//--------------------------------
// Save functions
//--------------------------------
var ajaxObjects = new Array();
// Use something like this if you want to save data by Ajax.
function saveMyTree()
{
saveString = treeObj.getNodeOrders();
var ajaxIndex = ajaxObjects.length;
ajaxObjects[ajaxIndex] = new sack();
var url = 'saveNodes.php?saveString=' + saveString;
ajaxObjects[ajaxIndex].requestFile = url; // Specifying which file to get
ajaxObjects[ajaxIndex].onCompletion = function() { saveComplete(ajaxIndex); } ; // Specify function that will be executed after file has been found
ajaxObjects[ajaxIndex].runAJAX(); // Execute AJAX function
}
function saveComplete(index)
{
alert(ajaxObjects[index].response);
}
// Call this function if you want to save it by a form.
function saveMyTree_byForm()
{
document.myForm.elements['saveString'].value = treeObj.getNodeOrders();
document.myForm.submit();
}
</script>
</head>
<body>
<ul id="dhtmlgoodies_tree2" class="dhtmlgoodies_tree">
<li id="node0" noDrag="true" noSiblings="true" noDelete="true" noRename="true"><a href="#">Root node</a>
<ul>
<li id="node1"><a href="#">Europe</a>
<ul>
<li id="node2" noDelete="true"><a href="#">Norway</a>
<ul>
<li id="node3" noRename="true"><a href="#">Stavanger</a></li>
<li id="node6"><a href="#">Bergen</a></li>
<li id="node7"><a href="#">Oslo</a></li>
</ul>
</li>
<li id="node8"><a href="#">United Kingdom</a>
<ul>
<li id="node9"><a href="#">London</a></li>
<li id="node10"><a href="#">Manchester</a></li>
</ul>
</li>
<li id="node12"><a href="#">Sweden</a></li>
<li id="node13"><a href="#">Denmark</a></li>
<li id="node14"><a href="#">Germany</a>
<ul>
<li id="node141"><a href="#">Berlin</a>
<li id="node142"><a href="#">Munich</a>
<li id="node143"><a href="#">Stuttgart</a>
</ul>
</li>
</ul>
</li>
<li id="node15"><a href="#">Asia</a>
<ul>
<li id="node151"><a href="#">Japan</a>
<li id="node152"><a href="#">China</a>
<li id="node153"><a href="#">Indonesia</a>
</ul>
</li>
<li id="node16"><a href="#">Africa</a>
<ul>
<li id="node17"><a href="#">Tanzania</a></li>
<li id="node18"><a href="#">Kenya</a></li>
</ul>
</li>
<li id="node19"><a href="#">America</a>
<ul>
<li id="node20"><a href="#">Canada</a></li>
<li id="node21"><a href="#">United States</a></li>
<li id="node22"><a href="#">Mexico</a></li>
<li id="node23"><a href="#">Argentina</a></li>
</ul>
</li>
<li id="node24" noChildren="true"><a href="#">Cannot have children</a></li>
<li id="node25" noDrag="true"><a href="#">Cannot be dragged</a></li>
</ul>
</li>
</ul>
<form>
<input type="button" onclick="saveMyTree()" value="Save">
</Form>
<script type="text/javascript">
treeObj = new JSDragDropTree();
treeObj.setTreeId('dhtmlgoodies_tree2');
treeObj.setMaximumDepth(7);
treeObj.setMessageMaximumDepthReached('Maximum depth reached'); // If you want to show a message when maximum depth is reached, i.e. on drop.
treeObj.initTree();
treeObj.expandAll();
</script>
<a href="#" onclick="treeObj.collapseAll()">Collapse all</a> |
<a href="#" onclick="treeObj.expandAll()">Expand all</a>
<p style="margin:10px">Good Test Friends</p>
<form name="myForm" method="post" action="saveNodes.php">
<input type="hidden" name="saveString">
</form>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> 
	<title>arborecence WINgood</title> 
	<script type="text/javascript" src="js/ajax.js"></script> 
	<script type="text/javascript" src="js/context-menu.js"></script><!-- IMPORTANT! INCLUDE THE context-menu.js FILE BEFORE drag-drop-folder-tree.js --> 
	<script type="text/javascript" src="js/drag-drop-folder-tree.js"> 
	
	/************************************************************************************************************
	(C) www.micking.1x.fr.com, Mai 2010
	
	Update log:
	
	
	.	
	
	 
	
	Thank you!
	
	
	
	************************************************************************************************************/	
	</script> 
	<link rel="stylesheet" href="css/drag-drop-folder-tree.css" type="text/css"></link> 
	<link rel="stylesheet" href="css/context-menu.css" type="text/css"></link> 
	<style type="text/css"> 
	/* CSS for the demo */
	img{
		border:0px;
	}
	</style> 
	<script type="text/javascript"> 
	//--------------------------------
	// Save functions
	//--------------------------------
	var ajaxObjects = new Array();
	
	// Use something like this if you want to save data by Ajax.
	function saveMyTree()
	{
			saveString = treeObj.getNodeOrders();
			var ajaxIndex = ajaxObjects.length;
			ajaxObjects[ajaxIndex] = new sack();
			var url = 'saveNodes.php?saveString=' + saveString;
			ajaxObjects[ajaxIndex].requestFile = url;	// Specifying which file to get
			ajaxObjects[ajaxIndex].onCompletion = function() { saveComplete(ajaxIndex); } ;	// Specify function that will be executed after file has been found
			ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function			
		
	}
	function saveComplete(index)
	{
		alert(ajaxObjects[index].response);			
	}
 
	
	// Call this function if you want to save it by a form.
	function saveMyTree_byForm()
	{
		document.myForm.elements['saveString'].value = treeObj.getNodeOrders();
		document.myForm.submit();		
	}
	
 
	</script> 
	
</head> 
<body> 
	<ul id="dhtmlgoodies_tree2" class="dhtmlgoodies_tree"> 
	  <li id="node0" noDrag="true" noSiblings="true" noDelete="true" noRename="true"><a href="#">Root node</a> 
			<ul> 
				<li id="node1"><a href="#">Europe</a> 
					<ul> 
						<li id="node2" noDelete="true"><a href="#">Norway</a> 
							<ul> 
								<li id="node3" noRename="true"><a href="#">Stavanger</a></li> 
								<li id="node6"><a href="#">Bergen</a></li> 
								<li id="node7"><a href="#">Oslo</a></li> 
							</ul> 
						</li> 
						<li id="node8"><a href="#">United Kingdom</a> 
							<ul> 
								<li id="node9"><a href="#">London</a></li> 
								<li id="node10"><a href="#">Manchester</a></li> 
							</ul>				
						</li> 
						<li id="node12"><a href="#">Sweden</a></li> 
						<li id="node13"><a href="#">Denmark</a></li> 
						<li id="node14"><a href="#">Germany</a> 
							<ul> 
								<li id="node141"><a href="#">Berlin</a>	
								<li id="node142"><a href="#">Munich</a>	
								<li id="node143"><a href="#">Stuttgart</a>	
							</ul> 
						</li> 
					</ul> 
				</li> 
				<li id="node15"><a href="#">Asia</a> 
					<ul> 
						<li id="node151"><a href="#">Japan</a>	
						<li id="node152"><a href="#">China</a>	
						<li id="node153"><a href="#">Indonesia</a>			
					</ul> 
				</li> 
				<li id="node16"><a href="#">Africa</a> 
					<ul> 
						<li id="node17"><a href="#">Tanzania</a></li> 
						<li id="node18"><a href="#">Kenya</a></li> 
					</ul> 
				</li> 
				<li id="node19"><a href="#">America</a> 
					<ul> 
						<li id="node20"><a href="#">Canada</a></li> 
						<li id="node21"><a href="#">United States</a></li> 
						<li id="node22"><a href="#">Mexico</a></li> 
						<li id="node23"><a href="#">Argentina</a></li> 
					</ul>		
				</li>	
				<li id="node24" noChildren="true"><a href="#">Cannot have children</a></li> 
				<li id="node25" noDrag="true"><a href="#">Cannot be dragged</a></li> 
			</ul> 
		</li> 
	</ul> 
	<form> 
	<input type="button" onclick="saveMyTree()" value="Save"> 
	</Form> 
	<script type="text/javascript">	
	treeObj = new JSDragDropTree();
	treeObj.setTreeId('dhtmlgoodies_tree2');
	treeObj.setMaximumDepth(7);
	treeObj.setMessageMaximumDepthReached('Maximum depth reached'); // If you want to show a message when maximum depth is reached, i.e. on drop.
	treeObj.initTree();
	treeObj.expandAll();
	
	
	
 
 
	
	</script> 
	<a href="#" onclick="treeObj.collapseAll()">Collapse all</a> | 
	<a href="#" onclick="treeObj.expandAll()">Expand all</a> 
	<p style="margin:10px">Good Test Friends</p> 
	
	<!-- Form - if you want to save it by form submission and not Ajax --> 
  <form name="myForm" method="post" action="saveNodes.php"> 
		<input type="hidden" name="saveString"> 
	</form> 
 
</body> 
</html>

Conclusion

ce petit bout de code fonctionne superbement bien et développe une super arborescence

Fichier Zip

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

images
- context-menu-gradient.gif 214 octets
- dhtmlgoodies_folder.gif 971 octets
- dhtmlgoodies_minus.gif 197 octets
- dhtmlgoodies_plus.gif 200 octets
- dhtmlgoodies_sheet.gif 75 octets
- dragDrop_ind1.gif 53 octets
- dragDrop_ind2.gif 56 octets
- folder_close.gif 283 octets
- folder_dots.gif 68 octets
- folder_folder.gif 980 octets
- folder_lastsub.gif 78 octets
- folder_open.gif 286 octets
- folder_sub.gif 265 octets
js
- ajax.js 5 162 octets
- context-menu.js 12 165 octets
- drag-drop-folder-tree.js 29 375 octets
arborécence.html 4 928 octets
folderTree_updateItem.php 1 070 octets
lgpl.txt 26 942 octets
saveNodes.php 654 octets

Télécharger le zip

Historique

03 mai 2010 14:54:13 :: Screenshot

Sources du même auteur

MENU DE GAUCHE WIN XP

MENU TASKBAR WINDOWSXP HOME

Toutes les sources de micking

Sources de la même categorie

ANTI-ROBOTS V 1.0 par MacGaliver

PRÉSENTOIR PAGE/SUJET par tiranus

NAVIGATEUR INTERNET HAVRET par HAVRETos

WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator

NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh

Toutes les sources de la catégorie Navigation

Sources en rapport avec celle ci

DEUX MENU DÉROULANT LE PREMIER GÉNÈRE LE DEUXIÈME MENU par hakimastouri

MENU DÉROULANT EN IMAGES par dlvains

MENU EN CASCADE par kazma

Commentaires et avis

Aucun commentaire pour le moment.

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP