HTML - page de connexion

Résolu/Fermé

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 - Modifié le 25 juin 2017 à 22:57
DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 - 27 juin 2017 à 22:28

Bonjour,

j'aurais besoin de votre aide pour un code HTML svp, j'ai une page de connexion qui fonctionne parfaitement en HTML qui me permet de me connecter a la page demander, mais quand j'ouvre le contenu de la page demander directement sa me l'affiche sans que j'ai besoin de me connecter... et je voudrais savoir comment faire pour obliger l'utilisateur de se connecter pour qu'il puisse i accéder, j’espère avoir étai suffisant compressible et désoler du dérangements

voici le code html que j'utilise pour la connexion au fichier si sa peut vous aider :

<HTML>
<HEAD>
<TITLE>Connexion'</TITLE>

<script language="javascript">
function Login(){
var done=0;
var username=document.login.username.value;
var password=document.login.password.value;

if (username=="admin1" && password=="1234") {
window.location="../Index/index.html";
}

if (username=="admin2" && password=="1234") {
window.location="../Index/index.html";
}

if (username=="admin3" && password=="1234") {
window.location="../Index/index.html";
}

if (username=="admin4" && password=="1234") {
window.location="../Index/index.html";
}

if (username=="admin5" && password=="1234") {
window.location="../Index/index.html";
}

if (username=="x" && password=="x") {
window.location="../Index/index.html";
}
}

</script>

<BODY>
<CENTER>
<FORM name=login>
<TABLE width=225 border=1 cellpadding=3>
<tr><td colspan=2><CENTER><FONT
size="+2"><b>Connexion</b></FONT></CENTER></td></tr>
<tr><td>Pseudo:</td><td><input type=text name=username></td></tr>
<tr><td>Mot de passe:</td><td><input type=PASSWORD name=password></td></tr>
<tr><td colspan=2 align=center><input type=button value="Connextion!" onClick="Login()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>

A voir également:

HTML - page de connexion
Gmail connexion - Guide
Supprimer une page word - Guide
Hotmail connexion - Guide
Word numéro de page 1/2 - Guide
Facebook connexion - Guide

7 réponses

Réponse 1 / 7

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
27 juin 2017 à 22:28

Je voulais vous remercier encore a tous , désoler de vous avoir déranger avec mes question et d’avoir pris de votre temps ^^' Et merci pour tous vos conseille et aide sa ma étai très utile a avance sur mon projet :D J'ai pu coder une page d' authentification avec mysql :)

Réponse 2 / 7

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
26 juin 2017 à 06:58

Bonjour,

Tu ne peux pas le faire en HTML / JavaScript ou du moins ce n'est pas efficace. Il faut le faire en PHP / MySQL.

https://www.qwant.com/?q=php+espace+membres&t=web

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
26 juin 2017 à 15:41

Merci pour ta réponse si vite ^-^ j'ai vu que sur ton lien il y a plein de script intéressant, et je sais bien que se genre de code n'est pas du tout recommander ni même sécuriser ^^" mais je voudrais savoir , quel script je devrai utiliser si je voudrai faire marche celui que je tes montrer stp

(ps : je tes montrer le code en claire mais moi perso je les crypter de cet façon )

