erreur de test avec <span>

**alen22** · 16/03/2011, 15h06

salut,

j'ai un problème pour tester un exemple .

pour tester le code je dois mettre en place le fichier .xml

voila un exemple de fichier qui nommée test.xml

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
<bds>
 
 
 
 
 
<serie name="Comanche" interest="5">
<bd num="1" title="Red Dust"/>
<bd num="2" title="Les guerriers du désespoir"/>
<bd num="3" title="Les loups de Wyoming"/>
<bd num="4" title="Le ciel est rouge sur Laramie"/>
<bd num="7" title="Le doigt du diable"/>
<bd num="8" title="Les shériffs"/>
<bd num="9" title="Et le diable hurla de joie"/>
</serie>
 
<serie name="Seuls" interest="5">
<bd num="1" title="La Disparition"/>
<bd num="2" title="Le Maître des couteaux"/>
<bd num="3" title="Le Clan du requin"/>
<bd num="4" title="Les Cairns rouges"/>
<bd num="5" title="Au cœur du maelström"/>
</serie>
</bds>

et pour page .xhtml
le code suivant commence de javascript car la partie la plus importante

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
75
76
77
<script type="text/javascript">
 
		var DOMXML = null;
 
window.onload = function() {
	DOMImplementation('test.xml', getData);
}
 
 
function getData(oData) {
	DOMXML = oData;
 
 
 
 
 
	var series = oData.getElementsByTagName("serie");
	var sorted = [];
 
	for (var i=0, c=series.length; i<c; i++) {
		sorted.push([series[i].getAttribute("name"), i]);
	}
	sorted.sort();	
 
 
	var list = "<select name=\"serieName\" id=\"serieName\">\n";
	for (var i=0, c=sorted.length; i<c; i++) {
		list += "<option value=\"" + sorted[i][1] + "\">" + sorted[i][0] + "</option>\n";
	}
 
	list += "</select>\n";
 
	document.getElementById("outputListDiv").innerHTML = list;
 
 
 
}
 
 
		</script>
 
 
 
 
 
 
 
 
 
 
 
 
</head>
<body class="containerB">
 
 
 
		<rich:tab label="Home">
		<form id="bdForm" method="get" action="">
		<label for="serieName">Choisir une série : </label>
 
		<div>
		<span id="outputListDiv"><em>Liste des séries non chargée...</em></span>
 
 
		</div>
 
 
 
 
        </rich:tab>
 
 
 
 
</body>
</html>

peut etre je dois mettre la balise de <span entre balise bien spécifique car je travail avec la notion de richfaces

Code :

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

1
2
3
4
5
1
 
 
 
javax.servlet.ServletException: Error Parsing /exemple.xhtml: Error Traced[line: 37] Element type "c" must be followed by either attribute specifications, ">" or "/>".

et pour la ligne elle est :parmis ces deux lignes :

Code :

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

