Petit script incompatible validation W3C [Résolu]

[Amouna85]

Bonsoir à tous,

Voilà, j'ai un petit soucis, mon script qui me sert à lister mes tags n'est pas valide sur W3C, il me donne plus de 500 erreurs, mais je sais qu'il suffit juste de recoder mon script, chose que je n'arrive pas depuis hier...

Quelqu'un pourrait m'aider à le recoder correctement svp?

Voici le code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="tagsphere">
<ul>
		<?php	
 
			$reponse = mysql_query("SELECT * 
			FROM articles where lien LIKE '%aromatherapie%'or (lien LIKE '%index%') or (lien LIKE '%soins_divers%') or (lien LIKE '%art_de_la_tisane%')");
 
			while ($donnees = mysql_fetch_array($reponse) ) {
			$someWords = $donnees['tag']; 
 
			$wordChunks = explode(",", $someWords);
 
			 for($i = 0; $i < count($wordChunks); $i++){
 
    		?><li><a href="<?php echo $donnees['lien'];?>"><?php echo $wordChunks[$i] ;}?></a></li>	
		<?php } ?>
</ul>
</div>

Merci beaucoup!

[stealth35]

et l'erreur est ?

[Amouna85]

L'erreur qui revient des centaines de fois est celle-ci:

Line 251, Column 529: document type does not allow element "li" here

…php?rubrique=decoctions">ébullition<li><a href="/art_de_la_tisane.php?rubrique…

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

[stealth35]

montre le code complet de ta page,
je te conseil de faire des htmlspecialchars sur tes sorties

[Amouna85]

C'est le code complet, en fait après je fais juste include dans mon index mais sinon le code est complet.

Comment je fais ce que tu m'as conseillé?

[Séb.]

Faudrait nous donner un extrait significatif du HTML généré.

Sinon y'a une } qui traîne et qui, a priori, n'a rien à faire là :

Code :

<?php echo $wordChunks[$i] ;}?></a></li>

[stealth35]

Envoyé par Séb.

Faudrait nous donner un extrait significatif du HTML généré.

Sinon y'a une } qui traîne et qui, a priori, n'a rien à faire là :

Code :

<?php echo $wordChunks[$i] ;}?></a></li>

bien joué ça coupe le for

[Séb.]

Envoyé par stealth35

bien joué ça coupe le for

D'où l'intérêt de présenter correctement son script et d'utiliser les for/endfor & cie pour le PHP immergé dans du HTML, n'est-ce pas Amouna85 ?

[Amouna85]

J'ai essayé, ce n'est pas ça.

En fait il n'a pas d'html, il utilise du JQuery:

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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
 
