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

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 ?

Answer 1

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.

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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