Fonction html > xml

Version imprimable

Fonction html > xml

Bonjour à tous,

Suite à des obligation de format j'ai du transformer une page html+css (dont je maitrise plus ou moins les bases) en xml (que je ne connaissais que de nom).
Jusque là je me suis plus ou moins débrouillé.

Le soucis c'est que j'avais sur ma page des div qui apparaissait/disparaissaient avec des boutons.
Code:

1 2 3 <input type="image" value="Accueil" onclick="document.getElementById('bloc2').style.display = 'block'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';"> <input type="image" value="Activités" onclick="document.getElementById('bloc5').style.display = 'block'; document.getElementById('bloc2').style.display = 'none'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none';"> <input type="image" value="Info" onclick="document.getElementById('bloc4').style.display = 'block'; document.getElementById('bloc2').style.display = 'none'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';">
etc etc

sachant que les blocs 3, 4 et 5 étaient du type

Code:

<div id="bloc3" style="DISPLAY: none">

rien de bien compliqué en somme.

La seule chose c'est que j'ai beau chercher, je ne trouve pas comment avoir un équivalent en xml.
J'ai essayé quelque chose du genre
Code:

1 2 3 <input type="image" name="Accueil"> document.getElementById('bloc3').style.display = 'block' </input>
sans résultat concluant.

Si quelqu'un avait une idée je lui en serait très reconnaissant.
Merci d'avance :)

11/11/2009, 23h29
thelvin

Le problème, c'est que "transformer une page HTML en XML," ça ne veut pas dire grand-chose.

Quel format de XML ? XHTML ? Autre chose ?

Si c'est XHTML, c'est à peu près comme le HTML mais en respectant les règles du XML, ce qui oblige à quelques changements.
Par exemple, une balise ouverte doit être fermée. Soit avec une balise fermante, soit avec un marqueur de fermeture à la fin. Exemples :

Un <p> doit avoir un </p>.
Une <img src="truc"> doit être <img src="truc"></img> ou, en plus court, <img src="truc" />

Les <input> que tu nous montres ne sont pas fermés. Termine-les simplement par /> et ça roulera : <input />

Soit dit en passant, XHTML utilise aussi le css, alors je comprends décidément pas pourquoi on parle de "html+css en xml".

Par ailleurs, tu ne nous a pas dit ce qui ne marche pas.

... Car bon, quand on utilise du JavaScript, c'est dans un navigateur, et le navigateur, à moins qu'on insiste, se cogne éperdument que la page soit en XHTML correct. Il la prend comme si c'était du HTML et point barre. Ton exemple marcherait très bien, vu que la seule chose qui change, c'est que tu décides que tu passes en XHTML, mais que rien d'autre ne change.

Si c'est autre chose que du XHTML, c'est toi qui sais ce que tu essaies de faire, pas nous. On va pas deviner.
11/11/2009, 23h53
Atlantike

c'est un cas un peu spécial....et je comprend que ma phrase ne veuille pas dire grand chose.

à titre d'illustration: voici la page de base que j'ai créer: http://home.scarlet.be/triton/Muzoo/...0xml/index.htm

Le soucis c'est que cette page doit être uploader sur un serveur privé (facultaire pour entrer dans les détails, mais on s'en fout). Et ce serveur demande une page xml (ce que j'ai appris avoir réaliser le fichier html, heureux :mrgreen:). Il utilise une feuille de style qui lui est propre pour mettre en page tous les fichiers xml qu'il reçoit. Ceci dit on s'en fout de cette feuille de style, je veux la court circuiter.

Du coup j'ai mis à jour toute ma page en xml, sans soucis majeurs:
http://home.scarlet.be/triton/Muzoo/...0xml/index.xml

le dernier soucis repose sur le menu.
Donc pour toi

Code:

<input type="image" value="Accueil" onclick="document.getElementById('bloc2').style.display = 'block'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';"></input>

etc ...

serait suffisant?
Là il se fait tard mais j'essayerai ça demain :)
12/11/2009, 10h59
thelvin

Citation:

Envoyé par Atlantike

Il utilise une feuille de style qui lui est propre pour mettre en page tous les fichiers xml qu'il reçoit. Ceci dit on s'en fout de cette feuille de style, je veux la court circuiter.

Je comprends que tu veuilles la court-circuiter, mais rien ne dit que tu pourras le faire.

Citation:

Envoyé par Atlantike

le dernier soucis repose sur le menu.
Donc pour toi

Code:

<input type="image" value="Accueil" onclick="document.getElementById('bloc2').style.display = 'block'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';"></input>

etc ...

serait suffisant?

Ah non mais j'en sais rien, tout dépend de la feuille de style, je serais pas surpris que ça ne soit pas possible et puis c'est tout.

En tout cas, si ça marche, ceci est pareil, mais plus clair et plus court :

Code:

<input type="image" value="Accueil" onclick="document.getElementById('bloc2').style.display = 'block'; document.getElementById('bloc3').style.display = 'none'; document.getElementById('bloc4').style.display = 'none'; document.getElementById('bloc5').style.display = 'none';" />

Pour finir, tu ne nous a toujours pas dit ce qui ne marche pas. (Mais bon, vu qu'on ne sait pas par quelle feuille de style tu passes, ça ne nous avancerait pas forcément des masses.)
12/11/2009, 12h05
Atlantike

Citation:

Je comprends que tu veuilles la court-circuiter, mais rien ne dit que tu pourras le faire.

c'est sur ^^"

en tout cas là les inputs fonctionnent. Du moins le parser d'internet explorer ne détecte aucune erreur. Et si je change l'extension en html, firefox m'affiche la page sans le moindre soucis.

Mais une fois uploader sur l'intranet, il m'indique des erreurs, donc vraisemblablement il aime pas ce genre de pratique

* line 2: Document root element "html", must match DOCTYPE root "null".
* line 2: Document is invalid: no grammar found.

mon fichier xml étant celui-là: http://home.scarlet.be/triton/Muzoo/...0xml/index.xml

et l'intranet utilise des fichiers dtd, à savoir ceux-ci: http://www.ulb.ac.be/demo/index_3.html (moi qui avait cru comprendre que c'était des XSLT qu'on utilisait habituellement...enfin bref)

En résumé je suppose que, comme tu dis, il aime pas qu'on passe outre sa propre feuille de style.
En tout cas merci pour tes conseils ^^
12/11/2009, 17h05
thelvin

Oui, en effet ton fichier ne passe pas la validation. Pour passer la vaidation, il faut indiquer le docType du xhtml, et mettre le bon namespace, et peut-être d'autres choses... Mais on ne sait même pas si le système acceptera du xhtml. manifestement pas.

Je suggère que tu ailles voir directement la personne qui t'impose tout ça, et que vous cherchiez ensemble une solution aux problèmes que vous voulez tous les deux résoudre.
12/11/2009, 18h31
Atlantike

Je crois aussi oui. Apparemment ils disent mettre en place ce système pour plus de rapidité. En tout cas pas pour la simplicité :mrgreen:

Merci pour tout thelvin :)
13/11/2009, 18h27
thelvin

Citation:

Envoyé par Atlantike

Je crois aussi oui. Apparemment ils disent mettre en place ce système pour plus de rapidité. En tout cas pas pour la simplicité :mrgreen:

Sisi c'est beaucoup plus simple, seulement il faut utiliser leurs règles, pas les tiennes.