Comment En cliquant sur un lien en change le contenu d'un div

Fermé
pascal_gtf Messages postés 4 Date d'inscription dimanche 29 août 2010 Statut Membre Dernière intervention 28 février 2019 - Modifié le 28 févr. 2019 à 10:30
 largefinger - 1 mars 2019 à 14:48
Bonjour à tous , voila comme indique le titre
mon problème c'est comment je changer le contenu d'un div (contenu) lors un clic sur un lien dans div (menu)
voici mon code :

 <body>
 <div id="bandeau">
  <?[/php/phpintro.php3 php]
             require_once 'header.php';
        ?>
    </div>
 
 <div id="menu">
            <h1> <i><u><b>Authentifier </b></u></i></h1> 
  
            <h3> <a href="View/Inscription/inscription.php" onclick="Mylink();"> Inscription</h2>  </a>   
            
            <h3> <a href="View/Inscription/Seconnecter.php" target="contenu"> Se Connecter</h2>  </a>  
 </div>

 
 <div id="contenu">
  <div id="blocnews1">Bloc News 1 </div>
    <?php
                              require_once 'nav_bar.php';
                   ?> 
       </div>
A voir également:

1 réponse

Bonjour,
PHP n'est pas adapté pour cela. Enfin c'est possible mais à éviter absolument, surtout dans le cadre d'une simple modification.
Avec JavaScript vous pouvez manipuler le contenu de la page ainsi que détecter les événements, comme un clic dans la page.

Un exemple ici qui utilise addEventListener ( une fonction qui ajoute un 'écouteur' d'événement):
https://www.w3schools.com/jsref/met_document_addeventlistener.asp

L'exemple change le contenu ici, vous pouvez changer n'importe quel élément ou attribut, et bien d('aqutre chose.
Dans le cas de programmation asynchrone il est mieux encore d'utiliser AJAX évitant ainsi de faire appel plusieurs fois à des requêtes serveurs(et bases de données).
Une façon de faire la plus basique est indiquée ici avec XMLHttpRequest()
https://www.w3schools.com/xml/xml_http.asp

Pour bien comprendre lors de la génération de la page sont crées aussi des métadonnées, les informations susceptibles d'être nécessaire pour le bon fonctionnement de la page. Ces métadonnées sont stockées dans un fichier XML, c'est celui ci qui est chargée de façon asynchrone lorsque l'on en a besoin. La notion de flux de données est importante à connaître: indiquant l'état de ces métadonnées et de la connexion à celles ci. Cela permet d'avoir plusieurs états: envoyé, reçus, en cours de transfert par le biais de méthodes d'Objets-voir POO si vous n'êtes pas familier avec l'objet en programmation).
0