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

Fermé

pdthg Messages postés 2 Date d'inscription samedi 21 janvier 2017 Statut Membre Dernière intervention 22 janvier 2017 - Modifié par KX le 21/01/2017 à 18:37
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 - 22 janv. 2017 à 23:42

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" :

<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
Editeur html - Télécharger - HTML
Comment signer un document word - Guide
Html download - Télécharger - HTML
Scanner un document - Guide
/Var/www/html/index.html ✓ - Forum Linux / Unix

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
21 janv. 2017 à 19:17

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 :

<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

pdthg Messages postés 2 Date d'inscription samedi 21 janvier 2017 Statut Membre Dernière intervention 22 janvier 2017
22 janv. 2017 à 23:14

Bonsoir,
Merci pour ta réponse, mais je ne sais pas où je dois placer l'ajax :-/

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > pdthg Messages postés 2 Date d'inscription samedi 21 janvier 2017 Statut Membre Dernière intervention 22 janvier 2017
22 janv. 2017 à 23:42

Dans des balises javascript ...
Mais si tu n'y connais rien au javascript ... commence par apprendre avant de te lancer dans la suite de ton porgramme.

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Espace en HTML

la balise ou

Image cliquable dans html

ou ou

Discussions similaires

Newsletters