none
Problème d'exécution script javascript diaporama images RRS feed

  • Question

  • Bonjour,

    Auriez-vous une solution quant à la bonne exécution des lignes de code  en html et javascript concernant un diaporama d'images. Le code n'est pas exécuté lorsque je lance le navigateur internet. Merci !

    Le code est le suivant :

        <form name="slideform" runat="server">

            <table style="background-color: black;">

    <tr>

                  <td style="Background-Color: white; text-align: center;"><b>diapos</b>

                  </td>

    </tr>

    <tr>

    <td style="height: 250px; text-align: center;">

        <img src="Images/bandeau-electricite-consommateurs.jpg" id="show" />

    </td>

    </tr>

    <tr>

        <td>

            <select name="slide" onchange="change();">

                <option value="Images/bandeau-electricite-consommateurs.jpg" selected="selected" >N°1</option>

                <option value="Images/bandeausup7_Laruche.jpg" >N°2</option>

                <option value="Images/bfbab_bandeau_couleur.png" >N°3</option>

                <option value="Images/Guide-Bandeau_TestsAppareils.jpg" >N°4</option>

     </select>

               </td>

    </tr>

                <tr>

    <td style="Background-Color: #C0C0C0; text-align: center;">

    <input type="button" onclick="first();" value="|<<" title="Beginning" />

    <input type="button" onclick="previous();" value="<<" title="Previous" />

    <input type="button" name="slidebutton" onclick="ap(this.value);" value="Start" title="AutoPlay" />

    <input type="button" onclick="next();" value=">>" title="Next" />

    <input type="button" onclick="last();" value=">>|" title="End" />

    </td>

    </tr>

        </table>

            <script type="text/javascript">

    var rotate_delay = 5000;

    current = 0;

    function next() {

    if (document.slideform.slide[current+1]) {

    document.images.show.src = document.slideform.slide[current+1].value;

    document.slideform.slide.selectedIndex = ++current;

       }

    else first();

    }

    function previous() {

    if (current-1 >= 0) {

    document.images.show.src = document.slideform.slide[current-1].value;

    document.slideform.slide.selectedIndex = --current;

       }

    else last();

    }

    function first() {

    current = 0;

    document.images.show.src = document.slideform.slide[0].value;

    document.slideform.slide.selectedIndex = 0;

    }

    function last() {

    current = document.slideform.slide.length-1;

    document.images.show.src = document.slideform.slide[current].value;

    document.slideform.slide.selectedIndex = current;

    }

    function ap(text) {

    document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";

    rotate();

    }

    function change() {

    current = document.slideform.slide.selectedIndex;

    document.images.show.src = document.slideform.slide[current].value;

    }

    function rotate() {

    if (document.slideform.slidebutton.value == "Stop") {

    current = (current == document.slideform.slide.length-1) ? 0 : current+1;

    document.images.show.src = document.slideform.slide[current].value;

    document.slideform.slide.selectedIndex = current;

    window.setTimeout("rotate()", rotate_delay);

       }

    }

    //  End -->

            </script>

        </form>


    Par ailleurs, la fonction change() apparaît en bleue alors que les autres fonctions first(), previous(), ap(), next() et last() apparaissent en noir. La fonction change() ne serait-elle pas reconnue ?
    • Modifié Rednuts72 jeudi 29 décembre 2016 19:51 nouvelles informations
    jeudi 29 décembre 2016 12:38

