document.getElementById et IE7

Version imprimable

Bonjour,

Je sors un variable avec un XMLHttpRequest et à la place de return(xhr_object.responseText) je fais alert(xhr_object.responseText)

quand je saisis une lettre dans l'input qui me sert à interroger en AJAX ma base, j'ai bien le code HTML dans la fenetre d'alerte JS aussi bien avec Firefox que IE7.

Mais le souci, c'est que je veux l'afficher dans un <div> et j'ai :
Code:

1 2 3 4 5 6 7 8 9 10 11 function writediv(texte) { if (document.getElementById) { document.getElementById('pseudobox').innerHTML = texte; } else if (document.all) { document.all["pseudobox"].innerHTML = texte; } }
et dans le body

Code:

<div id="pseudobox"></div>

L'affichage se fait nickel sous firefox, safari, mais rien s'affiche sous IE7 :(

Une idée ?
Merci

N'utilise que le document.getElementById pour accéder aux éléments pour IE6 - 7 et FF.
Pas de document.all ni de getElementsByName sauf si besoin est mais le document.all est à proscrire.

Code:

1
2
3
4
function $(id){return document.getElementById(id);} // Clean your code
function writediv(texte) {
  	$('pseudobox').innerHTML = texte;
}

Ou encore mieux

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var IE = false;
if(navigator.appName=='Microsoft Internet Explorer'){var IE=true;}
function createDiv(id, content, style, where){
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', id);
	if(IE){
		newdiv.setAttribute('cssText', style);
	}else{
		newdiv.setAttribute('style', style);
	}
	newdiv.innerHTML = content;
	$(where).appendChild(newdiv);
}
 
createDiv('pseudobox', texte, 'border:1px solid #000;', 'divConteneur');

Beaucoup plus propre champion :king:

06/07/2007, 09h29
E.Bzz

Bonjour,

Citation:

Envoyé par d-Rek

Beaucoup plus propre champion :king:

surtout fonctionnellement assez différent :
le fonctionnement de la page sera différent en rajoutant un élément, par rapport à uniquement modifier le texte d'un élément existant.
La mise en page doit être prévue avec et sans.
Il faut aussi en prévoir la suppression.

Bref, la 1° solution semble suffisante (et plus simple) dans ce cas ...

A+

Ben merci, mais il doit y a voir autre choses car cela ne marche toujours qu'avec FF et pas IE7

Code complet de la page:

Code:

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
75
76
77
78
79
80
81
82
 
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet exclude-result-prefixes="xsl fmrs #default" version="1.0" xmlns:fmrs="http://www.filemaker.com/xml/fmresultset" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<?xslt-cwp-query params="-grammar=fmresultset&-encoding=UTF-8&-process"?>
	<xsl:param name="request-query"/>
	<xsl:include href="utilities.xsl"/>
	<xsl:output encoding="UTF-8" indent="yes" method="html"/>
	<xsl:variable name="stored-find">
		<xsl:call-template name="get-stored-find"/>
	</xsl:variable>
	<xsl:template match="/fmrs:fmresultset">
		<html>
			<head>
			<meta http-equiv="Cache-Control" content="no-cache"/>
				<title>Accueil</title>
			</head>
<script type="text/JavaScript">
<xsl:text disable-output-escaping="yes">
<![CDATA[
 
function $(id){return document.getElementById(id);} 
function writediv(texte) {  $('pseudobox').innerHTML = texte; }
 
function verifPseudo(pseudo)
{
if(pseudo != '')
{
 if(texte = file('result.xsl?-lay=Wdepartements&Département.op=cn&Département='+ escape(pseudo) +'&CP.op=cn&CP=&secteurdv.op=eq&secteurdv=&secteurmanager.op=eq&secteurmanager=&secteurcommerciaux.op=eq&secteurcommerciaux=&-lop=and&-find=Rechercher+des+enregistrements'))
{writediv(texte)}
}
}
function file(fichier)
{	var xhr_object = null; 
 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
            }
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr_object = false; 
	}
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
]]>
</xsl:text>
</script>
			<body bgcolor="#ffffff" text="#000000">
				<table width="100%">
					<tr>
						<td><h3>Rechercher un département ... </h3></td>
					</tr>
				</table>
				<hr/>
				<form action="">
  <table width="251" border="0">
    <tr>
      <td width="223"><p class="Style1">Saisissez le debut du nom :</p>
        <p>
          <input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
        </p></td>
      <td width="18"></td>
    </tr>
  </table>
  <table width="50%" border="0" align="center">
    <tr>
      <td><div id="pseudobox"></div></td>
    </tr>
  </table>
</form>
			</body>
		</html>
	</xsl:template>
</xsl:stylesheet>

La configuration IE7 est d'origine

Merci

Pour info, sous FF, il me dit

writediv is not defined
http://fmhost-c.servehttp.com/fmi/xs.../recherche.xsl
Line 19

mais ça marche quand même !

aprés plein d'essais, marche toujours pas .....

Dans un textarea, j'ai bien du html propret sur IE7 mais impossible de faire la sortie dans un DIV avec

Sortie TEXTAREA

Code:

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
 
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<title>Liste des enregistrements</title>
</head>
<body text="#000000" bgcolor="#ffffff">
<form method="post">
<table width="100%" cellspacing="0" border="1">
<tr>
<th align="left">Departement</th><th align="left">CP</th><th align="left">Secteur DV</th><th align="left">Secteur Manager</th><th align="left">Secteur commercial</th>
</tr>
<tr>
<td align="left"><a href="browserecord.xsl?-lay=Wdepartements&-recid=177&-find=-find">Seine-Maritime</a></td><td align="left">76</td><td align="left">France</td><td align="left">France</td><td align="left">France</td>
</tr>
<tr>
<td align="left"><a href="browserecord.xsl?-lay=Wdepartements&-recid=178&-find=-find">Seine-et-Marne</a></td><td align="left">77</td><td align="left">France</td><td align="left">France</td><td align="left">France</td>
</tr>
<tr>
<td align="left"><a href="browserecord.xsl?-lay=Wdepartements&-recid=193&-find=-find">Hauts de Seine</a></td><td align="left">92</td><td align="left">France</td><td align="left">France</td><td align="left">France</td>
</tr>
<tr>
<td align="left"><a href="browserecord.xsl?-lay=Wdepartements&-recid=194&-find=-find">Seine Saint Denis</a></td><td align="left">93</td><td align="left">France</td><td align="left">France</td><td align="left">France</td>
</tr>
</table>
</form>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function go(cible){ 
getXhr(); 
xhr.onreadystatechange = function(){ 
if(xhr.readyState == 4 && xhr.status == 200){ 
leselect = xhr.responseText; 
document.getElementById('pseudoboxa').innerHTML = leselect; 
} 
} 
xhr.open("POST","result.xsl",true); 
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xhr.send('-lay=Wdepartements&departement.op=cn&departement='+ escape(cible) +'&CP.op=cn&CP=&secteurdv.op=eq&secteurdv=&secteurmanager.op=eq&secteurmanager=&secteurcommerciaux.op=eq&secteurcommerciaux=&-lop=and&-find=Rechercher+des+enregistrements');
}

Code:

<div id="pseudoboxa"></div>

Une idée ?

10/07/2007, 17h16
Matthieu2000

garde le code dans le tag body, et vire le reste.