Accueil > > > STRIKER BASEBALL
 STRIKER BASEBALL
 Information sur la source
 Description
Un petit code en javascript (et html pour le support) que je me suis amusé à faire pour le groupe de baseball dont je suis webmaster (www.aguilasbaseballclub.ch, si ça vous dit d'aller y faire un tour).
Ce striker (compteur de points pour les matchs de baseball) permet, à l'aide des touches du clavier (mode d'emploi dans le code), de compter les points, de suivre le changement de mène et d'effectuer des corrections par insertion directe dans les champs.
 Source
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body style="background-color:#000; font-size:60px; color:#fff">
<script language="javascript">
/**********************************************************************************
Après avoir inséré les noms d'équipes, cliquer sur VS pour valider.
Touches d'emploi
Nouveau : n 110 ¦ Out : 0 111
Strike : s 115 ¦ Point : p 112
Ball : b 98 ¦ Stop : 0 48
**********************************************************************************/
document.onkeypress = Scoring;
// Variables déclarées globales
score = 0;
var strik;
var ball;
var out;
var manche;
var mean;
var score1;
var score2;
heure1 = 0;
actif = 1; // Permet de modifier le nom des équipes sans faire partir le programme
function Scoring(e) {
if (actif == 1) {
touche = e.charCode;
strik = parseInt(document.getElementById("strike").value);
ball = parseInt(document.getElementById("ball").value);
out = parseInt(document.getElementById("out").value);
manche = parseInt(document.getElementById("manche").value);
mean = parseInt(document.getElementById("mean").value);
score1 = parseInt(document.getElementById("score1").value);
score2 = parseInt(document.getElementById("score2").value);
// Nouveau jeu
if (touche == 110) {
document.getElementById("strike").value = 0;
document.getElementById("ball").value = 0;
document.getElementById("out").value = 0;
document.getElementById("manche").value = 0;
document.getElementById("mean").value = 1;
document.getElementById("score1").value = 0;
document.getElementById("score2").value = 0;
heure1 = Date.now();
Chrono();
}
// Couleur
Cadre();
// Nouveau strike
if (touche == 115) {
if (strik < 2) {
document.getElementById("strike").value = strik + 1;
} else {
document.getElementById("out").value = out + 1;
// 3 out
document.getElementById("strike").value = 0;//
document.getElementById("ball").value = 0;//
cptOut();
}
}
// Nouveau ball
if (touche == 98) {
if (ball < 3) {
document.getElementById("ball").value = ball + 1;
} else {
document.getElementById("strike").value = 0;
document.getElementById("ball").value = 0;
}
}
// Point marqué
if (touche == 112) {
if (score == 0) {document.getElementById("score1").value = score1 + 1;}
else {document.getElementById("score2").value = score2 + 1;}
}
// Stop
if (touche == 48) {
heure1 = 0;
}
// Out
if (touche == 111) {
document.getElementById("out").value = out + 1;
cptOut();
}
}
}
// Style des équipes
function Cadre () {
manche = parseInt(document.getElementById("manche").value);
if (manche == 0) {
document.getElementById("team1").style.border = "2px solid #f00";
document.getElementById("team2").style.border = "none";
}
else {
document.getElementById("team2").style.border = "2px solid #f00";
document.getElementById("team1").style.border = "none";
}
}
// chronomètrage de la partie
function Chrono() {
if (heure1 != "") {
heure2 = Date.now();
delta = (heure2 - heure1);
heure = parseInt(delta / 3600000);
minutes = parseInt((delta - 3600000 * heure) / 60000);
secondes = parseInt((delta - 3600000 * heure - 60000 * minutes) / 1000);
document.getElementById("temps").innerHTML = heure + ":" + minutes + ":" + secondes;
}
}
self.setInterval("Chrono()",1000);
// Compte le nombre d'Out, gère le transfert d'équipe et de mène
function cptOut() {
if (out < 2) {
strik = 0;
} else {
document.getElementById("strike").value = 0;
document.getElementById("ball").value = 0;
document.getElementById("out").value = 0;
if (manche == 0) {// changement d'équipe
document.getElementById("manche").value = 1;
Cadre();
if (score == 0) {score = 1;}
else {score = 0;}
} else {// changement de mean
document.getElementById("manche").value = 0;
document.getElementById("mean").value = mean + 1;
Cadre();
if (score == 0) {score = 1;}
else {score = 0;}
}
}
}
</script>
<table width="100%" border="0" style="text-align:center" cellpadding="0" cellspacing="0">
<tr> </tr>
<tr>
<td>
<input id="team1" onfocus="actif = 0;" type="text" style="border:1px dashed #f00; background:none; text-align:center; font-size:72px; color:#fff; font-family:inherit" size="6" />
</td>
<td>
<input type="button" onclick="actif = 1;" size="1" style="font-size:60px; color:#FFF; font-family:Georgia, 'Times New Roman', Times, serif; border: none; background:none" value="vs" />
</td>
<td>
<input id="team2" onblur="actif = 0;" type="text" style="border:1px dashed #f00; background:none; text-align:center; font-size:72px; color:#fff; font-family:inherit" size="6" />
</td>
</tr>
<tr>
<td> </td>
<td style="font-size:36px" valign="bottom">
<input id="manche" type="text" style="border:none; background:none; text-align:center; font-size:20px; color:#000; font-family:inherit" size="1" value="0" onchange="Cadre();" /><br />
Manche
</td>
<td> </td>
</tr>
<tr>
<td>
<input id="score1" type="text" style="border:none; background:none; text-align:center; font-size:72px; color:#fff; font-family:inherit" size="6" value="0" />
</td>
<td>
<input id="mean" type="text" style="border:none; background:none; text-align:center; font-size:36px; color:#fff; font-family:inherit" size="6" value="1" />
</td>
<td>
<input id="score2" type="text" style="border:none; background:none; text-align:center; font-size:72px; color:#fff; font-family:inherit" size="6" value="0" />
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Strike</td>
<td>Ball</td>
<td>Out</td>
</tr>
<tr>
<td>
<input id="strike" type="text" style="border:none; background:none; text-align:center; font-size:60px; color:#fff; font-family:inherit" size="1" value="0" />
</td>
<td>
<input id="ball" type="text" style="border:none; background:none; text-align:center; font-size:60px; color:#fff; font-family:inherit" size="1" value="0" />
</td>
<td>
<input id="out" type="text" style="border:none; background:none; text-align:center; font-size:60px; color:#fff; font-family:inherit" size="6" value="0" />
</td>
</tr>
<tr>
<td> </td>
<td id="temps">0:0:0</td>
<td> </td>
</tr>
</table>
</body>
</html>
 Conclusion