1
2
for (var i=0, c=series.length; i<c; i++) {
		sorted.push([series[i].getAttribute("name"), i]);

et si je consulte la console d'erreur de firefox elle m'affiche :

element.dispatcherEvent is not a function

merci d'avance

**alen22** · 16/03/2011, 18h55

je veux savoir est ce que erreur de code ou de syntaxe

par exemple comment intégrer span avec richfaces

**alen22** · 17/03/2011, 09h24

je fait un peu de changement au niveau d'une partie de code

et voila le nouveau code

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
75
76
77
78
79
<script type="text/javascript">
 
		var DOMXML = null;
 
window.onload = function() {
	DOMImplementation('data.xml', getData);
}
 
 
function getData(oData) {
	DOMXML = oData;
 
 
 
 
 
	var series = oData.getElementsByTagName("serie");
	var sorted = [];
 
	for (var i=0, c=series.length; i<c; i++) {
		sorted.push([series[i].getAttribute("name"), i]);
	}
	sorted.sort();	
 
 
	var list = "<select name=\"serieName\" id=\"serieName\">\n";
	for (var i=0, c=sorted.length; i<c; i++) {
		list += "<option value=\"" + sorted[i][1] + "\">" + sorted[i][0] + "</option>\n";
	}
 
	list += "</select>\n";
 
	document.getElementById("outputListDiv").innerHTML = list;
 
 
 
}
 
 
		</script>
 
 
 
 
 
 
 
 
 
 
 
 
</head>
<body>
 
 
 <rich:panel>
			<h:form id="bdForm" method="get" action="">
 
		<label for="serieName">Choisir une série : </label>
 
		<div>
		<span id="outputListDiv"><em>Liste des séries non chargée...</em></span>
 
 
 
		</div>
		</h:form>
 
 
 
          </rich:panel> 
 
 
 
 
 
</body>
</html>

et je travail avec le même fichier .xml qui j'ai déjà vous donner

mais l'erreur est le meme

Code :

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

javax.servlet.ServletException: Error Parsing /exemple.xhtml: Error Traced[line: 37] Element type "c" must be followed by either attribute specifications, ">" or "/>".

l'erreur concerne exactement cette ligne

Code :

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

1
2
 
	for (var i=0, c=series.length; i<c; i++) {

merci d'avance

**alen22** · 18/03/2011, 21h18

j'explique un peu le but final pour mon programme

le code suivant je le test avec des page simple .html

et le but est d'adopter avec des pages web richfaces

voila le code html

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
<fieldset>
	<legend>Sélection de la série</legend>
	<form id="bdForm" method="get" action="">
		<div>
			<label for="serieName">Choisir une série : </label>
 
			<!-- On écrira le SELECT dans le SPAN ci-dessous -->
			<span id="outputListDiv"><em>Liste des séries non chargée...</em></span>
		</div>
		<p><input type="button" value="Afficher les BD de cette série" onclick="displayBD();" /></p>
	</form>
</fieldset>
 
<fieldset id="outputBDFieldset">
	<legend>BD en ma possession</legend>
 
	<!-- On écrira la TABLE avec la liste des albums dans le DIV ci-dessous -->
	<div id="outputBDDiv"></div>
</fieldset>

le code javascript

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
var DOMXML = null;
 
window.onload = function() {
	DOMImplementation('data.xml', getData);
}
 
function getData(oData) {
	DOMXML = oData;
 
	var series = oData.getElementsByTagName("serie");
	var sorted = [];
 
	// Classement par ordre alphabétique, via tableau à 2 dimensions
	for (var i=0, c=series.length; i<c; i++) {
		sorted.push([series[i].getAttribute("name"), i]);
	}
	sorted.sort();	
 
	// Génération du SELECT
	var list = "<select name=\"serieName\" id=\"serieName\">\n";
	for (var i=0, c=sorted.length; i<c; i++) {
		list += "<option value=\"" + sorted[i][1] + "\">" + sorted[i][0] + "</option>\n";
	}
 
	list += "</select>\n";
 
	document.getElementById("outputListDiv").innerHTML = list;
}
 
 
function displayBD() {
	// récup' de l'id de la série, écrit dans la VALUE de l'OPTION
	with (document.getElementById("serieName")) var idSerie = parseInt(options[selectedIndex].value); 
 
	var serie = DOMXML.getElementsByTagName("serie")[idSerie];
	var bds   = serie.getElementsByTagName("bd");
 
	// Création de la TABLE avec les résultats
	var table = "<table class=\"sortable\" width=\"100%\">\n";
	table += "<tr><th width=\"20\">N°</th><th>Titre de l'album</th></td>\n";
 
	for (var i=0, c=bds.length; i<c; i++) {
		table += "<tr><td>" + bds[i].getAttribute("num") + "</td><td>" + bds[i].getAttribute("title") + "</td></tr>\n";
	}
 
	table += "</table>\n";
 
	document.getElementById("outputBDDiv").innerHTML = table;
}

et pour le fichier data.xml

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
<bds>
 
 
 
 
 
<serie name="Comanche" interest="5">
<bd num="1" title="Red Dust"/>
<bd num="2" title="Les guerriers du désespoir"/>
<bd num="3" title="Les loups de Wyoming"/>
<bd num="4" title="Le ciel est rouge sur Laramie"/>
<bd num="7" title="Le doigt du diable"/>
<bd num="8" title="Les shériffs"/>
<bd num="9" title="Et le diable hurla de joie"/>
</serie>
 
<serie name="Seuls" interest="5">
<bd num="1" title="La Disparition"/>
<bd num="2" title="Le Maître des couteaux"/>
<bd num="3" title="Le Clan du requin"/>
<bd num="4" title="Les Cairns rouges"/>
<bd num="5" title="Au cœur du maelström"/>
</serie>
</bds>

si vous tester ce code il affiche en premier lieu les différents noms de série

et après a chaque sélection de nom de série il affiche les différents titres de bd

mais pour le moment je veux l'adopter cette solution comme je dis je travail avec richfaces

en premier lieu je dois créer le bean

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
public class Recuperation
{
private int Episodes;
public int getEpisodes()
{
return Episodes;
}
 
public void setEpisodes(int Episodes)
{
this.Episodes=Episodes;
}
private SelectItem[] selectItem[];
 public SelectItem[] getListEpisodes(){
 SAXBuilder sxb = new SAXBuilder();
    document = sxb.build(new File("data.xml"));
      racine = document.getRootElement();
    Listbds = racine.getChildren("serie");
    Iterator i = listbds.iterator();
   while(i.hasNext()){
      Element courant = (Element)i.next();
 
 
selectItem[]= new SelectItem[]{
        new SelectItem(courant.getChild("name").getValue())
 
     }
return selectItem[];
}
 }

et pour la page web avec rihfaces

Code :

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

1
2
3
4
5
<h:form>
 <h:selectOneMenu value="#{Recuperation.Episodes}">
  <f:selectItems value="#{Recuperation.listEpisodes}"/>
 </h:selectOneMenu>
</h:form

je pense franchement que le code de la class Recuperation est erroné car je dois remplir le tableau au fur et à mesure dans la boucle, pas l'effacer à chaque fois

j'espère que a ce moment vous avez comme même une idée sur l'objectif final de l'affichage de la page web

merci d'avance

**alen22** · 19/03/2011, 11h52

je veux savoir est ce que possible d'adopter le travail réalisé avec des pages simples en html avec richfaces et bean

**nadox** · 19/03/2011, 12h09

Bonjour,

C'est assez sympa de nous faire part de ton travail de façon quasi-quotidienne !
Par contre pour tes problèmes, je pencherais pour un sacré manque de rigueur dans l'écriture de ton code. L'indentation sert bien à quelque chose, une accolade ouvrante ne doit-elle pas se fermer au bon endroit? La boucle for utilise ',' ou ';' ?

Pour répondre à ta dernière question : Tout est possible !

Je tiens à préciser que je ne connais pas richfaces, mais la lecture de ton code me permet déjà de dire que ça ne fonctionnera probablement pas comme tu t'y attends...

erreur de test avec <span>

jQuery

Vue hybride

Discussions similaires

Partager

Partager