(function(){
    var tags;
    var defaults = {
        height: 150,
        width: 200,
        radius: 500,
        speed: 0.20,
        slower: 1,
        timer: 5,
        fontMultiplier: 10,
        tagCSSOver: {
            border: 'solid 1px #FF9999',
            color: '#FF9999'
        },
        tagCSSOut: {
            border: '',
            color: ''
        }
    }
    var forCalcs = {
        halfHeight: null,
        halfWidth: null,
        hwratio: null,
        dtr: null,
        diametr: null,
        speedX: null,
        speedY: null,
        tLength: null
    }
    var curState = {
        mouseOver: null,
        lastFy: null,
        lastFx: null,
        sy: null,
        cy: null,
        sx: null,
        cx: null,
        mouseX: null,
        mouseY: null
    }
    var options = {};
    jQuery.fn.tagSphere = function(opt){
        options = jQuery.extend(defaults, opt);
        initContainer(this);
        initTags(this);
        initCalcs();
        deployTags();
        setInterval(updateTags, options.timer);
        return this;
    };
 
    function initCalcs(){
        forCalcs.halfHeight = options.height / 2;
        forCalcs.halfWidth = options.width / 2;
        forCalcs.speedX = options.speed / forCalcs.halfWidth;
        forCalcs.speedY = options.speed / forCalcs.halfHeight;
        forCalcs.dtr = Math.PI / 180;
        forCalcs.diametr = options.radius * 2;
        forCalcs.hwratio = options.height / options.width;
        forCalcs.whratio = options.width / options.height;
        forCalcs.tLength = tags.length - 1;
        curState.mouseOver = false;
        curState.lastFx = options.speed;
        curState.lastFy = options.speed;
    }
 
    function initContainer(tagCont){
        tagCont.height(options.height);
        tagCont.width(options.width);
        tagCont.css({
            'overflow': 'hidden',
            'position': 'relative'
        });
        tagCont.mousemove(function(e){
            curState.mouseX = e.pageX - this.offsetLeft;
            curState.mouseY = e.pageY - this.offsetTop;
        });
        tagCont.hover(function(){
            curState.mouseOver = true;
        }, function(){
            curState.mouseOver = false;
        });
    }
 
    function initTags(tagCont){
        tags = tagCont.children('ul').children();
        tags.css({
            'position': 'absolute',
            'list-style-type': 'none',
            'list-style-position': 'outside',
            'list-style-image': 'none'
        });
        for (var i = 0; i < tags.length; i++) {
            var jTag = jQuery(tags[i]);
            tags[i] = jTag;
            jTag.hover(function(){
                jQuery(this).css(options.tagCSSOver);
            }, function(){
                jQuery(this).css(options.tagCSSOut);
            })
        }
    }
 
    function deployTags(){
        var phi = 0;
        var theta = 0;
        var max = forCalcs.tLength + 1;
        var i = 0;
        while (i++ < max) {
            phi = Math.acos(-1 + (2 * i - 1) / max);
            theta = Math.sqrt(max * Math.PI) * phi;
            tags[i - 1].cx = options.radius * Math.cos(theta) * Math.sin(phi);
            tags[i - 1].cy = options.radius * Math.sin(theta) * Math.sin(phi);
            tags[i - 1].cz = options.radius * Math.cos(phi);
            tags[i - 1].h = jQuery(tags[i - 1]).height() / 4;
            tags[i - 1].w = jQuery(tags[i - 1]).width() / 4;
        }
    }
 
    function calcRotation(fy, fx){
        curState.sy = Math.sin(fy * forCalcs.dtr);
        curState.cy = Math.cos(fy * forCalcs.dtr);
        curState.sx = Math.sin(fx * forCalcs.dtr);
        curState.cx = Math.cos(fx * forCalcs.dtr);
    }
 
    function updateTags(){
        var fy;
        var fx;
        if (curState.mouseOver) {
            fy = options.speed - forCalcs.speedY * curState.mouseY;
            fx = forCalcs.speedX * curState.mouseX - options.speed;
        }
        else {
            fy = curState.lastFy * options.slower;
            fx = curState.lastFx * options.slower;
        }
        curState.lastFy = fy;
        curState.lastFx = fx;
        if (Math.abs(fy) > 0.01 || Math.abs(fx) > 0.01) {
            calcRotation(fy, fx);
            j = -1;
            while (j++ < forCalcs.tLength) {
                rx1 = tags[j].cx;
                ry1 = tags[j].cy * curState.cy + tags[j].cz * -curState.sy;
                rz1 = tags[j].cy * curState.sy + tags[j].cz * curState.cy;
                tags[j].cx = rx1 * curState.cx + rz1 * curState.sx;
                tags[j].cy = tags[j].cy * curState.cy + tags[j].cz * -curState.sy;
                tags[j].cz = rx1 * -curState.sx + rz1 * curState.cx;
                var per = forCalcs.diametr / (forCalcs.diametr + tags[j].cz);
                tags[j].x = tags[j].cx * per;
                tags[j].y = tags[j].cy * per;
                tags[j].alpha = per / 2;
                tags[j].css({
                    'left': forCalcs.whratio * (tags[j].x - tags[j].w * per) + forCalcs.halfWidth,
                    'top': forCalcs.hwratio * (tags[j].y - tags[j].h * per) + forCalcs.halfHeight,
                    'opacity': tags[j].alpha,
                    'font-size': options.fontMultiplier * tags[j].alpha + 'px',
                    'z-index': Math.round(-tags[j].cz)
                });
            }
        }
    }
})()

