[AJAX] Ajax, onclick et variable PHP

**fashuai** · 03/09/2008, 17h06

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 :

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
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

**Bovino** · 03/09/2008, 17h55

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

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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)

**fashuai** · 03/09/2008, 18h48

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

Est-ce faisable ?

Encore merci

**fashuai** · 04/09/2008, 01h10

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

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
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

**Bovino** · 04/09/2008, 08h28

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

[AJAX] Ajax, onclick et variable PHP

JavaScript

Discussions similaires

Partager

Partager