Afficher petites images dans sur grande dynamiquement [RESOLU]

Afficher petites images dans sur grande dynamiquement [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 12-08-2004 à 11:02:50    

slt a tous !!
 
bon j'ai un soucis depuis 2 jrs et j'arrive pas a le resoudre...  
 
j'vous explique :
 
je dois afficher dynamiquement des icones represantants des imprimantes sur un plan du batiment.
 
donc, j'ai une interface admin qui permet de cliquer sur l'image et recuperer les coordonnees relative par rapport a limage et de les stocker dans une BDD.
 
le prob c'est a l'affichage, je n'arrive pas a placer correctement les petits icones  :heink:  
 
alors niveau code, pour recup les coordonnées j'ai :
 

function clic()
{
 X = event.offsetX; --> recupere le X
 Y = event.offsetY; --> recupere le Y
 //alert("X :"+ X + "Y:" + Y);
 document.Coord.x.value = X; --> affiche x dans un <input>
 document.Coord.y.value = Y; --> affiche y dans un <input>
}  

 
ensuite a l'affichage j'ai une fct placeAll()[g] dans le body et un [g]div contenant les paramètres dynamique (x, y, nom, etc...)
 

function placeAll ()
{
 for (i=0; i<<?= $i ?>; i++)
 {
  var x;
  var y;
  var posx;
  var posy;
  var el = document.getElementById ('imp' + i); --> impi est l'id du div
  //alert (el.title);
  //alert (el.title.length);
 
  posx = checkForCharacters (el.title,'x') + 1;  
  posy = checkForCharacters (el.title,'y') + 1;
 
  x = el.title.substr(posx, posy - posx - 1);
  y = el.title.substr(posy, el.title.length - posy);
  //alert (el.style);
  var postop = parseInt(y);// + document.getElementById('ailes').offsetTop ;
  el.style.top = postop + 'px';
  //alert (el.style.top);
  var posleft = parseInt(x) + document.getElementById('ailes').offsetLeft;
  el.style.left = posleft + 'px';
  //alert (posleft + " " + postop);
  //placeDiv (el.id, x, y);
 }
}

 
bon je m'arrete la, si vs avez des questions n'hesitez pas  :na:


Message édité par PaLoTTe le 16-08-2004 à 17:16:37
Reply

Marsh Posté le 12-08-2004 à 11:02:50   

Reply

Marsh Posté le 12-08-2004 à 11:47:00    

:s ca n'inspire personne ??  :(

Reply

Marsh Posté le 12-08-2004 à 11:57:15    

laisse le temps c'est les vacances ;)

Reply

Marsh Posté le 12-08-2004 à 11:58:21    

Reply

Marsh Posté le 13-08-2004 à 14:24:36    

jrefai un tit up on sai jamai  :bounce:


Message édité par PaLoTTe le 13-08-2004 à 14:24:48
Reply

Marsh Posté le 16-08-2004 à 17:16:08    

Ok donc j'ai trouvé !  
 
c'etait tt bidon :s pas besoin de JS !
 
fallait faire un div 'conteneur' en position relative et a linterieur un/des div(s) 'contenu' en position absolu qui se basent sur le div 'conteneur'
 

<div id="conteneur">
  <div id="contenu">
  </div>
</div>

Reply

Sujets relatifs:

Leave a Replay

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