Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 09/04/2011, 20h20   #1
Candidat au titre de Membre du Club
 
franco
Inscription : mars 2011
Messages : 199
Détails du profil
Informations personnelles :
Nom : franco

Informations forums :
Inscription : mars 2011
Messages : 199
Points : 11
Points : 11
Par défaut Événement capricieux

salut,

je suis entrain de travailler avec ce fichier test.xml

Code xml :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?xml version="1.0" encoding="UTF-8"?>
<societes>
   <societe>
      <nom>HP</nom>
      <nombre>10</nombre>
 
   </societe>
 <societe>
      <nom>IBM</nom>
      <nombre>40</nombre>
 
 
   </societe>
 <societe>
      <nom>Tochiba</nom>
      <nombre>25</nombre>
 
 
 
   </societe>
 
</societes>


je travail avec des page jsp

j'ai rempli une liste déroulante depuis ce fichier test.xml

qui contient les noms de societes

le but est quant je choisi depuis la liste deroulante un nom d'une societe
et si le nombre=10 un événement s'est produit par exmeple un champs test est affiché contient ce message :le nombre est égale à 10
si possible ce message dois comme un clinatant se cache et s'affiche

je pense que jquery permet de faire cet evenement

si jquery ne permet pas de faire ca je laisse à vous de choisir n'importe quel événement possible mais a condition si je selectionne un autre nom de la liste
déroulantequi ne contient pas la valeur 10 comme nombre cet événement ne s'affiche pas



Code javascript :
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
$(document).ready(function(){
 
$('#list').change(function(){
var valeur=$(this).val();
 
$(data).find("societes").children("societe").each(function(i, item){
 
			h1=$(item).children("nom").text()+'';
 
			if (h1 == valeur){
 
nombre=$(item).children("nombre").text();
 
 }
 
 
 
	 });
 
if(nombre=10)
{
 
 
// ici l'evenement qui s'est produit
 
}
 
});
});
</script>

un autre exemple si possible un bouton qui cliniote (c a dire le couleur de bouton change) avec valeur 10
ou une animation flash qui s'affiche

exemple de scenario de test : la liste contient :HP,IBM et Tochiba

si je choisi HP une événement s'est produit

si je choisi un autre nom rien n'est se produit

merci d'avance
alen22 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 09/04/2011, 21h54   #2
Candidat au titre de Membre du Club
 
franco
Inscription : mars 2011
Messages : 199
Détails du profil
Informations personnelles :
Nom : franco

Informations forums :
Inscription : mars 2011
Messages : 199
Points : 11
Points : 11
voila un exemple d'événement avec jquery

Code :
$('#message').hide().html("le nombre est égale au 10").fadeIn('slow');
mais le problème est quand je choisi HP ce message s'affiche mais quand je choisie un autre nom ce message reste toujours affiché


mais quand je choisi dans le première choix le nom IBM le message ne s'affiche pas mais une fois je choisi HP le message reste toujours affiché (peu n'importe si choisi un autre nom)

donc le probleme est comment cache ce message :si je chosi au debut HP c'est bon le message s'affiche mais quand je chosi en deuxieme lieu un autre nom je veux que ce message se cache

merci d'avance
alen22 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 10/04/2011, 20h42   #3
Rédacteur
 
Avatar de danielhagnoul
 
Homme Daniel Hagnoul
Étudiant perpétuel
Inscription : février 2009
Messages : 3 221
Détails du profil
Informations personnelles :
Nom : Homme Daniel Hagnoul
Âge : 61
Localisation : Belgique

Informations professionnelles :
Activité : Étudiant perpétuel
Secteur : Enseignement

Informations forums :
Inscription : février 2009
Messages : 3 221
Points : 6 767
Points : 6 767
Bonsoir

Code javascript :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$('#list').change(function(){
	var valeur = $(this).val();
 
	var h1, nombre; // ? je suppose
 
	$(data).find("societes").children("societe").each(function(i, item){
		h1 = $(item).children("nom").text() + '';
 
		if (h1 == valeur){
			nombre = $(item).children("nombre").text();
		}
	});
 
	// nombre est un texte !
	// pas une affectation (=) mais une comparaison (==)
	if (parseInt(nombre, 10) == 10){
		// ici l'evenement qui s'est produit
	}
});
__________________

FAQ jQuery

Mon cahier d’exercices sur jQuery & Co

Si un message vous a aidé ou vous semble pertinent, votez pour lui !
danielhagnoul est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 00h32.


 
 
 
 
Partenaires

Hébergement Web