Comment intégrer un document HTML dans un HTML via Javascript
pdthg
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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 :
Ici, lorsque l'user est validé, il accède à Google, mais comment le faire accéder à un autre document ? Par exemple "whatiwrote.html" :
Ce serait quelque chose comme :
"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 :-)
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" :
<h1>WELCOME</h1> <hr> <p>bienvenue</p>
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 :-)
A voir également:
- Comment intégrer un document HTML dans un HTML via Javascript
- Comment reduire la taille d'un document - Guide
- Editeur html - Télécharger - HTML
- Intégrer une vidéo dans un powerpoint - Guide
- Comment récupérer un document dans le presse-papier samsung - Guide
- Comment supprimer une page dans un document word - Guide
1 réponse
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 :
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 :
Mais bon.. je te le redis ... ce n'est pas sécurisé.
Oriente toi plutôt vers le PHP et les INCLUDES
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 :
<div id="zoneAffichage"> </div>
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
Merci pour ta réponse, mais je ne sais pas où je dois placer l'ajax :-/
Mais si tu n'y connais rien au javascript ... commence par apprendre avant de te lancer dans la suite de ton porgramme.