[Résolu][XHTML/Javascript/W3C] Problème de XHTML dans un Javascript

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu][XHTML/Javascript/W3C] Problème de XHTML dans un Javascript

tizard

Bonjour,

j'ai un petit problème, je construis un site (jeu)et il a toujours été valide W3C pour l'instant (XHTML 1.1)

Mais je commence à utiliser un script en javascript avec une fonction avec un argument "textuel" (la fonction va en fait afficher un DIV au millieu de l'écran et mettre le texte inclu dans l'argument dans le Div)

Bref le problème n'est pas là, mais juste que W3C refuse d'afficher ceci :

Code :

<script type="text/javascript">
pop("Choisissez l\'arme pour équiper votre troupe : <br />", "200", "300", "" );
</script>

Erreur : impossible de mettre un <br /> dans cet endroit. (ce script est dans un div, dans le body)

Erreur :

Citation :

Error Line 52 column 57: document type does not allow element "br" here.

pop("Choisissez l\'arme pour équiper votre troupe : <br />", "200", "300", "" );

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).

Merci de m'aider !

Message cité 2 fois
Message édité par tizard le 21-10-2006 à 20:28:04

Publicité

FlorentG

Unité de Masse

tizard a écrit :

Bonjour,

j'ai un petit problème, je construis un site (jeu)et il a toujours été valide W3C pour l'instant (XHTML 1.1)

Dzzzzt erreur ! L'XHTML 1.1 n'est pas géré par IE, et doit être envoyé aux agent-utilisateurs avec le type mime application/xhtml+xml. Veuillez recommencer en Xhtml 1.0

FlorentG

Unité de Masse

tizard a écrit :

Code :

<script type="text/javascript">
pop("Choisissez l\'arme pour équiper votre troupe : <br />", "200", "300", "" );
</script>

Bienvenue dans le bordel de l'XHTML, le vrai. Conseil : ne met jamais de script comme ça dans le code XHTML direct, externalise les tous dans un fichier à part

tizard

Je met au passage un message pour déconseiller les utilisateurs de IE < 7 à ce site ^^ mais le problème n'est pas à ça...

C'est impossible même d'appeler une fonction avec un argument XHTML ?
Enfin les externaliser good, mais faut bien les appeler ! et pour les appeler, il faut bien faire un script comme ça, non ?

FlorentG

Unité de Masse

Ben non, pas obligé, t'as juste à remplacer ton truc par :

Code :

<script type="text/javascript" src="pouet.js"></script>

Et faire un fichier pouet.js avec dedans :

Code :

pop("Choisissez l\'arme pour équiper votre troupe : <br />", "200", "300", "" );

Et voilà

tizard

truc bien lourd quoi lol... ^^
et les messages où il n'y a pas de xhtml dedans je peux les mettre direct, ça posera pas trop de problème ?

FlorentG

Unité de Masse

Ouais, mais comme dit, pas top. En plus si c'est externalisé, c'est mis en cache par les navigateurs, donc moins de charge pour ton serveur...

tizard

ça veut dire que je suis partit pour créer 15 000 fichiers :

Bon merci beaucoup de ton aide ultra-rapide

++

tizard

Bon alors, j'aime bien finir ce que je fais, donc je poste ici la solution que j'ai prise

Je ne pouvais pas créer 12 000 fichiers, puisque les messages à mettre sont dynamiques et peuvent donc changer en fonction du message que je veux mettre

Donc j'ai presque suivi ta solution, sauf que j'ai fait un
echo '<script type="text/javascript" src="func.php?message='.urlencode($message).'"></script>';

La page func.php fait un urldecode sur ce message et exécute le script
(bien sûr func.php => header("Content-Type: text/javascript" ); en premier lieu)

Voilà bon c'était juste pour conclure

FlorentG

Unité de Masse

Pourrait-tu poster le contenu de func.php ? Histoire de vérifier un truc

Message cité 1 fois

Publicité

tizard

FlorentG a écrit :

Pourrait-tu poster le contenu de func.php ? Histoire de vérifier un truc

Ok alors je commence par la fonction PHP loadpopup donc je me sert en premier lieu :

Code :

