Créer un texte dont chaque mot pointe vers une note.

Créer un texte dont chaque mot pointe vers une note. - HTML/CSS - Programmation

Marsh Posté le 21-10-2007 à 20:54:27    

Bonsoir;
 
pour des besoins professionnels (éducation nationale), j'aurais besoin d'écrire une page très proche de celle-ci : http://faculty.virginia.edu/OldEng [...] /fall.html. Sur cette page, chaque mot du texte en vieil-anglais est annoté, ce qui facilité énormément la lecture du texte.
 
J'aimerais faire la même chose, mais pas en pompant le code; plutôt en comprenant comment il fonctionne pour écrire quelque-chose de similaire, pour mes élèves latinistes. Je pars d'un texte latin, j'écris des notes pour chaque mot... comment afficher cela ?
 
Bon, vu mon niveau, c'est assez chaud. D'après ce que je comprends, le site utilise un mélange CSS+XML+JS; chaque mot est référencé dans un document XML (du genre <mot1>note sur le mot n°1</mot1> ... ); à chaque fois qu'on clique sur un mot,une note est créée (ça je ne comprends pas comment) dans le fichier http://www.iath.virginia.edu:8090/ [...] OEAerobics et le contenu de ce fichier est affiché au bon endroit. L'essentiel du traitement est réalisé dans http://faculty.virginia.edu/OldEng [...] oeatext.js.
 
Pourriez-vous m'aider, en m'indiquant des solutions pour réaliser ceci ? Merci de m'aider -- toute idée sera la bienvenue !

Message cité 1 fois
Message édité par suizokukan le 21-10-2007 à 21:00:55

---------------
rule #1 : trust the python
Reply

Marsh Posté le 21-10-2007 à 20:54:27   

Reply

Marsh Posté le 21-10-2007 à 21:24:54    

Tu peux utiliser la balise <acronym> pour faire apparaitre une bulle d'info au passage de la souris sur le mot, c'est plus simple.
Sinon pour le système que tu mentionnes ça me parait compliqué, en plus ça utilise des frames ...

Reply

Marsh Posté le 21-10-2007 à 21:31:35    

clems942 > Merci de m'avoir répondu; ce site - à moins que je ne me trompe - n'utilise pas de frames mais les émule via CSS (http://faculty.virginia.edu/OldEng [...] aframe.css). Quant à ta solution, je la connaissais mais les problèmes de mise en page apparaissent vite avec ACRONYM.


---------------
rule #1 : trust the python
Reply

Marsh Posté le 22-10-2007 à 01:13:27    

bonsoir,
essaie <dfn> ou sinon tu utilises un css qui genere ta propre infobulle :)


---------------
"Se tromper est humain ; Vraiment foutre la merde necessite le mot de passe de root."
Reply

Marsh Posté le 22-10-2007 à 01:26:29    

clems942 a écrit :

Tu peux utiliser la balise <acronym> pour faire apparaitre une bulle d'info au passage de la souris sur le mot, c'est plus simple.
Sinon pour le système que tu mentionnes ça me parait compliqué, en plus ça utilise des frames ...


 
[:mlc] c est quoi le rapport avec un acronyme ?
ouvre un dictionnaire si tu connais pas la definition du mot "acronyme"
un acronyme c est, par exemple, SNCF "Société Nationale des Chemins de fer Français"
 

peyo22 a écrit :

bonsoir,
essaie <dfn> ou sinon tu utilises un css qui genere ta propre infobulle :)


 
désolé mais je connais pas cette balise
 
 
pour en revenir au sujet je ne sais pas ce que tu veux faire vu que ton site bugge visiblement sur firefox
sois plus clair :/
 
 


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 22-10-2007 à 03:05:46    

suizokukan a écrit :

Bonsoir;
 
pour des besoins professionnels (éducation nationale), j'aurais besoin d'écrire une page très proche de celle-ci : http://faculty.virginia.edu/OldEng [...] /fall.html. Sur cette page, chaque mot du texte en vieil-anglais est annoté, ce qui facilité énormément la lecture du texte.
 
J'aimerais faire la même chose, mais pas en pompant le code; plutôt en comprenant comment il fonctionne pour écrire quelque-chose de similaire, pour mes élèves latinistes. Je pars d'un texte latin, j'écris des notes pour chaque mot... comment afficher cela ?
 
Bon, vu mon niveau, c'est assez chaud. D'après ce que je comprends, le site utilise un mélange CSS+XML+JS; chaque mot est référencé dans un document XML (du genre <mot1>note sur le mot n°1</mot1> ... ); à chaque fois qu'on clique sur un mot,une note est créée (ça je ne comprends pas comment) dans le fichier http://www.iath.virginia.edu:8090/ [...] OEAerobics et le contenu de ce fichier est affiché au bon endroit. L'essentiel du traitement est réalisé dans http://faculty.virginia.edu/OldEng [...] oeatext.js.
 
Pourriez-vous m'aider, en m'indiquant des solutions pour réaliser ceci ? Merci de m'aider -- toute idée sera la bienvenue !


D'après ce que je comprends avec mes faibles connaissances c'est l'id du span contenant le mot qui est récupérée et utilisée pour chercher les notes ds le fichier xml.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed