Il y a actuellement 246 visiteurs
Vendredi 19 Avril 2024
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Condition en HTML

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Condition en HTML

Message le 06 Juil 2013 15:05

Bonjour, j'ai un problème pour faire une condition en HTML et JavaScript, pourriez vous me dire le problème dans mon code et le corriger ?
Code: Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<title>Convertisseur d'unités</title>
</head>
<nav>
<ul>
<li><a href="index.htm">Acceuil</a>
<li><a href="calc.htm">Calculatrice</a>
<li><a href="open_webpages.htm">Ouvreur de pages web</a>
<li><a href="converti_u.html">Convertisseur d'unités</a>
</nav>
<p align="center">
<input type="text" id="1"/> Go
<br><input type="text" id="2"/> Mo
<br><input type="button" onClick="sc" value="calculer"/>
<script id="sc">
if (1.value == "") {
    alert('entrez un nombre');
}
else {
    alert(1.value*"1024");
}
</script>
</div>
</p>
</body>
</html>





Cordialement
geek99
Sous Expert(e)
Sous Expert(e)
 
Messages: 63
Inscription: 10 Nov 2012 15:24
 


Re: Condition en HTML

Message le 06 Juil 2013 22:31

Bonjour,

Qu'est ce que tu cherches à faire exactement ?
Avatar de l'utilisateur
H3bus
Moderateur
Moderateur
 
Messages: 12195
Inscription: 08 Avr 2008 15:13
Localisation: /home/h3bus
 

Re: Condition en HTML

Message le 07 Juil 2013 09:33

Lors du click sur le boutton que si le 1er champ de texte est vide qu'un message apparaisse, sinon que la valeur dans le 1er champ de texte soit multiplié par 1024.
geek99
Sous Expert(e)
Sous Expert(e)
 
Messages: 63
Inscription: 10 Nov 2012 15:24
 

Re: Condition en HTML

Message le 07 Juil 2013 20:14

Ok, je vois. Il y a pas mal d'erreurs dans ton code.

Déjà, tu as une balise </body> fermante mais tu n'as pas de balise <body> ouvrante (ligne 27).

Ensuite, Tu ne fermes jamais ta liste de liens (balise <ul> ligne 7).

Ensuite, il n'est pas bon de faire un formulaire d'entrée de ce type. Ce que je te conseille, c'est de faire un <form> HTML5, avec l'attribut "required". Ce sera fonctionnel, surtout si le client n’exécute pas le Javascript.

Code: Tout sélectionner
<form id="numberForm" action="#" class="form" method="post">
   <input type="text" id="number" name="number" autofocus="autofocus" required placeholder="Votre nombre ..." />
   <button name="submit" id="submit" type="submit">
      <span>Envoyer</span>
   </button>
</form>


Ensuite, tu fais ta vérif en Javascript, pour vérifier que l'input est bien un nombre...
Avatar de l'utilisateur
H3bus
Moderateur
Moderateur
 
Messages: 12195
Inscription: 08 Avr 2008 15:13
Localisation: /home/h3bus
 

Re: Condition en HTML

Message le 08 Juil 2013 08:55

Code: Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<title>Convertisseur d'unités</title>
</head>
<nav>
<ul>
<li><a href="index.htm">Acceuil</a>
<li><a href="calc.htm">Calculatrice</a>
<li><a href="open_webpages.htm">Ouvreur de pages web</a>
<li><a href="converti_u.html">Convertisseur d'unités</a>
</ul>
</nav>
<body>
<form id="numberForm" action="#" class="form" method="post">
   <input type="text" id="number" name="number" autofocus="autofocus" required placeholder="Votre nombre ..." />
   <button name="submit" id="submit" type="submit">
      <span>Envoyer</span>
   <script>
if (number.value == ""){
     alert("entrez un nombre");
}
else {
if (number.value && "") {
     alert(number.value*"1024");
}
}
</script>
</button>
</form>
</body>
</html>

Le script viens toujours au mauvais moment, j'ai mis le script dans la form, après la form. Aucun changement.
geek99
Sous Expert(e)
Sous Expert(e)
 
Messages: 63
Inscription: 10 Nov 2012 15:24
 

Re: Condition en HTML

Message le 08 Juil 2013 12:01

C'est normal, ça viens de comment tu appelle ton script.

En gros, il faut que te le places dans une function javascript. Sinon, il est appelé dés que ta page est chargée. De plus, tu peux supprimer le bout de code qui vérifie la présence d'un nombre, le HTML5 le fait pour toi.

Cela devra ressembler à ça à l'intérieur de tes balises <script> :

Code: Tout sélectionner
function checkNumber() {
   //... ta fonction
}


Qui devra être appelée au moment opportun par la validation de ton formulaire...

Pour info, pour vérifier que une chaine de caractère est un entier, il suffit de vérifier si la variable castée en décimal est la même que la valeurs castée en entier.
Avatar de l'utilisateur
H3bus
Moderateur
Moderateur
 
Messages: 12195
Inscription: 08 Avr 2008 15:13
Localisation: /home/h3bus
 



Sujets similaires

Message [Résolu] UGet ne télécharge que des index.html ?
On est jamais mieux servi que par soi-même... Il faut utiliser "Youtube-dl" qui télécharge la quasi-totalité des médias sur le web !http://ytdl-org.github.io/youtube-dl/index.htmlbonne journée à toutes et tous
Réponses: 3

Message La meilleure façon d'apprendre le HTML / CSS?
Je viens juste d'obtenir un diplôme CS, mais je ne sais presque rien sur le développement Web, mais je me sens assez à l'aise en programmation. Existe-t-il de bons livres pour le développement des frondes qui ne sont pas destinés aux débutants complets qui passent trop de temps sur les balises, les ...
Réponses: 2

Message Police Kelt UNICODE acceptée en HTML ?
Bonjour,Habitué à modifier mes GEDCOM pour une intéraction vers un site hôte pour leur exploitation, j'utilise parfois une action sur des polices à l'affichage.Tout d'abord, une transformation basique de zones de mon GEDCOM par :<font face="Comic Sans MS" color=#000099 size="2" ...
Réponses: 7

Message Programmation en HTML
Bonjour à tous,Je suis nouveau sur l'informatique de programmation.Voici ce que j'ai appris :<DOCTYPE html> --> Je sais que ceci permet de dire que ce sera en HTML. <html></html> ---> Les balises pour le tout en html. <head></head> ? pour le titre de la page < ...
Réponses: 2

Message Recherche editeur html sous Linux
Bonjour !J'ai créé deux sites internet (associatif et familial) sous Windows. Je n'ai pas de soucis, mais comme je suis plus souvent sur Linux Ubuntu 14.4 que sur Seven, je préférerais gérer ces sites sous ce système.Connaissez vous un équivalent à Evrsoft First Page, editeur Html que j'utilise sous ...
Réponses: 22

Message HTML Script manque pour que ça fonctionne
bonjour,j'aimerai intégrer un script HTML pour faire rediriger une page précise suivant l'admin et le pass.Voici mon code et la où je pense avoir le "manque" :<HTML> <HEAD> <TITLE>Nouvelle page</TITLE> <SCRIPT LANGUAGE="JavaScript"> function Redirect ...
Réponses: 17

Message Formulaire conditionnel avec html et java script
Bonjour,Je veux faire un formulaire mconditionnel aux choix de produit et de quantité.Actuellement j'ai 3 produits avec 2 choix de format et selon le format choisit, j'ai 2 type de quantité.Cela marche actuellement, mais je voudrais que le client puisse choir plus de 1 produits et c'est là que ça se ...
Réponses: 19


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.
cron