Discussion :

[JeanDan]

Bonjour le forum,

code :

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
function maFonctionJS()  
{  
    var selectedValue = document.getElementById('monCombo')[document.getElementById('monCombo').selectedIndex].id ;  
 
    if (selectedValue=="option1")  
    {  
alert('option1');
 
       var Classe_coordonnees_MB2 = Class.create();
        Classe_coordonnees_MB2 .prototype = {
      initialize : function(longi, lat, comment){
      this.longi = longi;
      this.lat = lat;
      this.commentaire = comment;
      }
      }
  alert('avt boucle');
     var point_MB2=new Array();
    point_MB2[0]=new Classe_coordonnees_MB2(32.255488,3.2186515,"T1");
    point_MB2[1]=new Classe_coordonnees_MB2(32.255488,3.2186515,"T2");  
 
         for(var k=0; k<point_MB2.length; k++) ;
         {
alert('ds boucle for');
         var longi =point_MB2[k].longi;
         var lat = point_MB2[k].lat;
         var commentaire = point_MB2[k].comment;
         place(longi,lat,commentaire);
         }        
 
   }

Mon composant combobox fonctionne parfaitement. Lorsque je sélectionne l'option1 j'ai bien la fenêtre option1 qui s'affiche. Par contre la fenêtre d'alert('avt boucle'); na s'aafiche pas. Ni lla fenêtre alert('ds boucle for'); ne s'affichent pas. JE pense que cela est donc à un probléme d'écriture de la classe mais je ne sais où..........

Merci

[Auteur]

bonjour,


cette ligne de code est curieuse

Code :

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

var selectedValue = document.getElementById('monCombo')[document.getElementById('monCombo').selectedIndex].id ;

ce n'est pas plutôt :

Code :

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

1
2
 
var selectedValue = document.getElementById('monCombo').options[document.getElementById('monCombo').selectedIndex].value ;

ou encore :

Code :

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

1
2
3
 
var liste =  document.getElementById('monCombo');
var selectedValue = liste.options[liste.selectedIndex].value;

[JeanDan]

Bonjour,

1°)Ton code :
var selectedValue = document.getElementById('monCombo').options[document.getElementById('monCombo').selectedIndex].value ;
fonctionne aussi sauf qu'il faut que j'ajoute, au niveau de if (selectedValue==METTRE LE VALUE) et nn plus l'id.

2°)
Par contre, je pense vraiment que le problème vient ma classe.Je me permets d'avancer cela car en placant des "alert('...')", sur presque toutes les lignes, je remarque que juste aprés la ligne :

Code :

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

 var Classe_coordonnees_MB2 = Class.create();

les autres "alerte(....)" ne s'affichent pas.

(En faite j'ai trouvé un tuto sur les classes javascript sur internet mais comme ce sont mes premiers pas ds la création de classe j'ai dû surement me trompé qqpart ...)

Voici ce que dit le tuto :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var maClasse = Class.create();
 
maClasse.prototype = {
	initialize : function() {
		this.attribut1;
		this.attribut2;
	}
	methodeA : function() {
		//code
	}
	methodeB : function) {
		//code
	}		
}

POur moi est ce que

Code :

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

1
2
3
4
5
methodeA : function() {
		//code
	}
	methodeB : function) {
		//code

me serait utile ? est ce à cause de cela que le prog ne fonctionne pas ?

Merci.

[Auteur]

1°)Ton code :
var selectedValue = document.getElementById('monCombo').options[document.getElementById('monCombo').selectedIndex].value ;
fonctionne aussi sauf qu'il faut que j'ajoute, au niveau de if (selectedValue==METTRE LE VALUE) et nn plus l'id.

document.getElementById('monCombo') ne retourne pas un tableau d'éléments mais un objet !!! Donc ta syntaxe :

Code :

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

var selectedValue = document.getElementById('monCombo')[document.getElementById('monCombo').selectedIndex]

est fausse que tu appelles l'attribut id ou value ensuite.


Et Class.create(); c'est quoi ??

[JeanDan]

Yop, salut

Merci pr ta réponse!
Voici le lien où j'ai chopé le tuto "création de classe javascript" : http://geotribu.net/node/2

