Bonjour,

Je viens de récupérer le développement des évolutions d'un site qui est très ancien sur lequel. Il y a eu des petites évolutions comme des requêtes Ajax avec le framework Rico et du visuel avec le framework jQuery.

Sauf que les évolutions visuelles n'ont pas été faites sur les pages qui font des requêtes Ajax à cause de l'incompatibilité entre les deux framework. Même si j'ai vu qu'avec l'instruction jQuery.noConflct() on pouvait y arriver.
Chose que j'ai essayé mais qui n'a pas été concluant.

Donc la solution aussi est de n'avoir qu'un seul framework. Là il s'agit d'un choix que j'ai fait, c'est d'utiliser jQuery, d'une pour sa documentation et tout ce qu'on peut trouver dessus, ses extensions et plein de truc qui font qu'on apprécie et de deux pour alléger le chargement des pages.

Je me trouve avec ce genre de code utilisant ajaxEngine de Rico que je voudrais faire évoluer vers ajax de jQuery.
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
function bodyOnLoad(){
	ajaxEngine.registerRequest('reqMesure','<%=contextMesure%>/mesure.do;jsessionid=<%=session.getId()%>');
	ajaxEngine.registerAjaxElement('divAnnotations');
	ajaxEngine.registerAjaxElement('divTableauDeValeurs');
 
	ajaxEngine.registerRequest('chartMap','<%=contextMesure%>/chartServlet;jsessionid=<%=session.getId()%>');
	ajaxEngine.registerAjaxElement('divMap');
	ajaxEngine.sendRequest('chartMap', "map=yes");
}
 
function exec(){
	$("divMessage").innerHTML="<%=u.i18n("VeuillezPatienter") + "..."%>";
	document.forms[1].submit();
}
 
/*
 * Renvoie les données du graphique
 */
 
function getTableauDeValeurs(){
	var d = $('divTableauDeValeurs');
	d.innerHTML="Chargement (veuillez patienter) ...";
	d.innerHTML+="<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>";
	d.innerHTML+="<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>";
	d.style.border="1px dashed orange";
	ajaxEngine.sendRequest('reqMesure', "event=tableauDeValeursAjax");
	return true;
}
 
function loadingAnnotations(){
	var d = $('divAnnotations');
	d.innerHTML="Chargement (veuillez patienter) ...";
	d.style.border="1px dashed orange";
}
 
function getAnnotations(){
	loadingAnnotations();
	ajaxEngine.sendRequest('reqMesure', "event=getAnnotations");
}
 
function delAnnotation(date){
	loadingAnnotations();
	ajaxEngine.sendRequest('reqMesure', "event=delAnnotation", "date="+date);
}
 
function addAnnotation(){
	loadingAnnotations();
	ajaxEngine.sendRequest('reqMesure', "event=addAnnotation");
}
 
function saveAnnotation(){
	var oDt=document.forms['annotForm'].oldDate.value;
	var dte=document.forms['annotForm'].editedDate.value;
	var vle=document.forms['annotForm'].editedValue.value;
	var txt=document.forms['annotForm'].editedText.value;
	var flc=document.forms['annotForm'].editedFleche.value;
	loadingAnnotations();
	ajaxEngine.sendRequest('reqMesure', "event=saveAnnotation", "oldDate="+oDt, "editedDate="+dte, "editedValue="+vle, "editedText="+txt, "editedFleche="+flc);
}
 
function editAnnotation(date){
	loadingAnnotations();
	ajaxEngine.sendRequest('reqMesure', "event=getAnnotations", "edit="+date);
}
 
function updateFeuillet( date, code, value){
	if ( confirm( 'Etes-vous sûr de vouloir copier la valeur dans les données du point de livraison ?' ) ){
		var d = $('divTableauDeValeurs');
		d.innerHTML="Chargement (veuillez patienter) ...";
		d.style.border="1px dashed orange";
		ajaxEngine.sendRequest('reqMesure', "event=updateFeuillet", "date="+date, "code="+code, "value="+value);
	}
}
En fait là où j'ai besoin de vos lumière, c'est comment faire les correspondances entre les différentes fonctions de Rico.ajaxEngine et jQuery.ajax


Merci beaucoup pour votre aide.