Logiciel de tirage au sort de photos HTML

Réponse 1 / 5

hypothetix Messages postés 197 Date d'inscription dimanche 19 janvier 2020 Statut Membre Dernière intervention 24 octobre 2024 55
18 févr. 2023 à 14:16

Bonjour,

Ton fichier contient du "vbscript"
Quand l'extension est .hta, il est ouvert par windows qui exécute le vbscript
Quand l'extension est .html, il est ouvert par ton navigateur Edge qui ne connait pas le vbscript
il lui faut du javascript.

Pour avoir un fichier html fonctionnel, il faut

remplacer :

<script language="vbscript">
	sub tirage()
		randomize timer
		document.getElementById("image").src= int(rnd*118)+1 & ".jpg"
	end sub
</script>

par

<script type="text/javascript">
 function tirage(){
  document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg"
 }
</script>

Et remplacer :

<input type="button" id="tirage" value="Tirer au sort!" onclick="tirage"/><br/>

par

<input type="button" id="tirage" value="Tirer au sort!" onclick="tirage()"/><br/>

PapyNono
Modifié le 19 févr. 2023 à 17:25

Bonjour hypothetix.

Je te remercie de ton aide.

C'est super.

J'ai encore une demande par rapport a ce fichier HTML.

Je souhaiterai lorsque j'ouvre mon fichier dans le navigateur un image s'affiche, image qui ne fait pas partie des 118 pour le hasard. Du style une image de bienvenue.

D'avance merci si c'est possible.

Réponse 2 / 5

hypothetix Messages postés 197 Date d'inscription dimanche 19 janvier 2020 Statut Membre Dernière intervention 24 octobre 2024 55
20 févr. 2023 à 08:53

Bonjour,

Pour faire simple :

remplacer

<img id="image"/>

par

<img id="image" src="image_bienvenue.jpg"/>

Si tu es motivé, tu peux commencer ici :

https://websitesetup.developpez.com/tutoriels/html5/guide-debutant/

N'oublie pas de marquer ton sujet en Résolu

Bonne journée

PapyNono
20 févr. 2023 à 10:49

Merci hypothetix. Effectivement, je vais m'instruire.

Réponse 3 / 5

BettyDress Messages postés 5 Date d'inscription mercredi 4 novembre 2020 Statut Membre Dernière intervention 2 juillet 2023
21 févr. 2023 à 21:22

Bonjour superbe ce guide, je voudrais devenir développeur web pour créer des sites internet. par où puis-je commencer ? Merci d'avance

Réponse 4 / 5

PapyNono
Modifié le 22 févr. 2023 à 10:02

Bonjour,

J'ai voulu corser un peu le sujet mais là, ça coince (je dois être vraiment une quiche)

D'avance merci de votre aide.

Dans le code suivant: le bouton "click me" fonctionne bien , l'ascenseur pour les images fonctionne bien, par contre le bouton "tirage au sort" ne fonctionne pas. D'avance merci.

Ci-dessous, le code :