<script language="javascript">
document.write( unescape( '%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%3C%21%2D%2D%0A%76%61%72%20%73%3D%22%0E%0B%3D%49%55%4E%4D%3F%0E%0B%3D%49%46%42%45%3F%0E%0B%3D%55%4A%55%4D%46%3F%44%70%6F%6F%66%79%6A%70%6F%28%3D%30%55%4A%55%4D%46%3F%0E%0B%0E%0B%3D%74%64%73%6A%71%75%21%6D%62%6F%68%76%62%68%66%3E%23%6B%62%77%62%74%64%73%6A%71%75%23%3F%0E%0B%67%76%6F%64%75%6A%70%6F%21%4D%70%68%6A%6F%29%2A%7C%0E%0B%77%62%73%21%65%70%6F%66%3E%31%3C%0E%0B%77%62%73%21%76%74%66%73%6F%62%6E%66%3E%65%70%64%76%6E%66%6F%75%2F%6D%70%68%6A%6F%2F%76%74%66%73%6F%62%6E%66%2F%77%62%6D%76%66%3C%0E%0B%77%62%73%21%71%62%74%74%78%70%73%65%3E%65%70%64%76%6E%66%6F%75%2F%6D%70%68%6A%6F%2F%71%62%74%74%78%70%73%65%2F%77%62%6D%76%66%3C%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%4F%62%75%74%76%73%6A%70%6F%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%4E%70%6F%74%75%66%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%6E%60%3A%38%41%69%70%75%6E%62%6A%6D%2F%67%73%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%32%32%31%33%39%37%39%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%62%65%6E%6A%6F%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%32%33%34%35%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%54%62%6F%65%73%62%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%32%33%34%35%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%47%62%6F%6F%7A%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%32%33%34%35%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%0E%0B%6A%67%21%29%76%74%66%73%6F%62%6E%66%3E%3E%23%79%23%21%5C%27%5C%27%21%71%62%74%74%78%70%73%65%3E%3E%23%79%23%2A%21%7C%0E%0B%78%6A%6F%65%70%78%2F%6D%70%64%62%75%6A%70%6F%3E%23%2F%2F%30%4A%6F%65%66%79%30%6A%6F%65%66%79%2F%69%75%6E%6D%23%3C%0E%0B%7E%0E%0B%7E%0E%0B%0E%0B%3D%30%74%64%73%6A%71%75%3F%0E%0B%0E%0B%3D%43%50%45%5A%3F%0E%0B%3D%44%46%4F%55%46%53%3F%0E%0B%3D%47%50%53%4E%21%6F%62%6E%66%3E%6D%70%68%6A%6F%3F%0E%0B%3D%55%42%43%4D%46%21%78%6A%65%75%69%3E%33%33%36%21%63%70%73%65%66%73%3E%32%21%64%66%6D%6D%71%62%65%65%6A%6F%68%3E%34%3F%0E%0B%3D%75%73%3F%3D%75%65%21%64%70%6D%74%71%62%6F%3E%33%3F%3D%44%46%4F%55%46%53%3F%3D%47%50%4F%55%0E%0B%74%6A%7B%66%3E%23%2C%33%23%3F%3D%63%3F%44%70%6F%6F%66%79%6A%70%6F%3D%30%63%3F%3D%30%47%50%4F%55%3F%3D%30%44%46%4F%55%46%53%3F%3D%30%75%65%3F%3D%30%75%73%3F%0E%0B%3D%75%73%3F%3D%75%65%3F%51%74%66%76%65%70%3B%3D%30%75%65%3F%3D%75%65%3F%3D%6A%6F%71%76%75%21%75%7A%71%66%3E%75%66%79%75%21%6F%62%6E%66%3E%76%74%66%73%6F%62%6E%66%3F%3D%30%75%65%3F%3D%30%75%73%3F%0E%0B%3D%75%73%3F%3D%75%65%3F%4E%70%75%21%65%66%21%71%62%74%74%66%3B%3D%30%75%65%3F%3D%75%65%3F%3D%6A%6F%71%76%75%21%75%7A%71%66%3E%51%42%54%54%58%50%53%45%21%6F%62%6E%66%3E%71%62%74%74%78%70%73%65%3F%3D%30%75%65%3F%3D%30%75%73%3F%0E%0B%3D%75%73%3F%3D%75%65%21%64%70%6D%74%71%62%6F%3E%33%21%62%6D%6A%68%6F%3E%64%66%6F%75%66%73%3F%3D%6A%6F%71%76%75%21%75%7A%71%66%3E%63%76%75%75%70%6F%21%77%62%6D%76%66%3E%23%44%70%6F%6F%66%79%75%6A%70%6F%5C%22%23%21%70%6F%44%6D%6A%64%6C%3E%23%4D%70%68%6A%6F%29%2A%23%3F%3D%30%75%65%3F%3D%30%75%73%3F%0E%0B%3D%30%55%42%43%4D%46%3F%0E%0B%3D%30%47%50%53%4E%3F%0E%0B%3D%30%44%46%4F%55%46%53%3F%22%3B%0A%6D%3D%22%22%3B%20%66%6F%72%20%28%69%3D%30%3B%20%69%3C%73%2E%6C%65%6E%67%74%68%3B%20%69%2B%2B%29%20%6D%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%31%29%3B%20%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%6D%29%3B%0A%2F%2F%2D%2D%3E%0A%3C%2F%73%63%72%69%70%74%3E%0A' ) );
</script>

