Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
760 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1628303
suizokukan
Posté le 21-10-2007 à 20:54:27  profilanswer
 

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
mood
Publicité
Posté le 21-10-2007 à 20:54:27  profilanswer
 

n°1628310
clems942
Posté le 21-10-2007 à 21:24:54  profilanswer
 

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

n°1628313
suizokukan
Posté le 21-10-2007 à 21:31:35  profilanswer
 

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
n°1628373
peyo22
Free heel :)
Posté le 22-10-2007 à 01:13:27  profilanswer
 

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."
n°1628374
mIRROR
Chevreuillobolchévik
Posté le 22-10-2007 à 01:26:29  profilanswer
 

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
n°1628379
Skopos
Posté le 22-10-2007 à 03:05:46  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[php] Besoin d'aide fonctions vers classesCréer un forum de disussion.
Creer une page web depuis une arborescenceCreer une page web depuis une arborescence
Creer un .exe à partir de Visual Basicafficher du texte avec SDL_ttf [resolu]
Flash vers Javascriptrecuperer des variables vers une fonction
Les accents qui bouffent le texte autourExtraire une partie d'un fichier texte
Plus de sujets relatifs à : Créer un texte dont chaque mot pointe vers une note.


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR