Bonjour,
J'ai une page WEB divisée en plusieurs parties grâce aux balises DIV. J'essaie de mettre à jour juste une partie de cette page après le clique sur un lien grâce à une fonction utilisant innerHTML. Mais le problème c'est que rien ne se passe. Voilà le code javascript
Code javascript : 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 function getXHR() { var xhr = null; 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; } return(xhr); } function update_area(upd,div_id) { var xhr = null; xhr = getXHR(); xhr.onclick = function() { if ((xhr.readystatechange == 4) && (xhr.state == 2) ) { document.getElementById(div_id).innerHTML = upd } } }
et le code de ma page web
Code html : 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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link rel="stylesheet" href="jmaki-standard.css" type="text/css"></link> <title>Espace Administrateur</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="Espace_Administrateur_JSP.js" type="text/javascript"></script> </head> <body> <div id="outerBorder"> <div id="header"> <div id="banner">Application Name</div> <div id="subheader"> <div> <a href="mailto:feedback@youraddress">Contact</a> | <a href="#">Plan</a> | <a href="#">Accueil</a> </div> </div> <!-- sub-header --> </div> <!-- header --> <div id="main"> <div id="leftSidebar"> <a href="#" onclick="update_area(testhtml.html,'content')">Nouvelles Inscriptions</a> <br/><br/><br/> <a href="#">Facture</a> <br/><br/><br/> <a href="#">Devis</a> <br/><br/><br/> <a href="#">Gérer les Produits</a> <br/><br/><br/> <a href="#">Gérer les Clients</a> <br/><br/><br/> <a href="#">Suivre les Commandes</a> </div> <!-- leftSidebar --> <div id="content" style="height:400px"> Main Content Area </div> <!-- content --> </div> <!-- main --> </div> <!-- outerborder --> </body> </html>
et le code de la page testhtml.html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <html> <head> <title>Ma page</title> </head> <body>N'importe quoi!</body> </html>
Ps: la page html principale a été générée grâce au plugin jmaki de NetBeans 6.5.1.
Partager