</option> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="favicon.ico">
    <title>Mimes Bruno</title>
    <link rel="stylesheet" href="styles.css" />
    <SCRIPT LANGUAGE="JavaScript">

      function getRndInteger(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
      }

      var rotate_delay = 1000;
      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>
  </head>
  <body>

    <div id="timer"></div>
    <script src="timer.js"></script>

    <script type="text/javascript">
        function tirage() {
          document.getElementById("image").src = (Math.floor(Math.random() * 118) + 1) + ".jpg"
        }
    </script>

    <center>
      <button onclick="document.getElementById('demo').innerHTML = getRndInteger(1, 118)">Click Me</button>
      <p id="demo"><!--</p>-->

      <form name=slideform>

        <input type="button" id="tirage" value="Tirer au sort!" onclick="tirage()"/><br/>
        <img id="image"/>

        <font size="8pt"><div style="text-align:center">
            <balise style="background : #C0C0C0 ; display : inline ;">Photos-<i>Mimes</i><b>"Papy Nono"</b></balise></div>
        </font>

        <table cellspacing=0 cellpadding=0 bgcolor="#C0C0C0">
          <td align=center bgcolor="#C0C0C0" width=300 height=300>
            <table border="13" bordercolor="#C0C0C0" bgcolor="#C0C0C0" width="50%"
                   <div style="text-align:center">

              <tr>

                <td align=center bgcolor="#C0C0C0">

                </td>
              </tr>

              <tr>
                <td align=center bgcolor="white" width=200 height=150>
                  <img src="JPEG/logo.gif" name="show" alt="" />
                </td>
              </tr>
              <tr>

                <td align=center bgcolor="#C0C0C0" width=0 height=0>

                  <select name="slide" onChange="change();">
                    <option value="JPEG/logo.gif" selected> 0

                    <option value="JPEG/    accoucher.jpg"    >1
                    <option value="JPEG/    acheterquelqueschose.jpg"    >2
                    <option value="JPEG/    acteur.jpg"    >3
                    <option value="JPEG/    agriculteur.jpg"    >4
                    <option value="JPEG/    alpiniste.jpg"    >5
                    <option value="JPEG/    animateur.jpg"    >6
                    <option value="JPEG/    arraignee.jpg"    >7
                    <option value="JPEG/    avion.jpg"    >8
                    <option value="JPEG/    badminton.jpg"    >9
                    <option value="JPEG/    baleine.jpg"    >10
                    <option value="JPEG/    ballon.jpg"    >11
                    <option value="JPEG/    baseball.jpg"    >12
                    <option value="JPEG/    bateau.jpg"    >13
                    <option value="JPEG/    billard.jpg"    >14
                    <option value="JPEG/    bison.jpg"    >15
                    <option value="JPEG/    boucher.jpg"    >16
                    <option value="JPEG/    boulanger.jpg"    >17
                    <option value="JPEG/    bowling.jpg"    >18
                    <option value="JPEG/    boxe.jpg"    >19
                    <option value="JPEG/    bronzer.jpg"    >20
                    <option value="JPEG/    brosseadents.jpg"    >21
                    <option value="JPEG/    cameraman.jpg"    >22
                    <option value="JPEG/    camion.jpg"    >23
                    <option value="JPEG/    camionpompiers.jpg"    >24
                    <option value="JPEG/    canape.jpg"    >25
                    <option value="JPEG/    canard.jpg"    >26
                    <option value="JPEG/    carrossier.jpg"    >27
                    <option value="JPEG/    cascadeur.jpg"    >28
                    <option value="JPEG/    castor.jpg"    >29
                    <option value="JPEG/    ceinture.jpg"    >30
                    <option value="JPEG/    cerf.jpg"    >31
                    <option value="JPEG/    chaise.jpg"    >32
                    <option value="JPEG/    changerunbebe.jpg"    >33
                    <option value="JPEG/    chanteur.jpg"    >34
                    <option value="JPEG/    chat.jpg"    >35
                    <option value="JPEG/    chauffeur.jpg"    >36
                    <option value="JPEG/    chaussette.jpg"    >37
                    <option value="JPEG/    chefdorchestre.jpg"    >38
                    <option value="JPEG/    cheval.jpg"    >39
                    <option value="JPEG/    chevre.jpg"    >40
                    <option value="JPEG/    chien.jpg"    >41
                    <option value="JPEG/    clouer.jpg"    >42
                    <option value="JPEG/    coiffeur.jpg"    >43
                    <option value="JPEG/    compter.jpg"    >44
                    <option value="JPEG/    course.jpg"    >45
                    <option value="JPEG/    couturier.jpg"    >46
                    <option value="JPEG/    crabe.jpg"    >47
                    <option value="JPEG/    cueillirdescerises.jpg"    >48
                    <option value="JPEG/    cuisinier.jpg"    >49
                    <option value="JPEG/    cyclisme.jpg"    >50
                    <option value="JPEG/    danserunslow.jpg"    >51
                    <option value="JPEG/    deltaplane.jpg"    >52
                    <option value="JPEG/    docteur.jpg"    >53
                    <option value="JPEG/    dormir.jpg"    >54
                    <option value="JPEG/    draguer.jpg"    >55
                    <option value="JPEG/    elephant.jpg"    >56
                    <option value="JPEG/    embrasser.jpg"    >57
                    <option value="JPEG/    eplucherdespatates.jpg"    >58
                    <option value="JPEG/    espionner.jpg"    >59
                    <option value="JPEG/    etendredulinge.jpg"    >60
                    <option value="JPEG/    etremalade.jpg"    >61
                    <option value="JPEG/    fairelavaisselle.jpg"    >62
                    <option value="JPEG/    fleuriste.jpg"    >63
                    <option value="JPEG/    flipper.jpg"    >64
                    <option value="JPEG/    fourmi.jpg"    >65
                    <option value="JPEG/    girafe.jpg"    >66
                    <option value="JPEG/    golf.jpg"    >67
                    <option value="JPEG/    grenouille.jpg"    >68
                    <option value="JPEG/    heron.jpg"    >69
                    <option value="JPEG/    hyene.jpg"    >70
                    <option value="JPEG/    infirmiere.jpg"    >71
                    <option value="JPEG/    jongleur.jpg"    >72
                    <option value="JPEG/    kangourou.jpg"    >73
                    <option value="JPEG/    kayak.jpg"    >74
                    <option value="JPEG/    koala.jpg"    >75
                    <option value="JPEG/    lapin.jpg"    >76
                    <option value="JPEG/    limace.jpg"    >77
                    <option value="JPEG/    macon.jpg"    >78
                    <option value="JPEG/    mangerdesspaghettis.jpg"    >79
                    <option value="JPEG/    menuisier.jpg"    >80
                    <option value="JPEG/    monteedecorde.jpg"    >81
                    <option value="JPEG/    nager.jpg"    >82
                    <option value="JPEG/    orthophoniste.jpg"    >83
                    <option value="JPEG/    otarie.jpg"    >84
                    <option value="JPEG/    ouvriruneboite.jpg"    >85
                    <option value="JPEG/    petanque.jpg"    >86
                    <option value="JPEG/    photographe.jpg"    >87
                    <option value="JPEG/    pingouin.jpg"    >88
                    <option value="JPEG/    pingpong.jpg"    >89
                    <option value="JPEG/    pleurer.jpg"    >90
                    <option value="JPEG/    plombier.jpg"    >91
                    <option value="JPEG/    poissonnier.jpg"    >92
                    <option value="JPEG/    poule.jpg"    >93
                    <option value="JPEG/    queue.jpg"    >94
                    <option value="JPEG/    regarderlatele.jpg"    >95
                    <option value="JPEG/    repasser.jpg"    >96
                    <option value="JPEG/    rhinoceros.jpg"    >97
                    <option value="JPEG/    sedeshabiller.jpg"    >98
                    <option value="JPEG/    semaquiller.jpg"    >99
                    <option value="JPEG/    serpent.jpg"    >100
                    <option value="JPEG/    sifler.jpg"    >101
                    <option value="JPEG/    signer.jpg"    >102
                    <option value="JPEG/    singe.jpg"    >103
                    <option value="JPEG/    soldat.jpg"    >104
                    <option value="JPEG/    telephone.jpg"    >105
                    <option value="JPEG/    tiralarc.jpg"    >106
                    <option value="JPEG/    tomberdanslespommes.jpg"    >107
                    <option value="JPEG/    tondrelapelouse.jpg"    >108
                    <option value="JPEG/    tortue.jpg"    >109
                    <option value="JPEG/    tricoteuse.jpg"    >110
                    <option value="JPEG/    valise.jpg"    >111
                    <option value="JPEG/    versdeterre.jpg"    >112
                    <option value="JPEG/    veterinaire.jpg"    >113
                    <option value="JPEG/    webmaster.jpg"    >114
                    <option value="JPEG/    yannicknoah.jpg"    >115
                    <option value="JPEG/    yoyo.jpg"    >116
                    <option value="JPEG/    zebre.jpg"    >117
                    <option value="JPEG/    zorro.jpg"    >118

                      </td>
                    </tr>
   </center>
  </body>
