Discussion :

[francoisch]

Bonjour

Je veux appeller une CSS en lui passant une variable calculée en Javascript par une fonction width().

Ce code parait correct mais n’appelle pas la CSS :

Code :

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

1
2
 
En JS: document.write('<link rel="stylesheet"  href="style00.php?parm1=' + width() + '" media="screen" />');

et pourtant la valeur calculée par width existe et est correcte.

Ce code appelle correctement la CSS mais avec une valeur fixe :

Code :

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

1
2
3
 
<link rel="stylesheet"  href="style00.php?parm1=1200" media="screen" />
En JS: document.write('<link rel="stylesheet"  href="style00.php?parm1=1200" media="screen" />');

Conclusions:
- la CSS existe et peut être appellée
- l'appel ne fonctionne pas en passant la variable

Ai-je une erreur de syntaxe JS?
L’interpreteur JS de mon hébergeur est-il en cause ?

Merci par avance de vos suggestions et de votre aide.

Francois

[jln13]

Salut,

Ai-je une erreur de syntaxe JS?

A priori je pense pas.. Mais peut etre que tu devrais essayer de renommer ta fonction width car c'est un nom réservé.

L’interpreteur JS de mon hébergeur est-il en cause ?

Non ^^ Le JS est interprété coté client donc pas de rapport avec l'hébergeur. C'est le navigateur qui interprete le JS.

[francoisch]

merci Jln13 de ta réponse.

J'ai renommé ma fonction widthtoto et essayé avec ces deux codes différents:

Code :

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

1
2
3
4
 
document.write('<link rel="stylesheet" href="style00.php?parm1='+widthtoto()+'" media="screen" />'); 
 
document.write('<link rel="stylesheet" href="style00.php?parm1=javascript:widthtoto();" media="screen" />');

sans succès.

J'ai déjà utilisé des appels JS à du Php mais jamais avec un Link; y aurait t il une restriction avec le Link?

Merci de ton aide.

Francois

[francoisch]

Je viens de faire un essai avec:

Code :

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

1
2
3
4
5
6
7
8
9
 
<script language="JavaScript" type="text/javascript">
function widthtoto() 
	{ 
	widtha = 1024;
	return(widtha);
	}
document.write('<link rel="stylesheet" type="text/css" href="style00.php?parm1=' + widthtoto() + '" media="screen" />');
</script>

et ça a donné le résultat négatif habituel.

Donc, même en éliminant un éventuel pb de calcul de la valeur, l'appel ne se fait pas correctement.

Au besoin:
- mon URL: http:cegvh1.free.fr/
- la CSS: style00.php

Merci de votre aide.

Francois

[SpaceFrog]

heu un rel pour un css vers un fichier php ???
c'est normal ?
il attend un .css non ?

[francoisch]

Non, pas necessairement, à ma connaissance de petit bricoleur.

Francois

[SpaceFrog]

tu ecris donc ton css avec php ?

[francoisch]

Ma CSS a un en-tête en Php avant son contenu classique, par exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?php
/* reprise en PHP des variables HTML */
$width=$_GET['parm1'];
 
$reducteur1 = 5;
$widthimage = floor($width/$reducteur1);
...
...
?>
 
body {background: <?=$couleurfond?>; color: <?=$bordeaux?>; behavior: url(csshover.htc); font-family: Arial, Helvetica, sans-serif;  font-size: <?=$pctfont100?>%;} 
...
...

Francois

[KLnikita]

Bonjour,
la function php header("Content-type: text/css");
pourrait peut etre resoudre le probleme, car en effet comme la precise SpaceFrog le navigateur s'attend a recevoir du texte css et non text brut, enfin c'est juste une possibilite, je n'ai pas essaye.