Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 4 sur 4
  1. #1
    Nouveau Membre du Club
    Femme Profil pro
    Inscrit en
    mars 2009
    Messages
    190
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : mars 2009
    Messages : 190
    Points : 30
    Points
    30

    Par défaut cherche un calendrier simple

    salut,
    je cherche au lieu de mettre des dates à saisir ,faire une calendrier où l'utilisateur peut sélectionner la date voulue ..
    j'ai trouvé un exemple mais j'ai trouvé de difficultés pour sa position il s'affiche en haut de la page et pas là où je le veux..Donc si y a un exemple encore simple à adapter Merci de le partager ici ^^
    y a pas d'autre solution..il faut apprendre !!

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro Tiger Scott
    Développeur Web
    Inscrit en
    juin 2006
    Messages
    1 289
    Détails du profil
    Informations personnelles :
    Nom : Tiger Scott
    Âge : 44

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : juin 2006
    Messages : 1 289
    Points : 1 675
    Points
    1 675

    Par défaut

    Quel rapport avec le php ?
    la c'est du html/css.
    ton calendrier doit surment etre en position absolute, et du coup il est en haut. (ajoute le dans un div en position relative.)

    sinon, il existe maintenant des date picker en html5
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    N'oubliez pas le Le tag resolu.

    Need_!

  3. #3
    Nouveau Membre du Club
    Femme Profil pro
    Inscrit en
    mars 2009
    Messages
    190
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : mars 2009
    Messages : 190
    Points : 30
    Points
    30

    Par défaut

    Citation Envoyé par Doksuri Voir le message
    Quel rapport avec le php ?
    la c'est du html/css.
    ton calendrier doit surment etre en position absolute, et du coup il est en haut. (ajoute le dans un div en position relative.)

    sinon, il existe maintenant des date picker en html5
    oui oui c'est du js pourtant
    mais bon pour mon exemple j'ai modifié le 'absolute par relative mais ça change rien..:s Je sais pas comment le mettre sur le input!!
    le .css Si vous pouvez m'aider:
    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
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    #CalendarControlIFrame {
      display: none;
      left: 0px;
      position: relative;
      top: 0px;
      height: 250px;
      width: 250px;
      z-index: 99;
    }
     
    #CalendarControl {
      position:relative;
      background-color:#FFF;
      margin:0;
      padding:0;
      display:none;
      z-index: 100;
    }
     
    #CalendarControl table {
      font-family: arial, verdana, helvetica, sans-serif;
      font-size: 8pt;
      border-left: 1px solid #FF9900;
      border-right: 1px solid #FF9900;
    }
     
    #CalendarControl th {
      font-weight: normal;
    }
     
    #CalendarControl th a {
      font-weight: normal;
      text-decoration: none;
      color: #FFF;
      padding: 1px;
    }
     
    #CalendarControl td {
      text-align: center;
    }
     
    #CalendarControl .header {
      background-color: #FF9900;
    }
     
    #CalendarControl .weekday {
      background-color: #DDD;
      color: #000;
    }
     
    #CalendarControl .weekend {
      background-color: #FFC;
      color: #000;
    }
     
    #CalendarControl .current {
      border: 1px solid #339;
      background-color: #FF9900;
      color: #FFF;
    }
     
    #CalendarControl .weekday,
    #CalendarControl .weekend,
    #CalendarControl .current {
      display: block;
      text-decoration: none;
      border: 1px solid #FFF;
      width: 2em;
    }
     
    #CalendarControl .weekday:hover,
    #CalendarControl .weekend:hover,
    #CalendarControl .current:hover {
      color: #FFF;
      background-color: #FF9900;
      border: 1px solid #999;
    }
     
    #CalendarControl .previous {
      text-align: left;
    }
     
    #CalendarControl .next {
      text-align: right;
    }
     
    #CalendarControl .previous,
    #CalendarControl .next {
      padding: 1px 3px 1px 3px;
      font-size: 1.4em;
    }
     
    #CalendarControl .previous a,
    #CalendarControl .next a {
      color: #FFF;
      text-decoration: none;
      font-weight: bold;
    }
     
    #CalendarControl .title {
      text-align: center;
      font-weight: bold;
      color: #FFF;
    }
     
    #CalendarControl .empty {
      background-color: #CCC;
      border: 1px solid #FFF;
    }
    y a pas d'autre solution..il faut apprendre !!

  4. #4
    Nouveau Membre du Club
    Femme Profil pro
    Inscrit en
    mars 2009
    Messages
    190
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations forums :
    Inscription : mars 2009
    Messages : 190
    Points : 30
    Points
    30

    Par défaut

    en faite y reste à noter mon gros problème.. c'est que sur mon formulaire j'ai 3 dates à saisir donc je pense intégrer une calendrier c'est pas la bonne solution.. Alors comment faire une masque de saisi ou bien je sais pas quelque chose pour que l'user entre toujours la même format !!??
    j'etait claire cette fois non ?
    Merci.
    y a pas d'autre solution..il faut apprendre !!

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •