Comment intégrer un document HTML dans un HTML via Javascript Fermé

Question

Bonjour ! J'ai commencé le codage depuis peu, et j'ai crée une page login.html grâce à un tuto. Ce que j'aimerai faire, c'est intégrer un autre code qui s'affiche lorsque le login est validé. De base le code c'est ça : if(form.userid.value == "abc" && form.pswrd.value == "def") { window.open('www.google.com') } Ici, lorsque l'user est validé, il accède à Google, mais comment le faire accéder à un autre document ? Par exemple "whatiwrote.html" :

WELCOME

bienvenue

Ce serait quelque chose comme : if(form.userid.value == "abc" && form.pswrd.value == "def") { document.open('whatiwrote.html') } "whatiwrote.html" qui se trouverait lui-même dans "login.html" Je ne sais même pas si c'est possible et je galère vraiment, merci :-)

jordane45 · Answer

Bonjour, En règle générale .. on gère l'authentification côté "serveur" .. donc via un langage comme le PHP par exemple. (et encore mieux... en s'appuyant sur une base de données.....) Le fait de vouloir le faire en JavaScript n'est clairement pas sécurisé. N'importe qui regardant le "code source" de la page (via un simple clic-droit...) aura accès aux identifiants attendus.... Mais bon.. En JS tu peux faire une redirection en utilisant : document.location ttps://developer.mozilla.org/fr/docs/Web/API/Document/location Et pour "inclure" une page dans ta page actuelle.. tu peux éventuellement faire de l'ajax par exemple : function loadPage(href) { var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", href, false); xmlhttp.send(); return xmlhttp.responseText; } Dans ton index.html il te faut placer un "container" qui recevra le contenu de ton autre page :

et dans ton code JS, tu n'auras qu'a placer : if(form.userid.value == "abc" && form.pswrd.value == "def"){ document.getElementById('zoneAffichage').innerHTML = loadPage('whatiwrote.html');" } Mais bon.. je te le redis ... ce n'est pas sécurisé. Oriente toi plutôt vers le PHP et les INCLUDES

Comment intégrer un document HTML dans un HTML via Javascript

1 réponse

Discussions similaires