popup en css + validation w3c - HTML/CSS - Programmation

Marsh Posté le 15-12-2006 à 14:00:44   

Reply

Marsh Posté le 15-12-2006 à 14:24:22    

Tu peux stocker tes div n'importe ou dans la page non ? Et les faire apparaitre en en position:fixed au bon endroit.

Reply

Marsh Posté le 15-12-2006 à 14:38:44    

boulax a écrit :

Tu peux stocker tes div n'importe ou dans la page non ? Et les faire apparaitre en en position:fixed au bon endroit.


 
oui absolument  
mais ca ne m'aiderait pas :  
 
je devrais dire que le lien 1 ouvre le div 1 ; lelien 2 le div 2 etc .  
 
ca va me multiplier les defs au kilo dans le css , et dans un environnement ou le nombre de liens n'est pas défini c'est impossible. Enfin possible mais terriblement fastidieux et maladroit .

Reply

Marsh Posté le 15-12-2006 à 14:41:53    

Ah oui parce que tu veux pas utiliser de Javascript... :/

Reply

Marsh Posté le 15-12-2006 à 14:48:21    

boulax a écrit :

Ah oui parce que tu veux pas utiliser de Javascript... :/


 
c'est pas que je veux pas mais je n'ai pas de contrainte de rentablilité avec ce site , c'est juste un loisir, la progra ce n'est pas du tout mon metier .
j'ai commencé avec html puis css puis php puis sql et j"apprends au fur et a mesure . je ne suis pas pret pour passer au js , je prefere encore attendre et perfectionner ce que je sais , plutot que de coder en coup de copypaste sans comprendre ce que je fais . tu vois ?    
je me mettrai au js pour sur puisque avec ajax c'est l'avenir le présebt n  mais pas tout de suite , histoire de pas tout confondre.

Reply

Marsh Posté le 15-12-2006 à 14:50:35    

Bah ce serait pourtant plus simple d'appeler une fonction avec un id en parametre et hop, tu ouvres la popup avec l'id correspondant.

Reply

Marsh Posté le 15-12-2006 à 14:53:46    

oui et ca marche  
 
mais ce n'est pas dynamique.  
imagine une liste d'id fournie par une bdd sql . la liste de lien est crée dynamiquement , je devrais donc par defaut copier par exemple 20* les classes dans le css. ca me parait maladroit.

Reply

Marsh Posté le 15-12-2006 à 14:59:02    

mobil12 a écrit :

oui et ca marche

 

mais ce n'est pas dynamique.
imagine une liste d'id fournie par une bdd sql . la liste de lien est crée dynamiquement , je devrais donc par defaut copier par exemple 20* les classes dans le css. ca me parait maladroit.


gné ?
Bien sur que c'est "dynamique". Quoique tu sembles avoir ta propre définition de dynamique. Pourquoi avoir 20 classes ? Une seule classe CSS suffit. Apres en meme temps que tu génères ta liste de lien tu génères des liens du genre:

 
Code :
  1. <a onclick="show(id,x,y)">
 

Mais là c'est bien pour avoir x et y, le plus simple c'est de le déduire du x et y de ton lien ou de le déduire de la position du curseur de la souris.

 

Et ensuite ta fonction JS affecte les propriétés CSS, notamment le display:

 
Code :
  1. document.getElementById(i).style.display = 'inline';
 

et ça roule.


Message édité par boulax le 15-12-2006 à 14:59:42
Reply

Marsh Posté le 15-12-2006 à 15:04:50    

mhhh

 

je comprends pas vraiment (js je connais windowopen et c'est tout .)  , je vais essayer merci ca me parait assez simple .  effectivement la c'est dynamique mais parce que tu remplaces les classes hover par une fonction js

 

je dois comprendre qu'avec ca je n'ai plus besoin des definition de hovering dans le css n'est ce pas?


Message édité par mobil12 le 15-12-2006 à 15:08:19
Reply

Marsh Posté le 15-12-2006 à 15:08:26    

liste de liens

Code :
  1. <a onclick=show('1')"> </a> <span class="truc" id="1"> </span>
  2. <a onclick=show('2')"> </a> <span class="truc" id="2"> </span>
  3. <a onclick="show('3')"> </a> <span class="truc" id='3'> </span>


 
UNE classe css

Code :
  1. .truc {
  2. display: none;
  3. }


 
et une fonction JS:

Code :
  1. function show(id)
  2. {
  3.     document.getElementById(id).style.display = "inline";
  4. }

Reply

Sujets relatifs:

Leave a Replay

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