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

[SpaceFrog]

Peut être parce que getElementByClass n'existe pas ...

[Invité]

Merci SpaceFrog
Effectivement, du coup est-il possible de passer des variables Jscript dans une balise de type <style type="text/CSS"></style> ?

[SpaceFrog]

Je ne saisis pas bien le but de la manoeuvre ?
tu cherche à modifier le css ? le style d'une balise ? ...

[Invité]

Voici un extrait de la balise :

Code html :

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

<style type='text/css'>img:active { left:largeur; top:hauteur } </style>

Avec largeur et hauteur récupérées via un script de ce type :

Code :

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

1
2
var largeur=window.innerWidth / 2+'px';
var hauteur=window.innerHeight / 2+'px';

[freddou17]

Slt,

Peut être devrais tu regarder du coté de less (Fwk CSS). C'est le seul que je connaisse, il y en a surement d'autre...

++