function loadpopup($msg, $height = 100, $width = 200)
{
$mesg = addslashes($msg);
$browser = get_browser(null, true);
if($browser["browser"] == 'IE' && $browser["majorver"] < 7) $ie = 1;
echo '<script type="text/javascript" src="inc/lpop.php?msg='.urlencode($msg).'&height='.$height.'&width='.$width.'&ie='.$ie.'">
</script>';
}

lpop.php:

Code :

<?php
header("Content-Type: text/javascript" );
require_once('pop.js');
$mesg = addslashes(urldecode($_GET['msg']));
echo 'var mesg = "'.$mesg.'";';
echo 'var height = "'.$_GET['height'].'";';
echo 'var width = "'.$_GET['width'].'";';
echo 'var ie = "'.$_GET['ie'].'";';
?>
pop(mesg, width, height, ie);

pop.js

Code :

function opac(ie)
{
var divns6 = document.getElementsByTagName("div" );
if(ie!=1)
{
divns6['A'].style.visibility = "visible";
}
divns6['B'].style.visibility = "visible";
}
function desopac(ie)
{
var divns6 = document.getElementsByTagName("div" );
if(ie!=1)
{
divns6['A'].style.visibility = "hidden";
}
divns6['B'].style.visibility = "hidden";
}
function pop(mesg, width, height, ie){
var msg = "<p style='margin: 0;'><a href='#' onclick='javascript:desopac();'><img src = 'images/croix.jpg' style='border:0;float: right;' alt='close'/></a><br />";
var mesg2 = msg+mesg+"</p>";
var divns6 = document.getElementsByTagName("div" );
divns6["B"].style.width = width+"px";
divns6["B"].style.height = height+"px";
divns6["B"].innerHTML = mesg2;
opac(ie)
}

(et dans le body il faut que je mette

Code :

<div id="A"></div>
<div id="B"></div>

(je met le CSS approprié pour les interessé ^^)

Code :

#A
{
top:0;
left:0;
width:100%;
height:100%;
visibility: hidden;
margin: 0;
padding: 0;
position:absolute;
background-color:#BBBBBB;
opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#B
{
visibility : hidden;
margin: auto;
position: absolute;
width: 200px;
height: 50px;
left: 40%;
top: 40%;
border: 1px black solid;
background-color: #44BB22;
text-align: center;
padding: 1px;
}

Donc voilà cette fonction met un foreground gris à 50% d'opacité mais caché au début, lorsqu'on lance la fonction cela affiche le foreground et modifie le div central (qui était caché aussi) pour écrire ce que l'on veut dedans. Notez que j'ai désactivé la fonction du foreground si IE < 7 car ça déconne (ça n'est pas une question de transparence, mais que le foreground ne s'affiche bizarrement qu'en haut à gauche de l'écran, un tout petit rectangle...)

Voili

Message édité par tizard le 22-10-2006 à 14:14:22

FlorentG

Unité de Masse

Ok, donc y'a un possible problème de sécurité qui permetterait d'injecter du JS arbitraire, et par exemple de récupérer les cookies du domaine -> Faille de type XSS (cross site scripting)

T'as presque fait ce qu'il fallait, t'as mis un addslashes sur $_GET['msg']. Mais tu dois aussi le faire sur les autres : height, width et ie.

tizard

Ok je le fais, merci (cela dit personne ne connait l'existance du fichier lpop... je pourrais autant le mettre en .inc ce qui limiterait tout, non ?)

Message édité par tizard le 22-10-2006 à 14:46:29

FlorentG

Unité de Masse

On connait pas l'existence du fichier, mais on peut facilement voir que le fichier contient des données passées en paramètres, donc modifiable. Deux-trois test, et hop !

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu][XHTML/Javascript/W3C] Problème de XHTML dans un Javascript

Sujets relatifs
[HTML/CSS/Javascript] Probleme background avec les lignes d'un tableau	Problème de création de processus
Probleme de débutant...	MySQL : Problème de liste récursive
debutante sur css probleme "classique"	Redirection JavaScript Aléatoire ?
MySQL.... un véritable problème...	C# et application tierce (MS-EXCEL) (résolu)
Embed, Object et W3C
Plus de sujets relatifs à : [Résolu][XHTML/Javascript/W3C] Problème de XHTML dans un Javascript

Page générée en 0.075 secondes