Discussion :

[hikamovic]

Bonjour tous le monde,

Je souhaite raffraichir un Div avec Ajax en JSP, je ne m'y connais pas trop en Ajax et DWR, mais d'après les recherches que j'ai fais, voici ce que j'ai pour l'instant :
Code JS :

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
 
<script src='/MyProject/dwr/interface/MyJS.js'></script>
<script src='/MyProject/dwr/engine.js'></script>
<script src='/MyProject/dwr/util.js'></script>
 
............
 
	var xhr = null;
	function getXhr(){
		if(window.XMLHttpRequest) /* Firefox et autres */
			xhr = new XMLHttpRequest();
		else if(window.ActiveXObject){ /* Internet Explorer */
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else { /* XMLHttpRequest non supporté par le navigateur*/
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
				xhr = false;
			}
	}
 
 
	function listDispoFind(){
	    var selectedDispo = dwr.util.getValue("selectedDispo");
 
  	    MyJS.getListDispo(selectedDispo);
	    getXhr();
	    xhr.open("GET", "#", false ); 
	    xhr.send(null); 
	}

Je souhaite raffraichir un div qui contient un Display:table après mis à jour de la liste, pour cela je mis à jour la liste ( avec l'appel de la fonction MyJS.getListDispo ) et je la garde dans une variable de session puis je ce qui me reste à faire est le refraiche du div.

Donc la seule chose qui me reste à faire, c'est le raffraichissement du Div, merci de votre réponse.

[hikamovic]

En modifiant mon code JS en ce qui suit, c'est toute la page qui se met dans le DIV et sans prendre en consideration la list mise à jour :
Code JS :

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
 
	var xhr = null;
 
	function getXhr(){
		if(window.XMLHttpRequest) /* Firefox et autres */
			xhr = new XMLHttpRequest();
		else if(window.ActiveXObject){ /* Internet Explorer */
			try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		else { /* XMLHttpRequest non supporté par le navigateur*/
				alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
				xhr = false;
			}
		xhr.open("GET", "#", true ); 
		xhr.onreadystatechange = ajaxReponse;
		xhr.send(null);
	}
 
	function ajaxReponse() {
        if (xhr.readyState == 4 && xhr.status == 200 ) {
                document.getElementById("dataTable",true).innerHTML = xhr.responseText; 
 
        }
	}

Le code de la JSP :

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
 
<div id="dataTable">
 
	<tr>
		<td width="96%">
 
 
		<bean:define id="mode" name="findForm" property="mode"/>
		<% String ligneChoisie = request.getAttribute("ligneChoisie")!=null?(String)request.getAttribute("ligneChoisie"):""; %>
		<bean:define id="Choice" value="<%=ligneChoisie%>"/>
		<bean:define id="ligne" value="0"/>
 
 		<display:table name="sessionScope.resultat_collaborateur" pagesize="10" requestURI="/../MyProject/MyAction.do"  id="collab"  style="width:96%">
			<bean:define id="ligne" value="${ligne+1}"/>
			<bean:define id="styleApplique" value=""/>
			<logic:equal name="ligneChoisie" value="${ligne}">
				<bean:define id="styleApplique" value="sgC_Tabl_Ligne1_Choice"/>
			</logic:equal>
 
 
 
			<display:column 
                title="Nom"
				headerClass="sgC_Tabl_Titre" 
				style="width:15%" class="${styleApplique}">
				<bean:write name="collab" property="nom"/> 
   			</display:column>
....
		</display:table>
 
 
		</td>
	</tr>
 
</div>

Comment faire pr que le display:table se recharge avec la liste mise à jour ???

Merci enoremement pour votre temps;