Discussion :

[Andalor]

Bonjour,

J'ai conçu un script en javascript pour réaliser un axe y sur une image. Ce script vient mettre une série de div contenant un point à la suite pour créer une droite noir sur l'image. Cependant, cette image est pivotée de 90°, cela ne pose pas de problème pour créer l'axe. Cependant sur l'axe j'aimerais mettre la valeur des différents points de 10% à 100%. Et donc de faire pivoter le div créé de 90° pour que les valeurs soient alignées avec l'image.

Voici le code que j'utilise pour créer le div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function pixellisation(x,y,mot)
{
	var monDiv = document.createElement("div");
 
	//definition du style 
	monDiv.style.fontSize = "15px";
	monDiv.style.width = "3px";
	monDiv.style.height = "3px";
	monDiv.style.position = "absolute";
	monDiv.style.top = parseInt(y-16)+"px";
	monDiv.style.left = parseInt(x-2)+"px";
	monDiv.style.zIndex = "100";
 
	//contenu du div
	monDiv.innerHTML = mot;
 
	//ajout du div dans le document
	document.body.appendChild(monDiv);
}

Je connais la fonction à intégrer au div pour qu'il pivote de 90°, à savoir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id='oDiv' style=position:absolute;filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)' >

Donc, j'aimerais connaître la synthaxe javascript à mettre lors de la création du div pour qu'il comprenne ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'

Enfin du moins, si c'est réalisable.

Merci.

[SpaceFrog]

si ça l'est ça ne le sera que pour IE ....

[Andalor]

Aucun problème, c'est une application qui tourne uniquement en local pour une entreprise travaillant exclusivement avec IE. D'autant que ce n'est pas un script majeur au fonctionnement de l'application.

[SpaceFrog]

pense à mettre les quotes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id='oDiv' style="position:absolute;filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)' ;">

ce qui donnerait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

monDiv.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)' ;