Et donc j'avais décidé moi même de faire appel à ma base de données, jusque lorsque j'ai essayé de valider, je me retrouve avec + de 500 erreurs alors que c'est parfaitement fonctionnel.

J'en ai déduis qu'il fallait recoder le petit script?
Mais sans résultat depuis hier...

[Séb.]

Envoyé par Amouna85

J'ai essayé, ce n'est pas ça.

Ah.

En fait il n'a pas d'html, il utilise du JQuery:

JQuery génère du HTML, propre j'espère

Code :

(snip JS)

Pourrais pas t'aider là-dessus.

Et donc j'avais décidé moi même de faire appel à ma base de données, jusque lorsque j'ai essayé de valider, je me retrouve avec + de 500 erreurs alors que c'est parfaitement fonctionnel.

J'en ai déduis qu'il fallait recoder le petit script?
Mais sans résultat depuis hier...

Pas compris ce que tu veux dire.

[Amouna85]

Je disais que le problème vient de ce script-ci que j'ai codé moi-même:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="tagsphere">
<ul>
		<?php	
 
			$reponse = mysql_query("SELECT * 
			FROM articles where lien LIKE '%aromatherapie%'or (lien LIKE '%index%') or (lien LIKE '%soins_divers%') or (lien LIKE '%art_de_la_tisane%')");
 
			while ($donnees = mysql_fetch_array($reponse) ) {
			$someWords = $donnees['tag']; 
 
			$wordChunks = explode(",", $someWords);
 
			 for($i = 0; $i < count($wordChunks); $i++){
 
    		?><li><a href="<?php echo $donnees['lien'];?>"><?php echo $wordChunks[$i] ;}?></a></li>	
		<?php } ?>
</ul>
</div>

Je suis certaine que c'est une question d'imbrication ou de code mal rangé, le seul soucis c'est que je ne vois pas

[Séb.]

Je vois toujours la } de trop !
Poste le script corrigé stp.

[Amouna85]

Lorsque j'enlève cette accolade, le script n'est plus fonctionnel.

[Séb.]

Envoyé par Amouna85

Lorsque j'enlève cette accolade, le script n'est plus fonctionnel.

Et bien poste le nouveau script qu'on puisse jeter un oeil.

[stealth35]

Envoyé par Amouna85

Lorsque j'enlève cette accolade, le script n'est plus fonctionnel.

elle est juste mal placer

[Amouna85]

Où dois-je la placer alors?

Il n'y a pas de nouveau script, c'est le seul script que je possède.

[Séb.]

Envoyé par Amouna85

Où dois-je la placer alors?

Il n'y a pas de nouveau script, c'est le seul script que je possède.

Tu as un script erroné, tu le modifies et le pb persiste.
Il faut poster le script modifié (ce que j'appelle "nouveau script") et pas à nouveau celui d'origine comme tout à l'heure.

[Séb.]

Envoyé par stealth35

elle est juste mal placer

Yep, me suis mal exprimé

[Amouna85]

Ok, désolée.

Voici:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="tagsphere">
<ul>
		<?php	
 
			$reponse = mysql_query("SELECT * 
			FROM articles where lien LIKE '%aromatherapie%'or (lien LIKE '%index%') or (lien LIKE '%soins_divers%') or (lien LIKE '%art_de_la_tisane%')");
 
			while ($donnees = mysql_fetch_array($reponse) ) {
			$someWords = $donnees['tag']; 
 
			$wordChunks = explode(",", $someWords);
 
			 for($i = 0; $i < count($wordChunks); $i++){
 
    		?><li><a href="<?php echo $donnees['lien'];?>"><?php echo $wordChunks[$i] ;?></a></li>	
		<?php } ?>
</ul>
</div>

[Séb.]

Comme l'a dit stealth35 il manque maintenant une } pour le for ou le while.
Indente ton script correctement et tu verras l'erreur tout de suite.