Modification d'une source javascript

tophe03 -  
Bonjour

J'ai téléchargé une source javascript sous la forme d'un fichier zip. Lorsque je le décompresse, j'ai un fichier html et plusieurs fichiers js. Il devrait y avoir un fichier d'explication (en .txt) pour modifier les fichiers javasript mais il ya un problème lors de la décompression, et je ne l'ai pas. Du coup, je ne sais pas comment les modifier. Seule une partie du contenu m'interesse, et je ne sais même pas quels fichiers conserver car je suis novice.
Y aurait il quelqu'un pour m'aider?

Merci

22 réponses

Résumé de la discussion

Le fil porte sur un calendrier JavaScript fourni en zip dont le fichier d’explications est indisponible après décompression, rendant difficile la modification du code et l’adaptation pour un novice. Plusieurs réponses évoquent des solutions liées au positionnement et à l’ordre des éléments, notamment via le z-index et une modification du script pour afficher le calendrier au dessus du champ. La piste majeure consiste à ajuster le fichier d’aide calendar.txt avec des paramètres tels que AId, AFixedX, AFixedY et APosition pour faire apparaître le calendrier au-dessus, selon les choix d’affichage. D’autres échanges couvrent des essais d’intégrer des scripts supplémentaires, des ajustements de balises HTML et des difficultés liées au format HTML vs XHTML, sans conclure sur une résolution unique du fil.