Réponses

  • Bonjour,
    Avez-vous sauvegarder le fichier en format .html ou .htm? Avez-vous testé avec un autre navigateur? Quel est le résultat dans votre navigateur? Chez moi le résultat de votre code, en utilisant Internet explorer 11, est le suivant:

    Seulement les images ne sont pas affichées parce qu'ils manquent chez moi, mais il me semble que tout autre marche.

    Cordialement,
    Nina


    Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 17:21
    vendredi 30 décembre 2016 10:06
    Modérateur
  • Bonjour,

    Le fichier est enregistré sous l'extension .aspx, pensez-vous que c'est cette caractéristique qui entraine l'erreur de non exécution du script.

    Merci,

    Marc-Antoine

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 17:20
    samedi 31 décembre 2016 15:31
  • Bonjour,

    Votre tag form est un tag "serveur" (runat=serve) donc son id et son name sont générés par le serveur et il y a de fortes chances que ce ne soit pas slideform.

    Le mieux est de regarder dans votre navigateur le code html récupéré.

    Pour remédier à cela vous pouvez géré le clientId (attribut côté serveur).


    Richard Clark
    Consultant - Formateur .NET
    http://www.c2i.fr
    Depuis 1996: le 1er site .NET francophone

    mardi 3 janvier 2017 07:57
  • Bonjour,

    Grâce à votre intervention, je comprends mieux l'utilité de la propriété runat="server".

    Pour résoudre le problème, j'ai créé la contrôle form côté client en retirant la propriété runat="server" et alors, la fonction JavaScript diaporama image fonctionne.

    Merci et bonne année 2017, santé et réussite !

     

    Ancien code : 

    <formname="slideform"runat="server">

    Nouveau code :

    <formname="slideform">


    • Modifié Rednuts72 mardi 3 janvier 2017 11:29 Ajout explications
    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 11:29
    mardi 3 janvier 2017 11:21
  • Merci de marquer ma réponse comme réponse ;-)

    Richard Clark
    Consultant - Formateur .NET
    http://www.c2i.fr
    Depuis 1996: le 1er site .NET francophone

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 12:26
    mardi 3 janvier 2017 11:32

Toutes les réponses

  • Bonjour,
    Avez-vous sauvegarder le fichier en format .html ou .htm? Avez-vous testé avec un autre navigateur? Quel est le résultat dans votre navigateur? Chez moi le résultat de votre code, en utilisant Internet explorer 11, est le suivant:

    Seulement les images ne sont pas affichées parce qu'ils manquent chez moi, mais il me semble que tout autre marche.

    Cordialement,
    Nina


    Microsoft propose ce service gratuitement, dans le but d'aider les utilisateurs et d'élargir les connaissances générales liées aux produits et technologies Microsoft. Ce contenu est fourni "tel quel" et il n'implique aucune responsabilité de la part de Microsoft.

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 17:21
    vendredi 30 décembre 2016 10:06
    Modérateur
  • Bonjour,

    Le fichier est enregistré sous l'extension .aspx, pensez-vous que c'est cette caractéristique qui entraine l'erreur de non exécution du script.

    Merci,

    Marc-Antoine

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 17:20
    samedi 31 décembre 2016 15:31
  • Bonjour,

    Votre tag form est un tag "serveur" (runat=serve) donc son id et son name sont générés par le serveur et il y a de fortes chances que ce ne soit pas slideform.

    Le mieux est de regarder dans votre navigateur le code html récupéré.

    Pour remédier à cela vous pouvez géré le clientId (attribut côté serveur).


    Richard Clark
    Consultant - Formateur .NET
    http://www.c2i.fr
    Depuis 1996: le 1er site .NET francophone

    mardi 3 janvier 2017 07:57
  • Bonjour,

    Grâce à votre intervention, je comprends mieux l'utilité de la propriété runat="server".

    Pour résoudre le problème, j'ai créé la contrôle form côté client en retirant la propriété runat="server" et alors, la fonction JavaScript diaporama image fonctionne.

    Merci et bonne année 2017, santé et réussite !

     

    Ancien code : 

    <formname="slideform"runat="server">

    Nouveau code :

    <formname="slideform">


    • Modifié Rednuts72 mardi 3 janvier 2017 11:29 Ajout explications
    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 11:29
    mardi 3 janvier 2017 11:21
  • Merci de marquer ma réponse comme réponse ;-)

    Richard Clark
    Consultant - Formateur .NET
    http://www.c2i.fr
    Depuis 1996: le 1er site .NET francophone

    • Marqué comme réponse Rednuts72 mardi 3 janvier 2017 12:26
    mardi 3 janvier 2017 11:32