Afficher des balises span dans la statusBar

Afficher des balises span dans la statusBar - HTML/CSS - Programmation

Marsh Posté le 29-06-2006 à 17:04:30    

Bonjour tout le monde,
 
Voila mon problème:
Je dispose de ce css:
 
<style type="text/css">{
                    background-color: white;
                     
                    margin-top: 0;
                    margin: 0;
                    padding: 0;
                    }
                    #adams2 {
                    background-image: url(adams-2.jpg);
                    background-repeat: no-repeat;
                    height: 4252px;
                    width: 2480px;
                    }
                    .page a {  
                    position: absolute;  
                    text-decoration: none;
                    top:0;
                    height: 4252px;
                    }
                    .page a i { visibility: hidden; }
                    a.line:hover { border: 1px solid green; }
                    a.line:hover i { visibility: visible; font-style: normal; }
                    a.line:hover .tei { display: block; color: red; font-weight: bold; }
                    a.line:hover .ocr { display: block; color: orange; font-weight: bold; }
     </style>
 
Et d'un html ressembalnt à ceci:
 
<a class="line" style="top: 543px; left: 225px; width: 999px; height: 33px;">
            <i>
               <span title="Figure 3: Classification of empty cells. Left: both empty cells have" class="ocr">ocred line B7_L0</span>
               <span title="ligne 0 du legende  Figure 3" class="tei">
                    label logique
                </span>
            </i>
         </a>
         <a class="line" style="top: 585px; left: 226px; width: 998px; height: 33px;">
            <i>
               <span title="two boundary neighbors. The yellow cell is classified outside, the" class="ocr">ocred line B7_L1</span>
               <span title="ligne 1 du legende  Figure 3" class="tei">
                    label logique
                </span>
            </i>
         </a>
          ......
 
Je trouve que ce css n'est pas très lisible dans mon cas, et je voulais savoir s'il était possible de modifier "a.line:hover .tei { display: block; color: red; font-weight: bold; }" afin d'afficher l'information dans la barre de status.
Si vous avez d'autre idée pour rendre cela plus lisible, je suis preneur :D
 
Merci de votre réponse
Ciao

Reply

Marsh Posté le 29-06-2006 à 17:04:30   

Reply

Marsh Posté le 29-06-2006 à 17:24:04    

On modifie pas les informations dnas la bar de status.. un point c'est tout...
 
ça faisais longtemps qu'on avait pas eu ce cas ;)
 
EDIT: vois vraiment pas ce que tu veux faire avec ce bout de code HTML  
    -- <i> n'est pas une balise a utiliser


Message édité par xtof_83 le 29-06-2006 à 17:27:32
Reply

Marsh Posté le 29-06-2006 à 17:27:33    

merci quand même d'avoir répondu.
Pourquoi ça ne se fais pas de modifier ces informations?
Sinon ta pas une autre idée?
 
Ciao

Reply

Marsh Posté le 29-06-2006 à 17:28:21    

Ben dis nous un peu ce que tu veux faire :??:
 
Et ensuite lis mon premier message, que j'ai édité ;)

Reply

Marsh Posté le 29-06-2006 à 17:36:57    

En fait je suis en stage dans un laboratoire de recherche en info à Nancy. Et je travaille sur les XML issu de la numérisation d'un document papier par un OCR. Le but final étant de faire le lien entre la structure phisique (codée en ALTO) et la structure logique (en TEI), pour faire le lien j'utilise un autre shéma XML (METS). Et afin de pouvoir visualiser les résultats obtenus, j'ai ecrit un ptit XSl qui transforme le METS en HTML.
 
Et donc je voudrais qu'au passage de la souris sur les lignes du texte de l'image, s'affiche ce qu'il y a dans les attributs title des balises <span> correspondantes.  
 
Ce que j'ai pour l'instant est assez illisible. J'espere que c'est plus compréhensible maintenant.
 
Voila une démo mais sans l'image de fond (déplacer votre souris et survoler ce qui est écris en rouge et jaune).
http://www.loria.fr/~falk/read/doc/DUT01_0082.html


Message édité par Squall-951 le 29-06-2006 à 17:52:13
Reply

Marsh Posté le 29-06-2006 à 18:05:43    

Ouais donc tu as des liens...(plutot des blocs)
 
Des information dedans, et sur le survol de ces infos tu as le attribut title qui saffiche..
 
Mais toi tu veux quoi où ?

Reply

Marsh Posté le 29-06-2006 à 18:43:07    

ben à la base je voulais que les infos et l'attribut title s'affiche dans la barre de status lorsque la souris passait sur un bloc, mais apparemment c'est PAS BIEN! Mais c'étais juste un joker pour faire une ptite démo à mon tuteur demain. A terme ce sera integré à une interface en Java.
 
Pas grave je me ferais tirer un peu les oreils, mais rien de bien méchant.
 
Merci bien xtof_83 de l'interet que tu porte à ce topic, et vivement les vacances dans le 83 dans un gros mois.
 
Ciao


Message édité par Squall-951 le 29-06-2006 à 18:52:11
Reply

Marsh Posté le 29-06-2006 à 19:27:22    

Pour la status bar:
http://www.aidejavascript.com/glossaire17.html#26
 
Mais jen pense pas moins :o
 
Si tu as le temps, fait plutot un systéme de calque, caché et qui au survol des infos dans le bloc, s'affiche:
 
1_ c'est mieux, et tu touches pas au navigateurs
2_ L'utilisateur voit l'info direct, pas le cas si tu fou le bouzin dans la bar ;)

Reply

Marsh Posté le 29-06-2006 à 19:35:08    

Après reflexion je suis tout à fait d'accord avec toi. La barre de status n'est pas fait pour ça sa se saurait :p
Pour le calque j'ai un peu de temps, mais bon n'y connaissant rien en JS/CSS/HTML il m'en faudrait beaucoup. Mais bon j'vais quand même essayer, histoire d'avoir bonne conscience avant d'aller faire la fête.
 
Merci pour tout.
 
A la prochaine peut -être

Reply

Marsh Posté le 29-06-2006 à 19:36:24    

bye et bonne chance...

Reply

Sujets relatifs:

Leave a Replay

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