[AJAX] Ajax, onclick et variable PHP

Version imprimable

Bonjour,

Existe-il une fa�on en utilisant AJAX de faire changer la valeur d'une variable PHP qui est par exemple utilis�e pour changer les couleurs d'un background directement dans le style ou encore une feuille CSS.

Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <?php $page=$_GET['page']; ?> <html> <head> <title>test.php</title> <style type="text/css"> <?php echo '@import url(css/themes/'.$theme.'.css);'; ?> </style> <script type="text/javascript"> function submitTheme(theme) {} </script> </head> <body> <div style="background:#<?php echo $theme; ?>; padding:10px;"> <?php if($page =="contact") {echo 'Coordonnées';} else {echo 'Accueil';} ?> </div> <div> <a href="#" onClick="submitTheme('FFFFFF')">Blanc</a> - <a href="#" onClick="submitTheme('999999')">Gris</a> <br> <a href="test.php?page=contact" onClick="submitTheme('<?php echo $theme; ?>')">Contact</a> - <a href="test.php" onClick="submitTheme('<?php echo $theme; ?>')">Depart</a> </div> </body> </html>
Je proc�de actuellement avec du PHP en utilisant GET ce qui provoque un duplicate content, je souhaite donc par le biais d'AJAX �viter aussi de reload la page enti�re et �viter ce DC. J'ai pas mal fouiner sur le web mais rien de bien transcendant, j'essaye de trouver un petit code qui pourrait convenir � cette logique.

Merci pour votre aide,
Fab

03/09/2008, 17h55
Bovino

Tu n'as pas besoin d'Ajax pour changer dynamiquement un style, tu peux utiliser javascript pour �a :

Code:

document.getElementById('ton_element').style.backgroundColor='une_couleur'

Par contre, tu peux effectivement utiliser Ajax si tu veux sauvegarder via php un style donn� (effectivement en affectant la variable $_GET ou $_POST � ce style)
03/09/2008, 18h48
fashuai

Comme j'ai cette variable $theme qui se trimbale dans pas mal de pages de mon site, et pour m'�viter de r�p�ter le m�me bout de code avec style.backgroundcolor ou autre chose, ce que je voyais int�ressant de faire c'est justement prendre la var couleur du onclick et qu'elle puisse appara�tre en la d�clarant du genre :

Code:

<?php $theme = '<script langage="javascript">var couleur de onClick</script> ?>'; ?>

Est-ce faisable ?

Encore merci

Je suis enfin arriv� � une solution alternative avec POST et SESSION :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
session_start();
if ($_POST['theme']) $_SESSION['theme']=$_POST['theme'];
$theme=$_SESSION['theme'];
$page=$_GET['page']; 
?>
<html>
<head>
<title>test2.php</title>
<script type="text/javascript">
function submitTheme(theme) { 
    var hidden = document.forms['formulaire'].elements['theme'];
    hidden.value = theme;
    document.forms['formulaire'].submit();
	}
</script>
</head>
<body>
	<div style="background:#<?php echo $theme; ?>; padding:10px;">
		<?php if($page =="contact") {echo 'Coordonnées';}
                        else {echo 'Accueil';} ?>
	</div>
	<div>	
    	<form name="formulaire" method="post" action="test2.php"><input type="hidden" name="theme" value=""></form>
		<a href="#" onClick="submitTheme('FFFFFF')">Blanc</a> - 
		<a href="#" onClick="submitTheme('999999')">Gris</a> <br>
		<a href="themetest2.php?page=contact" onClick="submitTheme('<?php echo $theme; ?>')">Contact</a> - 
		<a href="themetest2.php" onClick="submitTheme('<?php echo $theme; ?>')">Depart</a>
	</div>
	<br><?php // echo '$theme = '.$theme.'<br>$_POST = '.$_POST['theme'].'<br>$HTTP_POST_VARS = '.$HTTP_POST_VARS['theme'];?>
</body>
</html>

Mais si vous avez une solution Ajax du genre qui traine je suis preneur, je vais d'ailleurs me mettre rapidement � ce fameux Ajax... il serait temps :)

Merci,
Fab

04/09/2008, 08h28
Bovino

Dans ce cas, tu peux effectivement utiliser Ajax pour transmettre la valeur � ta page php puis affecter cette valeur � une variable de session.