Meilleur auteur de réponses
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 ?- Modifié Rednuts72 jeudi 29 décembre 2016 19:51 nouvelles informations
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,
NinaMicrosoft 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
-
-
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- Marqué comme réponse Nina ZaekovaMicrosoft contingent staff, Moderator mardi 3 janvier 2017 14:04
-
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">
-
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
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,
NinaMicrosoft 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
-
-
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- Marqué comme réponse Nina ZaekovaMicrosoft contingent staff, Moderator mardi 3 janvier 2017 14:04
-
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">
-
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