Bobot (l’IA à votre service)
  1. SirHill Contributeur
    Salut,

    Tu peux nous montrer les différents fichiers en les mettant sur Cjoint [http://www.cjoint.com/] par exemple.

    Et dis-nous ce que tu aimerais faire...
    0
    1. tophe03 Auteur
      salut

      voici le lien créé sur http://www.cjoint.com/:
      http://cjoint.com/?eiri41wgTt

      Il y a une version normale et light, mais le résultat est le même d'après l'auteur.
      Je construit une page pour une réservation dans un restaurant. La réservation est possible tous les jours sauf le mardi
      0
    2. SirHill Contributeur
      Il y a un petit problème avec le lien, tu as joint une image GIF :)

      Si les fichiers ne sont pas trop volumineux, tu peux à la rigueur coller leur contenu dans ce forum...
      0
    3. tophe03 Auteur
      @SirHillEn fait, les images GIF sont les flèches du calendrier.
      Je colle aussi le contenu du fichier html?
      0
    4. SirHill Contributeur
      @SirHillJoint (ou colle si c'est pas trop gros) le contenu des fichiers HTML/JS en nous expliquant précisément ce que tu souhaites faire.
      0
  2. tophe03 Auteur
    a mon avis ce sera trop gros
    je joint les fichiers sur http://www.cjoint.com/ sans les gif:
    http://cjoint.com/?eisNloqqBb

    je crée une page pour la réservation dans un restaurant. Cette réservation est possible tous les soirs sauf le mardi, jour de fermeture hebdomadaire.
    si tu as besoin d'autres renseignements, n'hésite pas.

    Merci
    0
    1. SirHill Contributeur
      Aurais-tu également les différents fichiers JS contenus dans l'archive ?
      Ou donne-nous l'adresse du site sur lequel tu l'as téléchargée, ce sera peut-être plus simple :)
      0
      3. SirHill Contributeur
        Hello,

        Bon j'ai téléchargé le fichier.
        Tu devrais trouver le fichier d'explication dans le répertoire /IncClient/doc/.

        As-tu regardé le fonctionnement du calendrier ?

        je crée une page pour la réservation dans un restaurant. Cette réservation est possible tous les soirs sauf le mardi, jour de fermeture hebdomadaire.

        D'accord mais euh... que souhaiterais-tu afficher exactement ?
        Un calendrier dans le même style que l'exemple ?
        0
        1. tophe03 Auteur
          Bonjour

          J'ai regardé le fonctionnement du calendrier, et apparemment (ou je me trompe), il est possible d'avoir le calendrier en interdisant des dates. Je voudrais afficher un calendrier du même style, avec les mardis interdits et pourquoi pas aussi interdire une période conrrespondant aux congés annuels.
          Concernant le fichier d'explication, je n'arrive pas à l'avoir, j'ai à chaque fois une erreur de dézipage concernant ce fichier.

          Merci beaucoup pour ton aide et ta patience.

          Tophe
          0
        2. SirHill Contributeur
          Concernant le fichier d'explication, je n'arrive pas à l'avoir, j'ai à chaque fois une erreur de dézipage concernant ce fichier.

          Le voici :
          http://cjoint.com/?eoaobQnrIv

          J'ai regardé le fonctionnement du calendrier, et apparemment (ou je me trompe), il est possible d'avoir le calendrier en interdisant des dates. Je voudrais afficher un calendrier du même style, avec les mardis interdits et pourquoi pas aussi interdire une période conrrespondant aux congés annuels.

          Tu peux modifier ces paramètres dans le fichier "exemple_calendrier.html".

          Pour le mardi, ça se passe ici : 
          Calendar.MInitWeekDays(0,6);

          Un petit tour dans la doc :
          // Méthode qui permet de redefinir le tableau des jours fermés dans une semaine
          // Le nombre de paramettre peu varier de 1 à 7, ce doit être des entiers de 0 à 6
          // 0 : dimanche,1 : lundi,2 : mardi,...,6 : samedi

          Tu auras donc : 
          Calendar.MInitWeekDays(0,2,6);


          Pour les périodes correspondant aux congés annuels, ça se passe là : 
          '20051101&20051125^20051205&20060113'
          (Exemple dans le fichier "exemple_calendrier.html".)

          Doc :
          // borne: chaine de caractère désignant une union d'ensemble de date
          // - le paramètre est optionnel
          // - si le champ est alimenté, toutes dates qui ne sont pas elements des ensembles
          // sera insaisissable
          // - grammaire à utiliser pour décrire les bornes:
          // (-inf ou date)&date^date&date^...^date&(date ou +inf)
          // les dates doivent être saisie au format yyyymmdd
          // & pour et , ^ pour ou, -inf pour moins l'infini et +inf pour plus l'infini
          // exemple : '20051001&20051225^20060101&20061101' represente l'union
          // [01/10/2005 25/12/2005]U[01/01/2006 01/11/2006]

          A+

          [Source : http://www.javascriptfr.com/code.aspx?ID=29611]
          0
        3. tophe03 Auteur
          @SirHillMerci beaucoup pour ton aide

          J'ai un petit souci. La date de réservation, je l'insère dans un formulaire où je demande également nom, tél, e-mail...
          Lorsque j'insère:
          <form name="frmRech"><input
          id="DatePrevDeb" maxlength="30" size="30"
          name="DatePrevDeb"><input
          onclick="Calendar.MPopUpCalendar(this, document.frmRech.DatePrevDeb, 'dd mmm yyyy','20041007&20050904^20051013&20060903',true)"
          value="..." type="button"></form>
          les balises <form> et </form> disparaissent, et je ne peux donc pas sélectionner la date. Comment puis-je contourner le problème?
          Je te remercie d'avance

          A+
          Tophe
          0
        4. tophe03 Auteur
          @SirHillBonjour

          Lorsque j'insère entre <head> et </head> les lignes:
          <script type="text/javascript"
          src="prototype_light.js"></script>
          <script type="text/javascript"
          src="dhtml_light.js"></script>
          <script type="text/javascript"
          src="dhtml_div_light.js"></script>
          <script type="text/javascript"
          src="window_dhtml_light.js"></script>
          <script type="text/javascript"
          src="Calendar.js"></script>
          l'image de fond disparaît, et l'alignement est modifié.
          0
      4. tophe03 Auteur
        Re

        Encore une question: comment faire pour que les jours fériés soient sélectionnables?

        Merci
        0
        1. tophe03 Auteur
          Bonjour
          J'ai résolu le 2d problème. Par contre, j'ai toujours des problèmes avec les balises <form> et </form>, et je ne sais pas comment faire pour que les jours fériés soient sélectionnables.
          Merci

          Tohe
          0
          1. tophe03 Auteur
            J'ai fait "insérer HTML" dans la cellule où je veux introduire la date de réservation: plus de problèmes avec les balises <form> et le formulaire apparaît bien lorsque je suis sur Nvu. Mais lorsque je veux faire apparaître la page web, le formulaire n'apparaît pas.
            0
            1. SirHill Contributeur
              Salut,

              comment faire pour que les jours fériés soient sélectionnables?

              Dans la ligne suivante, incluse dans une balise <input>, remplace true par false : 
              onclick="Calendar.MPopUpCalendar(this, document.frmRech.DatePrevDeb, 'dd mmm yyyy','20041007&20050904^20051013&20060903',true)"

              Mais lorsque je veux faire apparaître la page web, le formulaire n'apparaît pas.

              Pourrais-tu nous copier (ou mettre sur Cjoint) le code de ta page web, stp ?

              A+ :)
              0
              1. tophe03 Auteur
                re

                voici le code de la page (c'est long):

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml"
                lang="fr-fr">
                <head>
                <meta
                content="text/html; charset=windows-1252"
                http-equiv="content-type" />
                <title>Iguane Café - Contact et
                Réservation</title>
                <meta content="Christophe Stéphan"
                name="author" />
                <script language="javascript">
                <!-- script créé par le webmaster de : -->
                <!-- www.creation-de-site.net -->
                <!-- vous y trouverez des javascripts, des images, des tutoriaux et des ressources gratuites. -->
                <!--
                function music()
                {
                var repetition,visibility,depart,fichier_son;
                var fichier_son = "Track02.wav"; <!-- C:\Mes documents\Site Iguane Café\Page11\Track02.wav -->
                var repetition = "-1"; <!-- 0 ==> une seule fois, -1 ==> en boucle -->
                var cache_panneau = "true"; <!-- ou false : true => cache panneau, false => affiche panneau -->
                var depart = "true"; <!-- ou false : true =>depart automatique, false =>il faut appuyer sur le bouton play du panneau (donc cache_panneau = false) -->
                document.write('<EMBED SRC="' + fichier_son +'" hidden=' + cache_panneau + ' autostart=' + depart + ' loop=' + repetition +'>');
                }
                //-->
                </script>
                </head>
                <body
                style="width: 950px; height: 1202px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(image001.gif); direction: ltr;">
                <div style="text-align: center;"><br />
                <script language="javascript">music();</script>
                <script language="javascript">
                /*
                SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
                http://www.editeurjavascript.com
                */
                function ejs_nodroit()
                {
                alert('Clic droit interdit');
                return(false);
                }
                document.oncontextmenu = ejs_nodroit;
                </script><br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <a href="../Page2/Page2.html"
                target="_top"><img
                style="border: 0px solid ; width: 70px; height: 34px;"
                alt="Accueil" title="Accueil" src="animation015.gif" /></a>      
                <a href="../Page3/Page3.html"
                target="_top"><img
                style="border: 0px solid ; width: 53px; height: 34px;"
                target="_top" alt="Edito" title="Edito"
                src="animation016.gif" /></a>      
                <a href="../Page4/Page4.html"
                target="_top"><img
                style="border: 0px solid ; width: 125px; height: 35px;"
                alt="La Carte et Les Menus" title="La Carte et Les Menus"
                src="animation017.gif" /></a>      
                <a href="../Page8/Page8.html"
                target="_top"><img
                style="border: 0px solid ; width: 132px; height: 34px;"
                alt="Le Restaurant" title="Le Restaurant"
                src="animation018.gif" /></a>      
                <a href="../Page9/Page9.html"
                target="_top"><img
                style="border: 0px solid ; width: 54px; height: 34px;"
                alt="Accès" title="Accès" src="animation019.gif" /></a>      
                <a href="Page11.html" target="_top"><img
                style="border: 0px solid ; width: 73px; height: 34px;"
                alt="Contact et Réservation" title="Contact et Réservation"
                src="animation020.gif" /></a>      
                <a href="../Page12/Page12.html"
                target="_top"><img
                style="border: 0px solid ; width: 54px; height: 34px;"
                alt="Liens" title="Liens" src="animation021.gif" /></a><br />
                <br />
                <hr style="width: 100%; height: 2px;" /><img
                style="width: 81px; height: 69px;" alt="Hibiscus"
                src="file:///C:/Mes%20documents/Site%20Iguane%20Caf%E9/Page11/animation002.gif" />         
                <img style="width: 347px; height: 57px;"
                alt="Contact et Réservation"
                src="file:///C:/Mes%20documents/Site%20Iguane%20Caf%E9/Page11/animation003.gif" />         
                <img style="width: 81px; height: 71px;"
                alt="Hibiscus"
                src="file:///C:/Mes%20documents/Site%20Iguane%20Caf%E9/Page11/animation011.gif" /><br />
                <small style="font-style: italic;"><span
                style="font-family: Comic Sans MS;"><span
                style="color: rgb(51, 51, 255);"><br />
                Veuillez renseigner
                le formulaire suivant sans oublier votre nom, votre e-mail et votre
                numéro de téléphone. Merci de votre confiance.</span></span></small><br />
                <small style="font-style: italic;"><span
                style="color: rgb(51, 51, 255); font-family: Comic Sans MS;">Please
                enter the following informations. Note that your name, e-mail and phone
                number are required.</span></small><br />
                <script language="JavaScript">
                function verifieForm() {
                var sto = new Array("", "", "", "");
                var erreur = false;
                if (document.rapporter.nom.value.search(/\w/) == -1) {
                sto[0] = "Il manque le nom.";
                erreur = true;}
                if (document.rapporter.email.value.search(/\w{1,}@(\w{1,}\.)+\w{2,3}/) == -1) {
                sto[1] = "Vérifier votre e-mail.";
                erreur = true;}
                if (document.rapporter.telephone.value.search(/\w/) == -1) {
                sto[3] = "Il manque le numéro de téléphone.";
                erreur = true;}
                if (erreur == true) {
                var message = "Le message n'a pas ete envoye car :\n"
                for (i = 0; i < sto.length; i ++) {
                if (sto[i].length != 0) {
                message += "- " + sto[i] + "\n";}}
                alert(message);}
                else {
                document.rapporter.submit();}
                }
                </script>
                <form name="rapporter"
                onsubmit="verifieForm(); return false;" action="merci.php"
                method="post"><input
                value="1" name="ajn" type="hidden" />
                <table
                style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
                border="0" cellpadding="2" cellspacing="2">
                <tbody>
                <tr>
                <td align="center"
                valign="middle">
                <table
                style="width: 600px; text-align: left; margin-left: auto; margin-right: auto;"
                border="0" cellpadding="2" cellspacing="2">
                <tbody>
                <tr>
                <td
                style="vertical-align: middle; width: 200px; text-align: left; font-family: Comic Sans MS; font-style: italic;"><small><span
                style="color: rgb(51, 51, 255);">Date
                /</span> <span
                style="color: rgb(51, 51, 255);"><span
                style="color: rgb(51, 51, 255);">Date </span><span
                style="color: rgb(51, 51, 255);">:</span></span></small></td>
                <td colspan="2"
                rowspan="1" style="vertical-align: middle; text-align: left;">
                *******************************
                <title>test
                calendrier</title>
                <script type="text/javascript"
                src="prototype_light.js" />
                <script type="text/javascript"
                src="dhtml_light.js" />
                <script type="text/javascript"
                src="dhtml_div_light.js" />
                <script type="text/javascript"
                src="window_dhtml_light.js" />
                <script type="text/javascript"
                src="Calendar.js" />
                <div align="left">
                <form name="frmRech"><input
                id="DatePrevDeb" maxlength="30" size="30"
                name="DatePrevDeb" /><input
                onclick="Calendar.MPopUpCalendar(this, document.frmRech.DatePrevDeb, 'dd mmm yyyy','20041007&20050904^20051013&20060903',true)"
                value="..." type="button" /></form>
                </div>
                <script language="JavaScript">
                var Calendar = new TCalendar("Calendar");
                Calendar.MInitWeekDays(2);
                </script>
                <!--<script type="text/javascript" src="IncClient/Debug.js"></script>-->
                ***********************************************
                </td>
                </tr>
                </tbody> <tbody>
                <tr>
                <td
                style="font-style: italic; font-family: Comic Sans MS;"
                align="left" valign="middle"><small><span
                style="color: rgb(51, 51, 255);">Nombre
                de convives / </span><br
                style="color: rgb(51, 51, 255);" />
                <span
                style="color: rgb(51, 51, 255);"> Number
                of people </span><span
                style="color: rgb(51, 51, 255);">:</span></small>
                </td>
                <td align="left"
                valign="middle"> <small><span
                style="font-style: italic; font-family: Comic Sans MS;"><span
                style="color: rgb(51, 51, 255);">Adultes / Adults</span></span><span
                style="font-family: Comic Sans MS;"> </span></small>
                <select size="1"
                name="Adultes">
                <option selected="selected">1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                </select>
                </td>
                <td align="left"
                valign="middle"> <span
                style="color: rgb(51, 51, 255); font-family: Brush Script;"><small><span
                style="font-style: italic; font-family: Comic Sans MS;">Enfants
                / Childrens</span><span
                style="font-family: Comic Sans MS;"> </span></small>
                <select name="Enfants">
                <option selected="selected">1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                </select>
                </span></td>
                </tr>
                <tr>
                <td
                style="font-style: italic; font-family: Comic Sans MS;"
                align="left" valign="middle"> <small><span
                style="color: rgb(51, 51, 255);">Heure
                du repas / </span><span
                style="color: rgb(51, 51, 255);">Meal
                time<span style="color: rgb(255, 0, 0);">
                </span><span
                style="color: rgb(51, 51, 255);">:</span></span></small>
                </td>
                <td align="left"
                valign="middle">
                <select size="1"
                name="Heure">
                <option>12h30</option>
                <option>13h</option>
                <option>13h30</option>
                <option>14h</option>
                <option>14h30</option>
                <option selected="selected">-----------</option>
                <option>19h30</option>
                <option>20h</option>
                <option>20h30</option>
                <option>21h</option>
                <option>21h30</option>
                <option>22h</option>
                <option>22h30</option>
                </select>
                </td>
                <td align="left"
                valign="middle"> <input
                value="déjeuner" name="Repas" type="radio" /><span
                style="font-family: Brush Script; color: rgb(51, 51, 255);"><small><span
                style="font-style: italic; font-family: Comic Sans MS;">déjeuner
                / lunch</span></small><br />
                <input value="diner"
                name="Repas" checked="checked" type="radio" /></span><small
                style="font-family: Comic Sans MS;"><span
                style="color: rgb(51, 51, 255); font-style: italic;">dîner
                / diner</span></small>
                </td>
                </tr>
                <tr>
                <td
                style="font-style: italic; font-family: Comic Sans MS;"
                align="left" valign="middle"><small><span
                style="color: rgb(51, 51, 255);">Salle
                /</span><span
                style="color: rgb(51, 51, 255);"> Room </span><span
                style="color: rgb(51, 51, 255);">:</span>
                </small></td>
                <td align="left"
                valign="middle"><input
                value="fumeur" name="Fumeur" checked="checked"
                type="radio" /><small
                style="font-family: Comic Sans MS;"><span
                style="color: rgb(51, 51, 255); font-style: italic;">Fumeur</span></small>
                </td>
                <td align="left"
                valign="middle"> <input
                value="nonfumeur" name="Fumeur" type="radio" /><small><span
                style="color: rgb(51, 51, 255); font-style: italic; font-family: Comic Sans MS;">Non
                Fumeur</span></small>
                </td>
                </tr>
                </tbody>
                </table>
                </td>
                </tr>
                </tbody>
                </table>
                <small><i
                style="color: rgb(51, 51, 255); font-family: Comic Sans MS;">Le
                Restaurant est ouvert tous les soirs sauf le mardi. Ouverture le
                dimanche midi et soir.</i></small><br />
                <span
                style="color: rgb(51, 51, 255); font-family: Brush Script;"><small
                style="font-family: Comic Sans MS; font-style: italic;">Heures
                de service: de 19h30 à 22h30 le soir, et de 12h30 à 14h30 le dimanche
                midi.<br />
                <br />
                </small></span>
                <table
                style="text-align: left; width: 800px;" border="0"
                cellpadding="2" cellspacing="2">
                <tbody>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; width: 160px; font-family: Comic Sans MS; font-style: italic;"><small><span
                style="color: rgb(51, 51, 255);">Raison sociale :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left; width: 250px;">
                <input size="30"
                name="raison sociale" /></td>
                <td
                style="vertical-align: middle; text-align: left; width: 115px;"></td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; font-family: Comic Sans MS; font-style: italic;"><small><span
                style="color: rgb(51, 51, 255);">Civilité<span
                style="color: rgb(255, 0, 0);"> <span
                style="color: rgb(51, 51, 255);">:</span></span></span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                value="M" name="civilité" checked="checked"
                type="radio" /><span
                style="color: rgb(51, 51, 255);"><span
                style="font-family: Brush Script;"><small><span
                style="font-family: Comic Sans MS;">M</span></small>   
                <input value="Mme"
                name="Civilité" type="radio" /></span></span><span
                style="font-family: Brush Script;"><span
                style="color: rgb(51, 51, 255);"><small><span
                style="font-family: Comic Sans MS;">Mme</span></small>   
                <input value="Mlle"
                name="Civilité" type="radio" /><small><span
                style="font-family: Comic Sans MS;">Mlle</span></small></span></span>
                </td>
                <td
                style="vertical-align: middle; text-align: left; font-style: italic; font-family: Comic Sans MS;"><small><span
                style="color: rgb(51, 51, 255);">Nom
                / </span><span
                style="color: rgb(51, 51, 255);">Name</span><span
                style="color: rgb(51, 51, 255);"><sup
                style="color: rgb(255, 0, 0);">*</sup>
                :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="nom" size="30" /></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; font-style: italic; font-family: Comic Sans MS;"><small><span
                style="color: rgb(51, 51, 255);">Adresse
                / Address :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="adresse" size="30" /></td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; color: rgb(51, 51, 255); font-family: Comic Sans MS; font-style: italic;"><small>Ville
                / City<small><span
                style="color: rgb(255, 0, 0);" /></small>
                :</small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="ville" size="30" /></td>
                <td
                style="vertical-align: middle; text-align: left; font-style: italic; color: rgb(51, 51, 255); font-family: Comic Sans MS;"><small>Code
                Postal /<br />
                Zip code :</small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="code postal" size="10" /></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; color: rgb(51, 51, 255); font-style: italic; font-family: Comic Sans MS;"><small>Pays
                / Country<small><span
                style="color: rgb(255, 0, 0);" /></small>
                :</small></td>
                <td
                style="vertical-align: middle; text-align: left;"><input
                name="pays" size="30" /> </td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; font-family: Comic Sans MS; font-style: italic;"><small><span
                style="color: rgb(51, 51, 255);">E-mail<span
                style="color: rgb(255, 0, 0);"><sup>*</sup></span>
                :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"><input
                name="email" size="30" /> </td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                <td
                style="vertical-align: middle; text-align: left;"></td>
                </tr>
                <tr>
                <td
                style="vertical-align: middle; text-align: left; font-style: italic; font-family: Comic Sans MS;"><small><span
                style="color: rgb(51, 51, 255);">Tél
                / Tel<sup style="color: rgb(255, 0, 0);">*</sup>
                :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="telephone" size="30" /></td>
                <td
                style="vertical-align: middle; text-align: left; font-style: italic; font-family: Comic Sans MS;"><small><span
                style="color: rgb(51, 51, 255);">Fax
                :</span></small></td>
                <td
                style="vertical-align: middle; text-align: left;"> <input
                name="fax" size="30" /></td>
                </tr>
                <tr>
                <td style="font-style: italic;"
                align="left" valign="middle"><small
                style="font-family: Comic Sans MS;"><span
                style="color: rgb(51, 51, 255);">Votre
                message /</span><br
                style="color: rgb(51, 51, 255);" />
                </small> <span
                style="color: rgb(51, 51, 255); font-family: Brush Script;"><small
                style="font-family: Comic Sans MS;">Your
                Message :</small></span></td>
                <td colspan="3" rowspan="1"
                align="left" valign="middle"><textarea
                cols="60" rows="6" name="votre message">
                </textarea></td>
                </tr>
                </tbody>
                </table>
                <small><span
                style="font-style: italic; font-family: Comic Sans MS;"><span
                style="color: rgb(255, 0, 0);">*  <span
                style="color: rgb(51, 51, 255);">Champs obligatoires<br />
                <br />
                </span></span></span></small>
                <input value="Envoyer / Send"
                name="Envoyer" type="submit" />          
                <input name="Supprimer"
                value="Supprimer / Reset" type="reset" /></form>
                <br />
                <br />
                <a title="Accueil"
                href="../Page2/Page2.html" target="_top"><span
                style="color: rgb(51, 51, 255);">Accueil</span></a>│<a
                title="Edito" href="../Page3/Page3.html" target="_top"><span
                style="color: rgb(51, 51, 255);">Edito</span></a>│<a
                style="color: rgb(51, 51, 255);" target="_top"
                title="La Carte et Les Menus" href="../Page4/Page4.html">La
                Carte et Les Menus</a>│<a
                title="Le Restaurant" href="../Page8/Page8.html"
                target="_top"><span
                style="color: blue;">Le
                Restaurant</span></a>│<a
                title="Accès" target="_top" href=".../Page9/Page9.html"><span
                style="color: blue;">Accès</span></a>│<a
                title="Contact et Réservation" href="Page11.html"
                target="_top"><span
                style="color: blue;">Contact
                et Réservation</span></a>│<a
                title="Liens" href="../Page12/Page12.html" target="_top"><span
                style="color: blue;">Liens</span></a><span
                style="color: blue; text-decoration: underline;"><br />
                <br />
                <br />
                </span><span
                style="color: blue;"><a
                href="http://www.Nvu.com" target="_blank"><img
                style="border: 0px solid ; width: 81px; height: 31px;"
                alt="Made With Nvu" title="www.Nvu.com"
                src="made-with-Nvu-t.png" /></a>                                                                     
                <img style="width: 60px; height: 42px;"
                alt="Rainbow Flag" title="Restaurant Gay Friendly"
                src="file:///C:/Mes%20documents/Site%20Iguane%20Caf%E9/Page11/image012.gif" /></span><span
                style="color: blue;">                                                                     
                </span><a
                href="http://validator.w3.org/check?uri=referer" target="_blank"><img
                title="Valid XHTML 1.0!"
                style="border: 0px solid ; width: 88px; height: 31px;"
                alt="Valid XHTML 1.0!" src="valid-xhtml10" /></a><br />
                </div>
                </body>
                </html>

                attention, j'ai mis entre **** l'endroit où doit se trouver la saisie de la date.

                Par contre si je remplace, true par false, je pense que je vais pouvoir sélectionner les jours fériés mais aussi les mardis et la période de congés.

                Merci pour ton aide
                Tophe
                0
              2. tophe03 Auteur
                Bonjour

                en fait quand je colle le code dans la page, le "/" dans <script type="text/javascript" src="prototype_light.js" /> s'en va, ce qu'il fait qu'il ne tient pas compte de tout ce qui suit jusqu'à </script> juste après Calendar.MInitWeekDays(2);
                J'ai beau le rajouter, il est supprimé automatiquement.
                Je sais vraiment plus comment faire.

                Merci

                Tophe
                0
            2. SirHill
              Salut !

              Avec du retard me revoilà.
              J'ai vu que tu avais créé un nouveau topic... RDV là-bas :)
              0
              1. tophe03 Auteur
                Salut

                En fait j'ai des problèmes pour insérer la source dont je t'avais parlé, puisque je ne peux pas insérer un formulaire dans un autre.
                0
                1. SirHill Contributeur
                  Effectivement, j'ai réussi à afficher le calendrier en faisant quelques modifs (et en ne gardant qu'un formulaire).

                  As-tu apporté des modifs à la page ?
                  Si c'est le cas, pourrais-tu copier la source stp ?

                  A+
                  0
                  1. tophe03 Auteur
                    re

                    J'ai retiré le calendrier (tout ce qui se trouve entre **** dans la source plus haut) puisque dès que je la réouvrais, c'était la zizanie entre les <form>.
                    Et tu a réussi à insérer le calendrier en n'ayant un seul formulaire?

                    a+
                    0
                    1. SirHill Contributeur
                      Et tu a réussi à insérer le calendrier en n'ayant un seul formulaire?

                      Oui.

                      Petit bémol tout de même avec ce script : le calendrier ne s'affiche pas correctement sous IE (a priori :p).
                      As-tu essayé de tester l'affichage de la page avec ce navigateur ?

                      Pour pallier ce problème, il faudrait modifier l'emplacement de certains champs du formulaire.
                      Ou mieux : modifier ou changer le script !
                      0
                      1. tophe03 Auteur
                        salut

                        Oui, j'ai réussi à afficher la page sous IE sans problème.

                        a+
                        0
                      2. tophe03 Auteur
                        @tophe03re

                        j'ai essayé d'insérer le calendrier avec un seul formulaire, mais ça ne marche pas.
                        Si tu as la solution, je suis preneur.

                        merci
                        a+
                        0
                    2. tophe03 Auteur
                      salut

                      j'ai n'ai mis qu'un seul formulaire. Ca ne marchait pas au départ parce que ma page était au format XHTML. Dès que j'ai mis au format HTML, plus de problèmes. Par contre, le calendrier n'apparaît au 1er plan: les menus déroulants se trouvant sous le champ apparaissent par dessus le calendrier. Je sais pas ce qu'il faut faire pour qu'il apparaisse au premier plan.

                      a+
                      Tophe
                      0
                      1. SirHill Contributeur
                        Hello,

                        Oui, c'est le petit "bémol" que je décrivais dans le post #24 (:
                        La raison du problème est décrite ici :
                        http://tinyurl.com/bgyyj

                        Une solution consisterait à changer l'emplacement des champs (listes déroulantes).
                        Sinon il faut modifier le code... ou trouver un script gérant ce problème (et pourquoi pas plus adapté/épuré, comme celui du site voyages-sncf.com par exemple).
                        0
                        1. tophe03 Auteur
                          salut

                          Apparamment, il ya moyen de faire paraître la calendrier au dessus du champ en modifiant le script. Voici ce qui est indiqué dans le fichier d'aide "calendar.txt":

                          [string] this.AId = id;
                          //Identifiant du calendrier

                          [int] this.AFixedX = (x==undefined)?-1:x;
                          // position x d'affichage (-1 apparait sous le controle)

                          [int] this.AFixedY = (y==undefined)?-1:y;
                          // position y d'affichage (-1 apparait sous le controle)

                          [string] this.APosition = (position==undefined)?"absolute":position;
                          //permet de définir si le calendrier est affiché en valeur absolue ou relative

                          Comment faut-il modifier le script pour qu'il apparaisse au dessus du champ?

                          Merci
                          a+
                          tophe
                          0
                        2. SirHill Contributeur
                          Ces paramètres ne concernent que la position du calendrier.

                          Pour pallier ce problème, il faudrait opérer sur l'ordre de superposition des différents éléments (z-index)...
                          0
                      2. tophe03 Auteur
                        salut

                        Je ne peux pas agir sur les zindex des menus déroulants, à ce que j'ai compris.
                        Alors que si je réussis à fixer la position du calendrier au-dessus du champ qui lui est associé, il ne sera plus gêné par les menus déroulants.
                        a+
                        Tophe
                        0
                        1. SirHill Contributeur
                          Je ne peux pas agir sur les zindex des menus déroulants, à ce que j'ai compris.

                          Si, en modifiant le style, soit en ajoutant directement l'attribut style="z-index:?;" dans la balise TD, soit en définissant le style de cette balise dans l'en-tête de la page (ou éventuellement en passant par une feuille de style).
                          Mais il faut tenir compte de l'ordre de superposition des éléments du calendrier...
                          J'ai fait quelques essais mais ça n'a rien donné.
                          0
                          1. tophe03 Auteur
                            salut

                            J'ai également essayé en introduisant syle="z-index" dans la balise <TD> mais ça n'a rien donné.
                            0
                            1. tophe03 Auteur
                              re

                              J'auarais voulu aussi que, suivant le jour sélectionné, on puisse sélectionner déjeuner ou diner si c'est un dimanche et uniquement le diner si c'est un autre jour. Comment pouvoir récupérer le jour dans la semaine de la date choisie?

                              Merci
                              a+
                              0
                              • 1
                              • 2

                              Discussions similaires

                              java script error in the main process
                              ceciel2307

                              3 réponses
                              Modifier une annonce ou le prix sur Leboncoin sans payer
                              BourrinOman83

                              22 réponses
                              Javascript Arrondi à 2 chiffres après la virgule
                              jeremy

                              14 réponses
                              Modification d'annonce est ce q'il sont payant
                              fm

                              2 réponses
                              Annonce Leboncoin, modification du prix
                              AluMinioume

                              3 réponses