Changer images suivant la variable recu de la BDD

**synolog** · 14/05/2012, 13h10

Bonjour,

Je reviens vous faire part d'un nouveau problème..
Le principe est simple mais la je bloque

J'aimerai au chargement de ma page que plusieurs images changes (étoiles) lors de la récupérations des variables de ma BDD.
Je donne une note qui est stocké dans ma BDD, au chargement de ma page j'ai 5 images (étoiles concernant la note donnée) et j'aimerai que selon la note j'aille dans ma fonction javascript qui me permettra de changer les étoiles vides en pleines selon la note donnée:

Code :

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

1
2
3
echo '<br/>';
		?><div id = "moncadre"><img src="avisKO.jpg" alt="" border="0" width="20" height="20" id="aff1"/><img src="avisKO.jpg" alt="" border="0" width="20" height="20" id="aff2"/><img src="avisKO.jpg" alt="" border="0" width="20" height="20" id="aff3"/><img src="avisKO.jpg" alt="" border="0" width="20" height="20" id="aff4"/><img src="avisKO.jpg" alt="" border="0" width="20" height="20" id="aff5"/><?php
		echo '<script>affichageAvis(\''.$data['Note'].'\')</script>';?>

Ici j'appel ma fonction javascript qui me permettra de modifier les images :

Code :

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

1
2
3
4
5
6
7
8
9
10
function affichageAvis(affNote){
	 switch(affNote){
 
		case 1:	document.getElementById('aff1').src="avisOK.jpg";
				document.getElementById('aff2').src="avisKO.jpg";
				document.getElementById('aff3').src="avisKO.jpg";
				document.getElementById('aff4').src="avisKO.jpg";
				document.getElementById('aff5').src="avisKO.jpg";
				break;
		case 2:	document.getElementById('aff1').src="avisOK.jpg";[...]

Mais le soucis est que les images ne se changent pas selon la note et reste par défaut. Je pense que je m'y prend mal..
Auriez vous une idée???

Merci d'avance

**Séb.** · 14/05/2012, 13h40

Pour commencer il faut afficher la source HTML de la page et t'assurer qu'elle est valide.
Pas de message d'erreurs dans la console JavaScript de ton navigateur ?
Pourquoi ne pas afficher les étoiles directement avec PHP ?

Invité · 14/05/2012, 13h41

Envoyé par FrameBreak

J'aimerai au chargement de ma page que plusieurs images changes (étoiles) lors de la récupérations des variables de ma BDD.

Si c'est au chargement de la page, pourquoi ne pas les afficher directement en PHP ??

Sinon, il faut un window.onload (javascript)
ou :

Code :

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

<body onload="affichageAvis(\''.$data['Note'].'\');">

**synolog** · 14/05/2012, 13h59

Merci de vos réponse.
@Seb:
La source html est bien valide (mes images d'étoile s'affiche correctement en KO par défaut (étoiles vides)).
Aucun message d’erreurs apparaît point de vue javascript.
Afficher directement les étoiles en php?? Je n'y avais pas penser.. Un switch affichant mes images directement.

@jreaux62
Le window.onload() ne fonctionne pas, je pense que cela est du à ma boucle qui récupère plusieurs commentaires et donc plusieurs notes.

**synolog** · 14/05/2012, 14h12

Super tout fonctionne en php

un switch et tout fonctionne!
Merci!! je cherchais trop compliqué

Changer images suivant la variable recu de la BDD

Langage PHP

Discussions similaires

Partager

Partager