Horoscope en html

Soyez le premier à donner votre avis sur cette source.

Vue 7 659 fois - Téléchargée 628 fois

Description

Voici un code en html pour connaitre son signe du zodiaque et Chinois.
Après avoir pris 2 codes sur ce site et qui n'ont pas été fonctionnels, je vous propose donc le mien.

Source / Exemple :


<html>
<head>
<title>Quel est votre signe </title>
<script type="text/javascript">

function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;
with (document.zodiac.sign){
if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Verseau";}
if (month == 1 && date > 31) {value = "Hein ?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Poissons";}
if (month == 2 && date > 29) {value = "Vous dites ?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Bélier";}
if (month == 3 && date > 31) {value = "Comme vous voulez.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taureau";}
if (month == 4 && date > 30) {value = "Je suis vraiment désolé !";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gémeaux";}
if (month == 5 && date > 31) {value = "Euh... non.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "Désolé.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Lion";}
if (month == 7 && date > 31) {value = "Pardon ?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Vièrge";}
if (month == 8 && date > 31) {value = "C'est ça.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Balance";}
if (month == 9 && date > 30) {value = "Essaie encore.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpion";}
if (month == 10 && date > 31) {value = "N'y pense même pas !";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittaire";}
if (month == 11 && date > 30) {value = "Date invalide";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorne";}
if (month == 12 && date > 31) {value = "Aucune chance !";}}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Rat";}
if (x == 0) {value = "Ox";}
if (x == 11 || x == -1) {value = "Tigre";}
if (x == 10 || x == -2) {value = "Lapin";}
if (x == 9 || x == -3)  {value = "Dragon";}
if (x == 8 || x == -4)  {value = "Serpent";}
if (x == 7 || x == -5)  {value = "Cheval";}
if (x == 6 || x == -6)  {value = "Mouton";}
if (x == 5 || x == -7)  {value = "Singe";}
if (x == 4 || x == -8)  {value = "Coq";}
if (x == 3 || x == -9)  {value = "Chien";}
if (x == 2 || x == -10) {value = "Cochon";}}}
</script>
</head>

<body>

<form name="zodiac">
<table cellspacing="0" cellpadding="4">
	<tr>
		<td>Année</td>
		<td><div align="right"><input type="text" size="10" name="year" value="Année" onClick="value=''" /></div></td>
	<tr>
		<td>Mois</td>
		<td><div align="right"><select name="month">
		<option value="x">Choisissez un mois</option>
		<option value="1">Janvier</option>
		<option value="2">Février</option>
		<option value="3">Mars</option>
		<option value="4">Avril</option>
		<option value="5">Mai</option>
		<option value="6">Juin</option>
		<option value="7">Juillet</option>
		<option value="8">Août</option>
		<option value="9">Septembre</option>
		<option value="10">Octobre</option>
		<option value="11">Novembre</option>
		<option value="12">Décembre</option>
		</select></div></td>
	</tr>
	<tr>
		<td>Jour</i></b></td>
		<td><div align="right"><input type="text" name="date" value="Jour" size="3" onClick="value=''" /></td>
	</tr>
	<tr>
		<td colspan="2"><div align="center"><input type="button" value="Calculer..." onClick="signs()" /><hr size="1" color="black" /></div></td>
	</tr>
	<tr>
		<td>Votre signe du zodiaque :</td>
		<td><div align="right"><input type="text" name="sign" size="12"></div></td>
	</tr>
	<tr>
		<td>Votre signe chinois :</td>
		<td><div align="right"><input type="text" name="csign" size="12"></div></td>
	</tr>
</table>

</body>
</html>

Conclusion :


Ce code n'est pas de moi, j'ai juste mis les termes en Français.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
98
Date d'inscription
dimanche 22 janvier 2006
Statut
Membre
Dernière intervention
24 juillet 2013

Bonjour

Pour suivre ....
Messages postés
37
Date d'inscription
vendredi 20 février 2004
Statut
Membre
Dernière intervention
29 juin 2011

Merci de confirmer que le tout est juste ?
Si on transforme Ox par Buffle.
Pierre.
Merci pour vos commentaires, je vérifie ça.
Quand je dis ne fonctionne pas :
Les signes zodiacal chinois sont de 12, dans le programme ils sont de 10.
Le Rat, Buffle, Tigre, Chat, Dragon, Serpent, Cheval, Bouc, Singe, Coq, Chien et le Cochon.
Ayant fait un essai Année 1949 Mois Avril le jour 10 la réponse est Bélier donc ok et le signe chinois Ox, la réponse devrait être Buffle.
Sincères salutations
Messages postés
291
Date d'inscription
vendredi 21 février 2003
Statut
Membre
Dernière intervention
13 mars 2015

Bonjour
Le calcul est faux semble-t-il, par exemple janvier 54 donne cheval alors que c'est serpent.
Côté code :
- des if avec des else serait mieux, voir des switch case, mieux encore un tableau des mois aurait été encore mieux.
- Les années bissextiles ne sont pas gérées du coup ont peut saisir le 29/02/2007 par exemple sans contrôle de validité de la date
- puisque le mois est obligatoire il n'est pas bon a mon avis de mettre la question comme premier item de la liste, un libellé serait plus adéquat
- aucun commentaire
- Pas d'indentation du javascript
- ...

JJDai
Afficher les 8 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.