eSb`
That's Poker!
J'ai des cours assez basiques de Javascript et je tente d'aller plus loin dans les exercices que l'on me propose; mais j'ai un petit soucis.
La page n'a strictement aucun intérêt, à part celui de m'améliorer ; ).
http://www.esb-studio.be/Gamerz/afficherBD2.htm
Je voudrais que lorsque je passe avec ma souris sur le bouton supérieur, toute la liste d'album soit affichée dans un fieldset.
Or, seul le dernier de la liste est affiché.
Ma boucle pourrait être fausse mais si j'utilise document.write la liste s'affiche normalement...
Comment puis-je faire pour afficher le contenu de mon tableau Javascript dans un paragraphe ?
Voici mon code source :
Merci d'avance pour votre aide ; ).
Ps: si mon code est améliorable, je suis preneur.
Edit :
Après bidouillages, j'en suis là maintenant :
http://www.esb-studio.be/Gamerz/afficherBD6.htm
Et j'estime que c'est déjà pas trop mal
La page n'a strictement aucun intérêt, à part celui de m'améliorer ; ).
http://www.esb-studio.be/Gamerz/afficherBD2.htm
Je voudrais que lorsque je passe avec ma souris sur le bouton supérieur, toute la liste d'album soit affichée dans un fieldset.
Or, seul le dernier de la liste est affiché.
Ma boucle pourrait être fausse mais si j'utilise document.write la liste s'affiche normalement...
Comment puis-je faire pour afficher le contenu de mon tableau Javascript dans un paragraphe ?
Voici mon code source :
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titres Albums : Spirou</title>
<script type="text/javascript">
var spirou = new Array() ;
var ch = new Array() ;
var numero;
var numero1;
spirou = ["Dis Bonjour à la dame !","Tu veux mon doigt ?","Mais ! Qu’est-ce que tu fabriques ?","C’est pour ton bien !","Merci qui ?","N’oublie pas ta capuche !","Demande à ton père !","T’as qu’à t’retenir !","C’est pas de ton âge !","Tu comprendras quand tu seras grand !"] ;
ch = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"]
var gr;
function RecupTitre()
{
numero = parseFloat(document.BD.numero.value) - 1;
numero1 = parseFloat(document.BD.numero.value) ;
num = document.BD.numero.value;
if (numero < 0 || numero >= 10)
{
document.getElementById("liste").innerHTML = "Cet album n'existe pas.";
}
else if (num == "")
{
document.getElementById("liste").innerHTML = "Veuillez introduire un chiffre, SVP.";
}
else
{
document.getElementById("liste").innerHTML = "L'album numéro " + numero1 + " correspond à : " + spirou[numero];
}
}
function AfficheListe()
{
gr = spirou.length;
for(i=0; i < gr; i = i + 1)
{
document.getElementById("listea").innerHTML = " " +ch[i] +"." +" " +spirou[i] +"<br>";
document.getElementById("field").style.visibility="visible";
}
}
function AfficheListeno()
{
document.getElementById("listea").innerHTML = "";
document.getElementById("field").style.visibility="hidden";
}
</script>
<style type="text/css">
<!--
.verdana
{
font-family: Verdana;
font-size: 11px;
}
.verdanaf
{
font-family: Verdana;
}
input
{
border:1px solid black;
}
.input1
{
border:1px solid black;
background-color: #d9dfe2;
}
.marg
{
margin-left:10px;
}
-->
</style>
</head>
<body onload="AfficheListeno();">
<span class="verdana"><input type="button" value="Afficher la liste entière" onMouseover="AfficheListe();" onMouseout="AfficheListeno();" class="input1"></span>
<h3 class="verdanaf">Quel numéro ?</h3>
<form name="BD">
<input type="text" name="numero">
<br>
<input type="button" value="Album correspondant au numéro" onClick="RecupTitre();">
<br>
</form>
<p id="liste" class="verdana"></p>
<fieldset id="field">
<legend>
<span class="verdana"><b>Liste:</b></span>
</legend>
<form>
<div id="listea" class="verdana marg"></div>
</form>
</fieldset>
</body>
</html>
Ps: si mon code est améliorable, je suis preneur.
----------------------------------------------------------
Edit :
Après bidouillages, j'en suis là maintenant :
http://www.esb-studio.be/Gamerz/afficherBD6.htm
Et j'estime que c'est déjà pas trop mal