</html>

EDIT MODERATION : Mise en forme du code en utilisant l'icone prévue à cet effet lors de la rédaction du message !!

Merci d'y penser à l'avenir !!

jordane45 Messages postés 38292 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024 4 704
22 févr. 2023 à 10:05

Bonjour,

Merci d'utiliser l'icone prévue à cet effet pour poster ton code sur le forum.

Ensuite...

- Tes balises option ne sont pas fermées

- Ton tableau n'est pas fermé non plus.

- Pour être sûr que ton JS ( JS = JavaScript ) fonctionne, déplace le à la fin de ta page ( juste avant le </body> )

.

Fais ces modifications et reteste ..

Si le souci persiste, montre nous le code modifié.

Pense aussi à regarder dans la "console" de ton navigateur internet pour voir si il n'y aurait pas des indications / messages d'erreur pouvant expliquer le dysfonctionnement. (fais nous en une capture d'écran et montre la nous .. )

PapyNono > jordane45 Messages postés 38292 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024
Modifié le 22 févr. 2023 à 12:09

Merci jordane45.

Toujours le même soucis.

Ascenseur fonctionne, pas tirage au sort.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <link rel="shortcut icon" href="favicon.ico" />
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Mimes Bruno</title>
  <SCRIPT LANGUAGE="JavaScript">
  
  
var rotate_delay = 1000;
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>
</head>
 <body>
<center>


    
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">

<b><FONT size="10pt">Photos Mimes Bruno</font></b><tr>

</td>

</tr>

<tr>
<td align=center bgcolor="white" width=200 height=150>

<img src="JPEG/logo.gif" name="show" alt="" />


</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="tirage();" value="Tirer au sort!"></td>
<select name="slide" onChange="change();">

<option value="JPEG/logo.gif" selected> 0
<option value="JPEG/	accoucher.jpg"	>1
<option value="JPEG/	acheterquelqueschose.jpg"	>2
<option value="JPEG/	acteur.jpg"	>3
<option value="JPEG/	agriculteur.jpg"	>4
<option value="JPEG/	alpiniste.jpg"	>5
<option value="JPEG/	animateur.jpg"	>6
<option value="JPEG/	arraignee.jpg"	>7
<option value="JPEG/	avion.jpg"	>8
<option value="JPEG/	badminton.jpg"	>9
<option value="JPEG/	baleine.jpg"	>10
<option value="JPEG/	ballon.jpg"	>11
<option value="JPEG/	baseball.jpg"	>12
<option value="JPEG/	bateau.jpg"	>13
<option value="JPEG/	billard.jpg"	>14
<option value="JPEG/	bison.jpg"	>15
<option value="JPEG/	boucher.jpg"	>16
<option value="JPEG/	boulanger.jpg"	>17
<option value="JPEG/	bowling.jpg"	>18
<option value="JPEG/	boxe.jpg"	>19
<option value="JPEG/	bronzer.jpg"	>20
<option value="JPEG/	brosseadents.jpg"	>21
<option value="JPEG/	cameraman.jpg"	>22
<option value="JPEG/	camion.jpg"	>23
<option value="JPEG/	camionpompiers.jpg"	>24
<option value="JPEG/	canape.jpg"	>25
<option value="JPEG/	canard.jpg"	>26
<option value="JPEG/	carrossier.jpg"	>27
<option value="JPEG/	cascadeur.jpg"	>28
<option value="JPEG/	castor.jpg"	>29
<option value="JPEG/	ceinture.jpg"	>30
<option value="JPEG/	cerf.jpg"	>31
<option value="JPEG/	chaise.jpg"	>32
<option value="JPEG/	changerunbebe.jpg"	>33
<option value="JPEG/	chanteur.jpg"	>34
<option value="JPEG/	chat.jpg"	>35
<option value="JPEG/	chauffeur.jpg"	>36
<option value="JPEG/	chaussette.jpg"	>37
<option value="JPEG/	chefdorchestre.jpg"	>38
<option value="JPEG/	cheval.jpg"	>39
<option value="JPEG/	chevre.jpg"	>40
<option value="JPEG/	chien.jpg"	>41
<option value="JPEG/	clouer.jpg"	>42
<option value="JPEG/	coiffeur.jpg"	>43
<option value="JPEG/	compter.jpg"	>44
<option value="JPEG/	course.jpg"	>45
<option value="JPEG/	couturier.jpg"	>46
<option value="JPEG/	crabe.jpg"	>47
<option value="JPEG/	cueillirdescerises.jpg"	>48
<option value="JPEG/	cuisinier.jpg"	>49
<option value="JPEG/	cyclisme.jpg"	>50
<option value="JPEG/	danserunslow.jpg"	>51
<option value="JPEG/	deltaplane.jpg"	>52
<option value="JPEG/	docteur.jpg"	>53
<option value="JPEG/	dormir.jpg"	>54
<option value="JPEG/	draguer.jpg"	>55
<option value="JPEG/	elephant.jpg"	>56
<option value="JPEG/	embrasser.jpg"	>57
<option value="JPEG/	eplucherdespatates.jpg"	>58
<option value="JPEG/	espionner.jpg"	>59
<option value="JPEG/	etendredulinge.jpg"	>60
<option value="JPEG/	etremalade.jpg"	>61
<option value="JPEG/	fairelavaisselle.jpg"	>62
<option value="JPEG/	fleuriste.jpg"	>63
<option value="JPEG/	flipper.jpg"	>64
<option value="JPEG/	fourmi.jpg"	>65
<option value="JPEG/	girafe.jpg"	>66
<option value="JPEG/	golf.jpg"	>67
<option value="JPEG/	grenouille.jpg"	>68
<option value="JPEG/	heron.jpg"	>69
<option value="JPEG/	hyene.jpg"	>70
<option value="JPEG/	infirmiere.jpg"	>71
<option value="JPEG/	jongleur.jpg"	>72
<option value="JPEG/	kangourou.jpg"	>73
<option value="JPEG/	kayak.jpg"	>74
<option value="JPEG/	koala.jpg"	>75
<option value="JPEG/	lapin.jpg"	>76
<option value="JPEG/	limace.jpg"	>77
<option value="JPEG/	macon.jpg"	>78
<option value="JPEG/	mangerdesspaghettis.jpg"	>79
<option value="JPEG/	menuisier.jpg"	>80
<option value="JPEG/	monteedecorde.jpg"	>81
<option value="JPEG/	nager.jpg"	>82
<option value="JPEG/	orthophoniste.jpg"	>83
<option value="JPEG/	otarie.jpg"	>84
<option value="JPEG/	ouvriruneboite.jpg"	>85
<option value="JPEG/	petanque.jpg"	>86
<option value="JPEG/	photographe.jpg"	>87
<option value="JPEG/	pingouin.jpg"	>88
<option value="JPEG/	pingpong.jpg"	>89
<option value="JPEG/	pleurer.jpg"	>90
<option value="JPEG/	plombier.jpg"	>91
<option value="JPEG/	poissonnier.jpg"	>92
<option value="JPEG/	poule.jpg"	>93
<option value="JPEG/	queue.jpg"	>94
<option value="JPEG/	regarderlatele.jpg"	>95
<option value="JPEG/	repasser.jpg"	>96
<option value="JPEG/	rhinoceros.jpg"	>97
<option value="JPEG/	sedeshabiller.jpg"	>98
<option value="JPEG/	semaquiller.jpg"	>99
<option value="JPEG/	serpent.jpg"	>100
<option value="JPEG/	sifler.jpg"	>101
<option value="JPEG/	signer.jpg"	>102
<option value="JPEG/	singe.jpg"	>103
<option value="JPEG/	soldat.jpg"	>104
<option value="JPEG/	telephone.jpg"	>105
<option value="JPEG/	tiralarc.jpg"	>106
<option value="JPEG/	tomberdanslespommes.jpg"	>107
<option value="JPEG/	tondrelapelouse.jpg"	>108
<option value="JPEG/	tortue.jpg"	>109
<option value="JPEG/	tricoteuse.jpg"	>110
<option value="JPEG/	valise.jpg"	>111
<option value="JPEG/	versdeterre.jpg"	>112
<option value="JPEG/	veterinaire.jpg"	>113
<option value="JPEG/	webmaster.jpg"	>114
<option value="JPEG/	yannicknoah.jpg"	>115
<option value="JPEG/	yoyo.jpg"	>116
<option value="JPEG/	zebre.jpg"	>117
<option value="JPEG/	zorro.jpg"	>118

</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">


</td>
</tr>
</table>
</form>
<script type="text/javascript">
 function tirage(){
  document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg"
 }
</script>
</body>
  
  </html>

jordane45 Messages postés 38292 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024 4 704 > PapyNono
22 févr. 2023 à 12:03

Tes balises option ne sont toujours pas fermées correctement
Tu n'as pas déplacé TOUT ton JS à la fin de ta page
Tu ne nous as pas dit si tu avais des erreurs dans la console de ton navigateur
Tu n'as pas précisé le langage ( ici, html ) dans la fenêtre qui t'a servi à coller ton code

PapyNono > jordane45 Messages postés 38292 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024
Modifié le 22 févr. 2023 à 12:13

Bon , jordan45, pour moi ce que tu me dis je ne comprends pas.

Tes balises option ne sont toujours pas fermées correctement ???
Tu n'as pas déplacé TOUT ton JS à la fin de ta page ???
Tu ne nous as pas dit si tu avais des erreurs dans la console de ton navigateur ???
Tu n'as pas précisé le langage ( ici, html ) dans la fenêtre qui t'a servi à coller ton code : fait

Bon je pense que je vais en rester là. Je suis trop novice . Merci quand même.

Réponse 5 / 5

jordane45 Messages postés 38292 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024 4 704
22 févr. 2023 à 14:45

En gros :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" href="favicon.ico" />
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>Mimes Bruno</title>
  </head>
  <body>
    <center>
      <form name="slideform">
        <table cellspacing="1" cellpadding="4" bgcolor="#000000">
          <tr>
            <td align="center" bgcolor="white">
              <b><FONT size="10pt">Photos Mimes Bruno</font></b><tr>
            </td>
          </tr>
          <tr>
            <td align=center bgcolor="white" width=200 height=150>
              <img id="image" src="JPEG/logo.gif" name="show" alt="" />
            </td>
          </tr>
          <tr>
            <td align=center bgcolor="#C0C0C0">
              <input type=button onClick="tirage();" value="Tirer au sort!">

              <select name="slide" onChange="change();">
                <option value="JPEG/logo.gif" selected> 0 </option>
                <option value="JPEG/accoucher.jpg"	>1 </option>
                <option value="JPEG/acheterquelqueschose.jpg"	>2 </option>
                <option value="JPEG/acteur.jpg"	>3 </option>
                <option value="JPEG/agriculteur.jpg"	>4</option>
                <option value="JPEG/alpiniste.jpg"	>5</option>
                <option value="JPEG/animateur.jpg"	>6</option>
                <option value="JPEG/arraignee.jpg"	>7</option>
                <option value="JPEG/avion.jpg"	>8</option>
                <option value="JPEG/badminton.jpg"	>9</option>
                <option value="JPEG/baleine.jpg"	>10</option>
                <option value="JPEG/ballon.jpg"	>11</option>
                <option value="JPEG/baseball.jpg"	>12</option>
                <option value="JPEG/bateau.jpg"	>13</option>
                <option value="JPEG/billard.jpg"	>14</option>
                <option value="JPEG/bison.jpg"	>15</option>
                <option value="JPEG/boucher.jpg"	>16</option>
                <option value="JPEG/boulanger.jpg"	>17</option>
                <option value="JPEG/bowling.jpg"	>18</option>
                <option value="JPEG/boxe.jpg"	>19</option>
                <option value="JPEG/bronzer.jpg"	>20</option>
                <option value="JPEG/brosseadents.jpg"	>21</option>
                <option value="JPEG/cameraman.jpg"	>22</option>
                <option value="JPEG/camion.jpg"	>23</option>
                <option value="JPEG/camionpompiers.jpg"	>24</option>
                <option value="JPEG/canape.jpg"	>25</option>
                <option value="JPEG/canard.jpg"	>26</option>
                <option value="JPEG/carrossier.jpg"	>27</option>
                <option value="JPEG/cascadeur.jpg"	>28</option>
                <option value="JPEG/castor.jpg"	>29</option>
                <option value="JPEG/ceinture.jpg"	>30</option>
                <option value="JPEG/cerf.jpg"	>31</option>
                <option value="JPEG/chaise.jpg"	>32</option>
                <option value="JPEG/changerunbebe.jpg"	>33</option>
                <option value="JPEG/chanteur.jpg"	>34</option>
                <option value="JPEG/chat.jpg"	>35</option>
                <option value="JPEG/chauffeur.jpg"	>36</option>
                <option value="JPEG/chaussette.jpg"	>37</option>
                <option value="JPEG/chefdorchestre.jpg"	>38</option>
                <option value="JPEG/cheval.jpg"	>39</option>
                <option value="JPEG/chevre.jpg"	>40</option>
                <option value="JPEG/chien.jpg"	>41</option>
                <option value="JPEG/clouer.jpg"	>42</option>
                <option value="JPEG/coiffeur.jpg"	>43</option>
                <option value="JPEG/compter.jpg"	>44</option>
                <option value="JPEG/course.jpg"	>45</option>
                <option value="JPEG/couturier.jpg"	>46</option>
                <option value="JPEG/crabe.jpg"	>47</option>
                <option value="JPEG/cueillirdescerises.jpg"	>48</option>
                <option value="JPEG/cuisinier.jpg"	>49</option>
                <option value="JPEG/cyclisme.jpg"	>50</option>
                <option value="JPEG/danserunslow.jpg"	>51</option>
                <option value="JPEG/deltaplane.jpg"	>52</option>
                <option value="JPEG/docteur.jpg"	>53</option>
                <option value="JPEG/dormir.jpg"	>54</option>
                <option value="JPEG/draguer.jpg"	>55</option>
                <option value="JPEG/elephant.jpg"	>56</option>
                <option value="JPEG/embrasser.jpg"	>57</option>
                <option value="JPEG/eplucherdespatates.jpg"	>58</option>
                <option value="JPEG/espionner.jpg"	>59</option>
                <option value="JPEG/etendredulinge.jpg"	>60</option>
                <option value="JPEG/etremalade.jpg"	>61</option>
                <option value="JPEG/fairelavaisselle.jpg"	>62</option>
                <option value="JPEG/fleuriste.jpg"	>63</option>
                <option value="JPEG/flipper.jpg"	>64</option>
                <option value="JPEG/fourmi.jpg"	>65</option>
                <option value="JPEG/girafe.jpg"	>66</option>
                <option value="JPEG/golf.jpg"	>67</option>
                <option value="JPEG/grenouille.jpg"	>68</option>
                <option value="JPEG/heron.jpg"	>69</option>
                <option value="JPEG/hyene.jpg"	>70</option>
                <option value="JPEG/infirmiere.jpg"	>71</option>
                <option value="JPEG/jongleur.jpg"	>72</option>
                <option value="JPEG/kangourou.jpg"	>73</option>
                <option value="JPEG/kayak.jpg"	>74</option>
                <option value="JPEG/koala.jpg"	>75</option>
                <option value="JPEG/lapin.jpg"	>76</option>
                <option value="JPEG/limace.jpg"	>77</option>
                <option value="JPEG/macon.jpg"	>78</option>
                <option value="JPEG/mangerdesspaghettis.jpg"	>79</option>
                <option value="JPEG/menuisier.jpg"	>80</option>
                <option value="JPEG/monteedecorde.jpg"	>81</option>
                <option value="JPEG/nager.jpg"	>82</option>
                <option value="JPEG/orthophoniste.jpg"	>83</option>
                <option value="JPEG/otarie.jpg"	>84</option>
                <option value="JPEG/ouvriruneboite.jpg"	>85</option>
                <option value="JPEG/petanque.jpg"	>86</option>
                <option value="JPEG/photographe.jpg"	>87</option>
                <option value="JPEG/pingouin.jpg"	>88</option>
                <option value="JPEG/pingpong.jpg"	>89</option>
                <option value="JPEG/pleurer.jpg"	>90</option>
                <option value="JPEG/plombier.jpg"	>91</option>
                <option value="JPEG/poissonnier.jpg"	>92</option>
                <option value="JPEG/poule.jpg"	>93</option>
                <option value="JPEG/queue.jpg"	>94</option>
                <option value="JPEG/regarderlatele.jpg"	>95</option>
                <option value="JPEG/repasser.jpg"	>96</option>
                <option value="JPEG/rhinoceros.jpg"	>97</option>
                <option value="JPEG/sedeshabiller.jpg"	>98</option>
                <option value="JPEG/semaquiller.jpg"	>99</option>
                <option value="JPEG/serpent.jpg"	>100</option>
                <option value="JPEG/sifler.jpg"	>101</option>
                <option value="JPEG/signer.jpg"	>102</option>
                <option value="JPEG/singe.jpg"	>103</option>
                <option value="JPEG/soldat.jpg"	>104</option>
                <option value="JPEG/telephone.jpg"	>105</option>
                <option value="JPEG/tiralarc.jpg"	>106</option>
                <option value="JPEG/tomberdanslespommes.jpg"	>107</option>
                <option value="JPEG/tondrelapelouse.jpg"	>108</option>
                <option value="JPEG/tortue.jpg"	>109</option>
                <option value="JPEG/tricoteuse.jpg"	>110</option>
                <option value="JPEG/valise.jpg"	>111</option>
                <option value="JPEG/versdeterre.jpg"	>112</option>
                <option value="JPEG/veterinaire.jpg"	>113</option>
                <option value="JPEG/webmaster.jpg"	>114</option>
                <option value="JPEG/yannicknoah.jpg"	>115</option>
                <option value="JPEG/yoyo.jpg"	>116</option>
                <option value="JPEG/zebre.jpg"	>117</option>
                <option value="JPEG/zorro.jpg"	>118</option>
              </select>
            </td>
          </tr>
          <tr>
            <td align=center bgcolor="#C0C0C0">
            </td>
          </tr>
        </table>
      </form>
      <script type="text/javascript">


        var rotate_delay = 1000;
        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 -->
        function tirage() {
          let imageAafficher = (Math.floor(Math.random() * 118) + 1) + ".jpg";
          console.log("Image à afficher : " , imageAafficher);
          document.getElementById("image").src = imageAafficher;
        }
      </script>
  </body>

</html>

Ensuite, regarde dans la console ce qui s'affiche éventuellement :

Voici de quoi te guider un minimum : https://www.alsacreations.com/astuce/lire/1436-console-javascript.html

PapyNono
Modifié le 22 févr. 2023 à 15:34

Merci pour tout jordane45. Super.