cs_la_main_sur_le_katana
Messages postés15Date d'inscriptionlundi 25 juin 2007StatutMembreDernière intervention 2 septembre 2007
-
20 août 2007 à 18:46
Zobibol
Messages postés469Date d'inscriptionmercredi 9 janvier 2002StatutMembreDernière intervention20 février 2017
-
21 août 2007 à 09:49
Bonjour,
je suis entrain de réaliser une application dans laquelle se trouve du javascript. Je vous explique : j'ai une image de fond sur laquelle je désire afficher des rectangles à des endroits précis sur la carte à l'aide des coordonnées x et y. J'ai trouvé une fonction javascript qui me permet de dessiner des rectangles en cliquant sur la carte. Le seul problème c'est qu'un rectangle est dessiné à chaque fois que je clique sur la carte, par exemple : si je clique 3 fois sur la carte, il y aura au final 3 rectangles dessinés mais ce que je voudrais, c'est qu'il n'y en ait qu'un seul. Ce que je veux, c'est afficher un rectangle lors d'un clic et ensuite, lorsque que je vais cliquer ailleurs, le rectangle ira s'afficher à l'autre endroit indiqué.
Merci pour votre aide.( Cela doit fonctionner sur IE version 6)
Voici le code javascript pour dessiner un rectangle (il est appelé sur un onclick de l'image de fond):
Zobibol
Messages postés469Date d'inscriptionmercredi 9 janvier 2002StatutMembreDernière intervention20 février 20176 21 août 2007 à 09:49
Bonjour, pour tester l'éxistence de ta div :
function drawRectangle(left, top, width, height) {
var newdiv=document.getElementById("newdiv");
// si newDiv est null alors création de la div.
if ( !newdiv ){
/* je me demande bien pourquoi ce test si tu te limites à IE, document.createElement fonctionne sur IE, FF, Opéra ...*/
if (document.createElement) {
newdiv=document.createElement("div");
newdiv.style.position="absolute";
newdiv.style.backgroundColor = 'red';
newdiv.style.visibility = 'visible';
newdiv.id = 'newdiv';
newdiv.innerHTML = "real";
document.body.appendChild(newdiv);
}
}
// positionne la div.
newdiv.style.left = left+"px";
newdiv.style.top = top+"px";
newdiv.style.width = width+"px";
newdiv.style.height = height+"px";
}
Et voilà une seule div
[o-_-o]