Discussion :

[voyageurdumonde]

Bonjour,

J'ai la fonction suivante :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
	window.onload = function(){
		new JsDatePick({
			useMode:2,
			target:"inputField",
			dateFormat:"%d-%M-%Y"
 
		});
		new JsDatePick2({
			useMode:2,
			target:"inputField2",
			dateFormat:"%d-%M-%Y"
 
		});
	};
</script>

et plus loin dans la meme page cette autre fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<script type="text/javascript">
 
  function initDragDropScript()
	{
		dragContentObj = document.getElementById('dragContent');
		dragDropIndicator = document.getElementById('dragDropIndicator');
		dragDropTopContainer = document.getElementById('dhtmlgoodies_dragDropContainer');
		document.documentElement.onselectstart = cancelEvent;;
		var listItems = dragDropTopContainer.getElementsByTagName('LI');	// Get array containing all <LI>
		var itemHeight = false;
		for(var no=0;no<listItems.length;no++){
			listItems[no].onmousedown = initDrag;
			listItems[no].onselectstart = cancelEvent;
			if(!itemHeight)itemHeight = listItems[no].offsetHeight;
			if(MSIE && navigatorVersion/1<6){
				listItems[no].style.cursor='hand';
			}
		}
 
		var mainContainer = document.getElementById('dhtmlgoodies_mainContainer');
		var uls = mainContainer.getElementsByTagName('UL');
		itemHeight = itemHeight + verticalSpaceBetweenListItems;
		for(var no=0;no<uls.length;no++){
			uls[no].style.height = itemHeight * boxSizeArray[no]  + 'px';
		}
 
		var leftContainer = document.getElementById('dhtmlgoodies_listOfItems');
		var itemBox = leftContainer.getElementsByTagName('UL')[0];
 
		document.documentElement.onmousemove = moveDragContent;	// Mouse move event - moving draggable div
		document.documentElement.onmouseup = dragDropEnd;	// Mouse move event - moving draggable div
 
		var ulArray = dragDropTopContainer.getElementsByTagName('UL');
		for(var no=0;no<ulArray.length;no++){
			ulPositionArray[no] = new Array();
			ulPositionArray[no]['left'] = getLeftPos(ulArray[no]);
			ulPositionArray[no]['top'] = getTopPos(ulArray[no]);
			ulPositionArray[no]['width'] = ulArray[no].offsetWidth;
			ulPositionArray[no]['height'] = ulArray[no].clientHeight;
			ulPositionArray[no]['obj'] = ulArray[no];
		}
 
		if(!indicateDestionationByUseOfArrow){
			indicateDestinationBox = document.createElement('LI');
			indicateDestinationBox.id = 'indicateDestination';
			indicateDestinationBox.style.display='none';
			document.body.appendChild(indicateDestinationBox);
 
 
		}
	}
 
	window.onload = initDragDropScript;
	</script>

Il semblerait que le fait d'avoir 2 fois window.onload sur la meme page bloque l'execution de la premiere fonction.
Il y a t-il une solution pour resoudre cela?

Merci de votre aide

[andry.aime]

Si tu affectes plusieurs fois de fonction à un évènement, seul la dernière sera prise en compte.

Code :

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

1
2
3
 function jsDate(){
		new JsDatePick({
....

Code :

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

window.onload= function(){jsDate(); initDragDropScript();}

A+.

[SpaceFrog]

sinon bind() ...

[Watilin]

La solution la plus rapide est la fonction addLoadEvent de Simon Willson (http://simonwillison.net/2004/may/26/addloadevent/).
C'est toutefois une solution vieille de bientôt 8 ans, et il convient de s'intéresser aux getionnaires d'évènements si on veut coder selon les bonnes pratiques actuelles (sans nécessairement recourir à une bibliothèque pour cela).

[voyageurdumonde]

Merci pour vos reponses!