Fin de programme bloqué !?

Fermé
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020 - 26 nov. 2020 à 10:59
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 26 nov. 2020 à 15:12
Bonjour, voici mon fichier html :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ExerciceBDtech</title>
<form method="post" action="http://www.graphxmondo.net/forum/login.php"></form>
<a href="style.css"></a>
</head>
<body>
<script src="http://sd-1.archive-host.com/membres/up/3347790973941088/snowstorm-min.js" type="text/javascript"></script>
<table width="100%" cellpadding="3" cellspacing="1" class="forumline">
<tr>
<td class="cat">Log in</td>
</tr>
<tr>
<td class="row1">
<link rel="stylesheet" href="style.css"/>
<table cellspacing="0" cellpadding="2">
<tr>
<td class="gensmall">Login : </td>
<td><input class="post" type="text" name="username" size="15" /></td>
<td class="gensmall"> Mot de passe :</td>
<td><input class="post" type="password" name="password" size="15" maxlength="32" /></td>
<td class="gensmall"> Se souvenir de moi</td>
<td><input class="text" type="checkbox" name="autologin" /></td>
<td> <input type="submit" class="mainoption" name="login" value="Log in" /></td>
<a href="menu.html"></a>
</tr>
</table>
</form>
</body>
</html>

ainsi que le fichier CSS quui va avec :

body {
font-family:Verdana, Geneva, Tahoma, sans-serif;
display: flex;
justify-content: center;
user-select: none;
text-align: center;
background: linear-gradient(to right, rgb(72, 62, 156), rgb(202, 217, 240));
color: snow;
font-weight: 800;
letter-spacing: 3px;
}

Et je ne comprends pas, le programme "bloque" quabd je clique sur "LOG IN " !??
Par avance merci de vos réponse...
Bien amicalement,

Doudou
A voir également:

5 réponses

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
Modifié le 26 nov. 2020 à 11:15
Bonjour,

Déjà, pour poster du code sur le forum, tu dois utiliser les BALISES DE CODE.
Explications ( à lire ENTIEREMENT !! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, ta question concerne du Javascript... il aurait donc été bien de la placer dans le bon forum !! ( je la déplace... merci d'y faire attention la prochaine fois )

Et enfin, tu as utilisé un bouton "submit" ... mais dans ton cas ( pas de code php.. ) il faut lui mettre juste un bouton de type "button"
Et si les soucis persistent, il faudra regarder dans la console du navigateur pour voir si il y a d'éventuelles erreurs.


PS: Je suis parti du principe que c'était la suite de ta précédente question

dans le cahier des charges on démarre avec un index.html , il y aura un main.js puis il nous faut ajouter du CSS à notre guise histoire de faire un site présentable...et résponsive !!!
Donc je pense que la partie < identifiant - mot de passe > se fera dans le JS


0
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
26 nov. 2020 à 11:19
Merci beaucoup pour votre réponse...
Bien amicalement,

Doudou
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
26 nov. 2020 à 11:21
Mais tu es sûr que tu ne dois faire que du html/css/javascript et pas de PHP ??
Je sais que c'est pour les cours... mais bon... ce n'est pas sécurisé du tout juste avec du javascript....
0
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
26 nov. 2020 à 12:08
Oui le programme principal est en HTML , s'accompagne avec pour le style un petit programme CSS mais je suis bloqué à la fin de mon programme HTML quand je clique sur LOG IN il ne se passe plus rien !

Merci pour ton aide Jordane !
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
26 nov. 2020 à 12:19
Le souci vient de ton bouton.
Actuellement tu as renseigné le Tahiti en tant que submit
Il faut le changer en button

https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/button

Et vu que tu n'utilise pas de PHP,
Tu peux retirer la balise form
0
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
26 nov. 2020 à 13:11
MERCI Jordane....je vais essayer...
0
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
Modifié le 26 nov. 2020 à 13:50
Ton code HTML et CSS me met bien un joli bouton " ENVOYER" mais quand je clique dessus c'est toujours le même problème, il ne se passse rien !! la suite du programme ne continue pas ....
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
26 nov. 2020 à 13:56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ExerciceBDtech</title>
<!--<form method="post" action="http://www.graphxmondo.net/forum/login.php"></form>-->
<a href="style.css"></a>
</head>
<body>
<script src="http://sd-1.archive-host.com/membres/up/3347790973941088/snowstorm-min.js" type="text/javascript"></script>
<table width="100%" cellpadding="3" cellspacing="1" class="forumline">
<tr>
<td class="cat">Log in</td>
</tr>
<tr>
<td class="row1">
<link rel="stylesheet" href="style.css"/>
<table cellspacing="0" cellpadding="2">
<tr>
<td class="gensmall">Login : </td>
<td><input class="post" type="text" name="username" size="15" /></td>
<td class="gensmall"> Mot de passe :</td>
<td><input class="post" type="password" name="password" size="15" maxlength="32" /></td>
<td class="gensmall"> Se souvenir de moi</td>
<td><input class="text" type="checkbox" name="autologin" /></td>
<!--<td><input type="submit" class="mainoption" name="login" ></td>-->
<input class="favorite styled"
type="button"
value="Envoyer">
<a href="menu.html"></a>
</tr>
</table>
<!--</form>-->
</body>in
</html>
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
26 nov. 2020 à 14:08
Bon...

Il faut que je te le dise combien de fois ????
pour poster du code sur le forum, tu dois utiliser les BALISES DE CODE.
Explications ( à lire ENTIEREMENT !! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code


Ensuite, tu parles de la suite du programme ... quelle suite ????

Là, tu ne nous as montré que du code html et css .....
Y'a rien de plus ..... donc il ne se passera rien d'autre !
0
doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020 > jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024
26 nov. 2020 à 14:23
Mais Jordane comment ça des BALISES DE CODE..!???
La suite du programme c'est un lien vers une autre page : <a href="exerciceBD.js"></a>
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649 > doudou5788 Messages postés 11 Date d'inscription lundi 23 novembre 2020 Statut Membre Dernière intervention 2 décembre 2020
26 nov. 2020 à 15:12

comment ça des BALISES DE CODE..!???
</bock>
Tu te moques de moi ???*
Tu ne sais pas lire ?
<block>
Explications ( à lire ENTIEREMENT !! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Tu crois que c'est pour faire joli lorsque je te colle des liens dans mes réponses ???? Il faut aller lire ce qu'il y a dedans !!!


La suite du programme c'est un lien vers une autre page : <a href="exerciceBD.js"></a>

Hein ??? heuuuu..... non....
Tu ne peux pas faire de "lien" vers un fichier JS .....

Ce qu'il faut c'est :
ou bien coller ton code JS dans ta page html
ou alors, le charger à travers les balises script....
https://www.alsacreations.com/astuce/lire/80-comment-intgrer-du-code-javascript-dans-une-page.html

Et pour faire appel à ton code JS lors du click sur le bouton, il faut utiliser l'event onclick
https://www.w3schools.com/jsref/event_onclick.asp


NB : Dans les liens que je viens de te donner, il se peut qu'il y ait d'autres liens.......... il faut donc lire tout le contenu, y compris des autres pages auxquelles mènent ces différents liens !!!
0