[POO] Transformer un code utilisant un select en button

Hello, voilà le code, c'est le code d'un calendrier et je ne veux pas d'un select pour la selection des mois mais de 2 boutons, un pour reculer d'un mois et l'autre pour avance d'un mois... Alors le select, ça donne:
Code:

1 2 3 4 5 6 7 8 9 10 tmp += "<td><select name='"+this.name+"month' class='textfield' "; tmp += "onchange='"+this.name+".setMonth(this[this.selectedIndex].value)' >\n"; for(var i=0; i<this.month.length; i++) { tmp += "<option value='"+i+"'"; if(this.curMonth==i) tmp += " selected"; tmp += ">"+ this.month[i] +"</option>\n"; } tmp += "</select></td><td>\n";
Pour un <input type='button'...>, j'ai beau retourner ce code dans tous les sens, il me dit que the "this.selectedIndex" n'a pas de propriété.. Une idée?

Merci!!!

Bonjour,

Citation:

Envoyé par wenijah

Pour un <input type='button'...>, j'ai beau retourner ce code dans tous les sens, il me dit que the "this.selectedIndex" n'a pas de propriété.. Une idée?

peux-tu préciser de quelle manière (quel évènement, de quel objet ...) est appelé ce code ?

A+

Hello! Merci pour ta réponse!

Comme tu peux le voir dans l'image ci-dessous, la selection des dates se fait uniquement par liste déroulante hors mon but est de transformer ce calendrier (qui fonctionne nickel) pour que les 2 <select> fasse place à deux <input type=button> qui aient les fonctions d'avancer (premier button) ou de reculer (2ieme button) d'un mois..

L'affichage:

http://sd09.mysharingbox.com/o.gif

Pour le script, c'est ça:

Code:

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/*
* afficher les mois
*/
this.mList=function()
	{
		var tmp = "<table class='caltab'>";
 
		tmp += "<tr><td align='center' colspan='2'>";
		if(document.layers)
		{
			tmp += "<table width='100%'>";
			tmp += "<tr>";
			tmp += "<td align='center'>"+this.title+"</td>";
			tmp += "<td><a href='javascript://' onclick='"+this.name+".hide();' class='ublack' style='font: 10px Arial;'>close [x]&nbsp;</a></td>";
			tmp += "</tr>";
			tmp += "</table>";
		}
		else
		{
			tmp += "<span style='float:left; text-indent:20px;'>"+this.title+"</span>";
			tmp += "<span style='float:right;'>";
			tmp += "<a href='javascript://' onclick='"+this.name+".hide();' class='ublack' style='font: 10px Arial;'>close [x]&nbsp;</a>";
			tmp += "</span>";
		}
		tmp += "</td></tr>";
		tmp += "<tr>";
		tmp += "<td><select name='"+this.name+"month' class='textfield' ";
		tmp += "onchange='"+this.name+".setMonth(this[this.selectedIndex].value)' >\n";
		for(var i=0; i<this.month.length; i++)
		{			
			tmp += "<option value='"+i+"'";
			if(this.curMonth==i)
				tmp += " selected";
			tmp += ">"+ this.month[i] +"</option>\n";
		}
		tmp += "</select></td><td>\n";
		tmp += this.yList();
		tmp += "</td></tr></table>";
		tmp += this.dList();
		return tmp;
	}
/*
* afficher les années 
*/
	this.yList=function()
	{
		var tmp = "<select name='"+this.name+"year' class='textfield' ";
		tmp += "onchange='"+this.name+".setYear(this[this.selectedIndex].value);' >\n";
		for(var i=this.minYear; i<=this.maxYear; i+=1)
		{
			tmp += "<option value='"+i+"'";
			if(this.curYear==i)
				tmp += " selected";
			tmp += ">"+ i +"&nbsp;&nbsp;&nbsp;</option>\n";
		}
		tmp += "</select>\n";
		return tmp;
	}
 
	this.dayCell=function(d,n)
	{
		var tmp = new String("");
		var now = new Date();
		if(this.isFreeDay(d,this.curMonth))
		{
			tmp += "<td";
		}
		else if (this.checkDate(d)==now.getDate() 
				&& this.curMonth==now.getMonth()
				&& this.curYear==now.getFullYear()) 
		{
			tmp += "<td class='calc'";
		}
		else
		{
			tmp += "<td class='so"+n+"'";
		}
		if(!document.layers)
		{
			tmp += "title='"+this.checkDate(d)+" "+this.month[this.curMonth]+" "+this.curYear+"'";
			tmp += " onmousedown='"+this.name+".getDate(\"";
			tmp += this.formatDate(d);
			tmp += "\");' ";
			tmp += " onmouseover='this.className=this.className+\"on\";' ";
			tmp += " onmouseout='this.className= this.className.substring(0,this.className.indexOf(\"on\"));'";
		}
		else
			tmp += " width='22' height='16' ";
		tmp += ">";
		return tmp;
	}

Merci d'avance!!!

~w~

Toujours pas résolu mais cela ne doit pas être sorcier, no?