Utilisation simple prévu pour affichage sur un grand écran afin que tous, joueurs, arbitres et supporters, puissent suivre en direct l'évolution du score et du match en général.
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
Compteurs gratuits [ par DHKold ]
Bonjour, je viens de créer un script de compteur et je souhaite en faire profiter les WebMasters qui désirent avoir une idée des visites sur leur(s) s
calcul score [ par jchv ]
Bonjour à tous . Voilà mon problème : Est-il possible de créer une page (genre formulaire peut-être ?) ou on pourrait choisir pour chaque question (30
Compteur de visites [ par franki ]
Bonjour à tous,Je suis à la recherche d'un script en JS permettant sans copntrainte publicitaire, de comptabiliser le nombre d'ouverture (page index)
INFOS : comment sont comptabiliser les points [ par Mumuri ]
comment sont comptabiliser les points du topmembres ???on gagne des points juste quan on met une source
points cs [ par francktfr ]
a quoi servent les points CS ?FT :o)
programmer le jeux Yahtzee sous javascript [ par bouz78 ]
On se propose de programmer le célèbre jeux de Yahtzee en JavaScript . Il se joue avec cinq dés et le joueur a un maximum de trois essais pour chacun
Celebre jeux yahtzee !!! [ par bouz78 ]
On se propose de programmer le célèbre jeux de Yahtzee en JavaScript . Il se joue avec cinq dés et le joueur a un maximum de trois essais pour chacun
Compter le nombre de changement d'un checkbox [ par Ekik ]
Bonjour, Voila, je dois faire un script qui compte le nombre de changements d'un checkbox et l'envoyer via un champ caché. Pour le moment j'ai ceci :
questionnaire avec vérification des réponses et redirection URL [ par lodie7 ]
Je suis débutante en php et je dois créer un questionnaire pour des enfants, suivant si ils ont bien répondu ou non, ils sont redirigés vers une page
Calcul automatique dans un formulaire [ par Looping2605 ]
Bonjour @ tous,j'ai un petit problème pour mon formulaire. Je souhaiterais afficher dans un textarea un tarif qui fluctue selon les choix de l'utilisa
|
Derniers Blogs
 XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz
Logiciels
 DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|