En faite je voudrai créer un objet dont les propriétés sont "longi" "lat" et "coment" (il faut dc passer par une classe ???). Ce procédé (de créer un objet) m'éviterai de créer des inbrication de tableaux multiples.

Si tu vois un autre code pour créer un objet .. pourrais tu me le donner ?? merci
le prog. ne s'éxécute plus à partir de Class.create();

a+

[Auteur]

voici un 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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
// constructeur
var tonObjet = function(longitude, latitude, commentaire)
{
  this.longitude = longitude;
  this.latitude = latitude;
  this.commentaire = commentaire;
 
  // this désigne l'objet lui-même
  // this.longitude => proriété longitude de l'objet
  // longitude passée en paramètre => valeur donnée à l'objet lors de sa création
  // this.longitude et le paramètre longitude ne désigne pas la même variable !!
 
}
 
// défintion des méthodes de l'objet
tonObjet.prototype=
{
  retourneLatitude : function()
  {
    return this.latitude;
  }
  ,
  retourneLongitude : function()
  {
    return this.longitude;
  }
  ,
  retourneCommentaire : function()
  {
    return this.commentaire;
  }
  ,
  changeLongitude : function(longitude)
  {
    this.longitude = longitude;
  }
  ,
  changeLatitude : function(latitude)
  {
    this.latitude = latitude;
  }
  ,
  changeCommentaire : function(commentaire)
  {
    this.commentaire = commentaire;
  }  
}
 
 
//*********************
function initObjet()
{
  // initialisation avec des valeurs par défaut
  var objet = new tonObjet("45°","00","ton commentaire");
 
  // retourne la valeur de la longitude
  alert("Longitude : " + objet.retourneLongitude());
 
  // on change la longitude de l'objet
  objet.changeLongitude("30°");
  // retourne la valeur de la longitude
  alert("Longitude : " + objet.retourneLongitude());
 
}

Quant à Class.create() je vois ce que c'est. C'est une fonction de la bibliothèque Prototype (rien à voir avec le mot clef javascript prototype). Pour utiliser Class.create() tu dois donc appeler cette bibliothèque. Voir le paragraphe :

Créer sa propre classe avec la bibliothèque Prototype

[JeanDan]

Bonjour,
Je tiens à te remercier pour m'avoir éclaici sur les classes!

Je crée donc ma fct :

Code :

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

1
2
3
4
5
6
7
// constructeur
var Classe_coordonnees_c1 = function(longitude, latitude, commentaire)
{
  this.longitude = longitude;
  this.latitude = latitude;
  this.commentaire = commentaire;
}

J'ai plusieurs points à créer (environ 18). je crée dc un tableau :

Code :

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

1
2
3
4
var point_c1=new Array();
point_c1[0]=new Classe_coordonnees_c1(32.255488,3.2186515,"1e");
point_c1[1]=new Classe_coordonnees_c1(32.255488,3.2186515,"2o"); 
---

je fais un test :
alert(point_c1[0].longitude);
alert(point_c1[0].commentaire);
Les alert affichent bien le bon résultat .. ouééé

j'utilise une boucle for

Code :

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

1
2
3
4
5
6
7
8
9
//boucle for
 for(var k=0; k<point_MB2.length; k++) ;
         {
alert(k);
         var longi =point_c1[k].longitude;
         var lat = point_c1[k].latitude;
         var comment = point_c1[k].commentaire;
         place(longi,lat,comment);
         }

MAIS voilà ... l'alert : alert(k); de la boucle for affiche k=2 dés le premier tour ....
POurtant la 1° ligne de code est correct ....
Merci bien

[DoubleU]

Code :

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

1
2
3
4
5
6
7
8
9
//boucle for
 for(var k=0; k<point_MB2.length; k++) ;
         {
alert(k);
         var longi =point_c1[k].longitude;
         var lat = point_c1[k].latitude;
         var comment = point_c1[k].commentaire;
         place(longi,lat,comment);
         }

[JeanDan]

Cool merci l'équipe javascript!
a+

[Auteur]

Et déclare les variables au début de la fonction (je fais une allergie aux variables déclarées au milieu d'une fonction ou dans une boucle )