Discussion :

[Invité]

Bonjour,

Cherchant à introduire des variables dans du CSS, la méthode du DOM document.getElementByClass semble appropriée.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function f_exposee()
var largeur=window.innerWidth / 2+'px';
var hauteur=window.innerHeight / 2+'px';
function f_exposee(largeur, hauteur){
    document.getElementByClass("c_exposee")
	.style.max-height='640px';
	.style.max-width='480px';
	.style.position='fixed';
	.style.z-index='3';
	.style.top=hauteur;
	.style.left=largeur;
}

En revanche, je ne parviens pas à faire cohabiter plusieurs styles (erreur de syntaxe).
Par ailleurs, il semble que cela fonctionne mieux en remplacant les - par des ., lorsque nécessaire. Exemple : '.style.z.index' plutôt que '.style.z-index'.

La fonction est utilisée ici :

Code php :

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

echo "<p data-tooltip='".substr($fichier, 0, -4)."'><img class='c_exposee' onclick='f_exposee()'  src='../IMG/".$fichier."'>";

Merci