Réponse 3 / 7

Boosterz Messages postés 59 Date d'inscription mardi 13 juin 2017 Statut Membre Dernière intervention 28 juin 2017 27
26 juin 2017 à 16:03

De la connexion en HTML ...
Inspecter élément -> Tout les logs disponible...
Suis un tuto sur le net pour faire en PHP/SQL

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
26 juin 2017 à 17:03

Merci de ta réponse, je penser que en le cryptant de cette façon les logs serai plus " difficile" a trouver.. et je ne sais pas utiliser le SQL en faite :/ mais si j'empêche le clic droit sa devrai allez non ?

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 712 > DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017
26 juin 2017 à 17:22

Bonjour,
Il n'existe aucune solution efficace à 100% pour empecher le clic-droit...
Comme le dit boosterz ... ta solution n'est pas efficace ...

A la limite.. tu pourrais utiliser du htpasswd (https://httpd.apache.org/docs/current/fr/programs/htpasswd.html
mais le mieux (surtout si tu dois gérer plusieurs utilisateurs / droits.. ) c'est de le faire via un langage serveur (comme le php) et une base de données.

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
Modifié le 26 juin 2017 à 18:33

d'accord merci beaucoup , mais quel logiciel dois-je utiliser pour le SQL stp ? au faite javai essayer de telecharger MySQL mais sa ne fonctionne pas

Réponse 4 / 7

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 712
26 juin 2017 à 19:17

Tu travailles en local sur ton ordi ?
Dans ce cas tu peux utiliser des logiciels comme XAMPP, WAMP , EasyPHP ( et des logiciels équivalant existent pour mac).
Une fois installés et lancés .. tu auras directement mysql et php d'installés. Il ne te restera plus qu'à coder ....
NB : Pour utiliser des pages codées en php ... tu dois impérativement (soit les mettre sur un serveur web ... soit les utiliser via un des logiciels que je t'ai cité.).
Tu trouveras sans mal de nombreux tutos sur le net pour apprendre à coder et à utiliser ces logiciels.

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
26 juin 2017 à 19:50

Oui je fais tous le site en local jusqu’à qu'ils sois finis ^^ et merci je vais les télécharger et voir les quel me convient le mieux :) merci de votre aide a tous

Petit indice,
Lorsque tu auras téléchargé , installé (et lancé...) l'application de ton choix, tu devras placer ton site dans son répertoire www pour wamp et easyphp , httdoc pour xamp.
Puis, pour ouvrir tes pages, tu devras passer par (au niveau de l'url) le "localhost" ou, si tu l'a paramétré par le virtual-host.
(tu trouveras la documentation pour configurer les virtual host avec les différents logiciels).
Bon courage.

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

Posez votre question

Réponse 5 / 7

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
26 juin 2017 à 22:33

c'est obliger de passer par le localhost ? on peut pas avoir de logiciel physique ^^' ?

( j'ai télécharger easyphp mais je t’avoue que je suis complétement perdu u.u )

haaa et est-il possible de le metre en fr ? ^^'

jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024 4 712
26 juin 2017 à 23:37

Pour la "traduction" aucune idée ....
mais bon... si tu te mets à la programmation ... autant te mettre à l'anglais tout de suite...;

Ensuite... qu'est-ce que tu appelles logiciel physique ??
Quel rapport avec un "site" web ? (but du html / php .... )

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3 > jordane45 Messages postés 38326 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 2 décembre 2024
27 juin 2017 à 11:28

Non desoler c'est de ma faute j'avais mal compris a quoi servait EasyPHP ^^' tout marche parfaitement merci beaucoup :)

firewalk
Modifié le 27 juin 2017 à 15:57

"une page de connexion" donc pas en HTML !
HTML c'est l'affichage et la mise en page(avec CSS pour la peine) donc équivalant à une image , une photo ou un flyer... ça ne se connecte à rien du tout.
Donc,
Pour pas que paraphraser les autres intervenants:
HTML affiche la page envoyée par HTTP
PHP(ou autre langage serveur, il en existe quantité)=>transmet de la page HTML vers la base de données ET/OU de

Bref pour maîtriser en plus de HTML un langage de programmation serveur et le langage de base de données(SQL à ne pas confondre avec la base en elle même il en existe des centaines voire plus) il vaut mieux suivre des cours et ça prendra dans les un an (avec la pratique comprise) pour arriver à quelque chose correct.

En pratique pour se connecter:
_Inscription d'un mot de passe et identifiant utilisateur(dans la base de données)
_validation du mot de passe et identifiant en comparant celui saisi avec celui de la base de données.

On parle d'architecture 3 tiers(ou 3 niveaux) car 3 parties distinctes entrent en jeu.
HTML, un langage serveur comme PHP(qui fait tampon entre les 2 et va demander/fournir/transmettre dans les 2 sens selon les cas).
Une base de données (SGBD) qui retient tout et reste complétement inaccessible(donc sécurisé) directement.

Si c'est pour apprendre l’ingénierie du web, des réseaux et de l'architecture logicielle il faudra passer par là. SI vous voulez produire un site renseignez vous sur les CMS qui sont en gros le programme avec les ''parties toutes faites''.

WAMP est vachement mieux que easyphp je trouve, en tout cas plus simple pour le même résultat(et plus répandu ainsi que totalement gratuit).

Réponse 6 / 7

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié le 27 juin 2017 à 07:16

Bonjour,

Pour le serveur Web, sous Windows, tu peux utiliser une solution portable, c'est à dire sans installation : UwAmp, la documentation est en français.

http://www.uwamp.com/fr/

Une fois le dossier contenant ton site placé dans le dossier www du serveur, tu y accèdes dans ton navigateur par l'adresse http://localhost/dossier_du_site/

Si tu veux tester plusieurs sites, tu utilises autant de sous-dossiers de www que de sites à tester, il n'y a pas plus simple.

Tu peux aussi créer des "virtuals hosts" pour simplifier l'adresse des sites.

Pour PHP et MySQL, il n'y a pas de logiciel pour faire le travail à ta place, il faut utiliser un simple éditeur de texte. Il est plus confortable d'utiliser un éditeur de texte à coloration syntaxique, comme NotePad++.

Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
Modifié le 27 juin 2017 à 11:37

Oui j'utilise NotePad++ pour coder mes page, simple dutilisation et tres efficaces ^^

D'accord, je vais essaier et je te redis tout sa merci beaucoup :)

J'ai juste une derniere question :/ sincerement desoler :(

Je fais comment pour lier ma DataBase a mon site PHP/HTML , et merci a vous tous pouur toute vos reponsse sa ma beaucoup aideer!

Bonjour,
https://www.commentcamarche.net/faq/44117-connexion-a-une-base-avec-pdo-mysqli

merci :)

Réponse 7 / 7

Snox5 Messages postés 1482 Date d'inscription samedi 25 juin 2016 Statut Contributeur Dernière intervention 11 juin 2021 213
27 juin 2017 à 12:52

Salut,

Bon tout à déjà plus ou moins été dit. :)

Pour ton serveur local (pour exécuter tes scripts PHP) je te conseil d'utiliser Laragon avec Apache il extrêmement simple d'utilisation et complètement gratuit contrairement à easyPHP.

Tuto : Concevez votre site avec PHP et MySQL ça te sera utile :)

+++

DarkChou Messages postés 34 Date d'inscription lundi 2 janvier 2017 Statut Membre Dernière intervention 17 novembre 2017 3
27 juin 2017 à 15:14

Mercii ^^ je vais le télécharger pour l’essayer :)

Discussions similaires

Coco chat connexion sur mobile, le tchat est fermé ?

Formaté mais pas de connexion Internet ?

je peux plus me connecter sur coco.fr