[AJAX] Modification CSS en AJAX

**juju.92** · 27/03/2013, 21h22

Bonjour,

Je veux réaliser un systeme qui affiche un bouton sur lequel je peux cliquer que si une condition est rempli .

Mon systeme fonctionne sauf que comme c'est pas en ajax je dois recharger la page pour pouvoir l'afficher or ce n'est pas ce qu'il me faut pour mon systeme ...

J'aimerai que une fois la condition rempli le bouton s'affiche tout seul mais j'aurai besoin d'un peu d'aide s'il vous plait .

Voici la parti php :

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
 
$boutonRecapitulatif = "none";//valeur de base
if(
($eventActionFin=="Positionnement" && $eventActionFinAvant =="Pause" && $eventActionFinAvantAvant == "Fin")
||
($eventActionFin=="Positionnement" && $eventActionFinAvant =="Fin")
){
//$boutonRecapitulatif = "block";//Si la condition est rempli j'affiche mon bouton
?>
<script>
$(document).ajaxSuccess(function() {
$(".boutonRecapitulatif").fadeIn("slow");
});
</script>
<?php
}

Et dans la meme page mon bouton et son style qui varie avec la variable attribué juste au dessus :

Code :

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

1
2
3
4
5
6
7
8
 
<style>
.boutonRecapitulatif{
display : <?php echo $boutonRecapitulatif;?>;
}
</style>
<div id="ouvrir-infobox" class="center boutonRecapitulatif"> RECAPITULATIF </div>
<div class="clear"></div>

Merci d'avance ,
Cordialement

**NoSmoking** · 29/03/2013, 16h44

Bonjour,
je crains que tu ne comprennes pas que le coté serveur ne peut rien coté client.

L'action à réaliser doit se faire coté client à la réponse de la requête.

A lire donc

Comprendre les mécanismes d'AJAX

je n'ai peut être rien compris...

Invité · 31/03/2013, 19h17

Bonsoir,
Pourquoi faire si compliqué ?
JavaSript peut faire apparaitre et disparaitre un "objet"
(bouton, image etc...) sur un simple événement sans rien recharger !
par exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html><body>
<img src='un_bouton.gif' style='visibility:hidden' id='load'  name='load' />
<script type="text/javascript">
function image()
{
document.getElementById('load').style.visibility="visible";
}
</script>
<form method='post' onsubmit="image();return false" action='' >
<input type=submit value='envoyer'  /><br />
</form></body></html>

Voila a toi de jouer et joyeuses Pâques
Christele

[AJAX] Modification CSS en AJAX

AJAX

Vue hybride

Discussions similaires

Partager

Partager