IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[POO] Transformer un code utilisant un select en button


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2007
    Messages : 92
    Par défaut [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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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!!!

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par wenijah Voir le message
    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+

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2007
    Messages : 92
    Par défaut
    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:



    Pour le script, c'est ça:

    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
    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~

  4. #4
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2007
    Messages
    92
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2007
    Messages : 92
    Par défaut
    Toujours pas résolu mais cela ne doit pas être sorcier, no?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 07/04/2011, 14h38
  2. Utilisation de Select [Win/Linux]
    Par granquet dans le forum Réseau
    Réponses: 6
    Dernier message: 28/01/2010, 10h04
  3. utilisation de select() pour faire un Tchat
    Par innosang dans le forum Réseau
    Réponses: 30
    Dernier message: 09/11/2005, 16h15
  4. [] transformer un code ean en isbn
    Par dlpxlid dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 15/10/2005, 15h54
  5. [Hibernate] Utilisation de select new
    Par speedster dans le forum Hibernate
    Réponses: 2
    Dernier message: 10/09/2005, 16h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo