Partage
  • Partager sur Facebook
  • Partager sur Twitter

Exécuter un javascript avec un lien

    18 juin 2019 à 15:58:05

    Bonjour à toutes et à tous;

    J'ai un problème avec l’exécution de mon script javascript.

    Lorsque j’intègre mon script javascript de la façon suivante ça marche en cliquant sur le lien "Activer le plein écran". :D

    <!DOCTYPE html>
    <html dir="ltr" lang="fr">
      <head>
        <!-- Balises "Meta" -->
        <meta charset="utf-8"> <!-- Encodage du fichier -->
        <!-- Balises "link" -->
        <link href="./module-index/decoration-index/" rel="icon"> <!-- Icon du site -->
        <link href="./module-index/script-css-index/position-size-index.css" rel="stylesheet"> <!-- stylesheet "position et taille" des balises du fichier "index.php" -->
        <link href="./module-index/script-css-index/style-index.css" rel="stylesheet"> <!-- stylesheet "style" des balises du fichier "index.php" -->
        <!-- Balises "title" -->
        <title></title>
        <!-- Balises "script" -->
        <script src="https://kit.fontawesome.com/e045ea5814.js"></script>
      </head>
      <body class="body-grid body-style">
        <a class="a-position-size a-style" id="plien-ecran" href="#" onClick="twPleinEcran();" title="Activer ou Desactiver le plein écran">Activer le plein écran</a>
        <aside class="aside-position-size aside-grid aside-style">
          aside
        </aside>
        <footer class="footer-position-size footer-grid footer-style">
          <div class="date">
            <i class="fas fa-calendar-alt"></i>
            XX/XX/XXXX
          </div>
          <div class="heure">
            <i class="fas fa-clock"></i>
            XXhXXmnXXs
          </div>
          <a class="lien-info-update" href="#" title="Détail de la mise à jours">
            <i class="fas fa-list-ul"></i>
            Dernière mise à jour du site le : XX/XX/XXXX
          </a>
          <a class="lien-site-proprietaire" href="#" title="Accès au site du propriétaire">
            <i class="fas fa-globe"></i>
            R.Participation Service
          </a>
          <a class="lien-site-webmaster" href="#" title="Accès au site du webmaster">
            <i class="fas fa-globe"></i>
            MWebmaster
          </a>
        </footer>
        <header class="header-position-size header-grid header-style">
          <h1 class="logo-header">
            RPS
          </h1>
          <h2 class="titre-header">
            GESTION DES ANOMALIE
          </h2>
          <h3 class="slogan-header">
            Ajout, édition, modification, supression des anomalies
          </h3>
    
        </header>
        <nav class="nav-position-size nav-style">
          <a href="index.php?page=./module-index/script-php-index/accueil.php" title="Retour vers l'accueil">
            Accueil
          </a>
          <a href="index.php?page=./module-index/script-php-index/teste.php" title="Déposer de nouvaux tickets d'anomales">
            Dépôt d'anomalie
          </a>
          <a href="#" title="Listes des tickets sauvegardés">
            Listes des anomalies sauvegardés
          </a>
        </nav>
        <section class="section-position-size section-grid section-style">
          <?php
          if (isset($_GET['page'])) {include($_GET['page']);}
          else {include("./module-index/script-php-index/accueil.php");}
          ?>
        </section>
      </body>
      <script type="text/javascript">
    function twPleinEcran(_element) { var monElement = _element||document.documentElement;
                                      if (document.mozFullScreenEnabled) { if (!document.mozFullScreenElement) { monElement.mozRequestFullScreen();
                                                                                                                 document.getElementById('plien-ecran').innerHTML='Désactiver le plein écran';}
                                                                           else { document.mozCancelFullScreen();
                                                                                  document.getElementById('plien-ecran').innerHTML='Activer le plein écran';}}
                                      if (document.fullscreenElement) { if (!document.fullscreenElement) { monElement.requestFullscreen();
                                                                                                           document.getElementById('plien-ecran').innerHTML='Désactiver le plein écran';}
                                                                        else { document.exitFullscreen();
                                                                               document.getElementById('plien-ecran').innerHTML='Activer le plein écran';}}
                                      if (document.webkitFullscreenEnabled) { if (!document.webkitFullscreenElement) { monElement.webkitRequestFullscreen();
                                                                                                                       document.getElementById('plien-ecran').innerHTML='Désactiver le plein écran';}
                                                                              else { document.webkitExitFullscreen();
                                                                                     document.getElementById('plien-ecran').innerHTML='Activer le plein écran';}}
                                      if (document.msFullscreenEnabled) { if (!document.msFullscreenElement) { monElement.msRequestFullscreen();
                                                                                                               document.getElementById('plien-ecran').innerHTML='Désactiver le plein écran';}
                                      else { document.msExitFullscreen(); document.getElementById('plien-ecran').innerHTML='Activer le plein écran';}}}
    </script>
    </html>

    Mais lorsque j’intègre de la façon suivant plus rien ne fonctionne.

    <!DOCTYPE html>
    <html dir="ltr" lang="fr">
      <head>
        <!-- Balises "Meta" -->
        <meta charset="utf-8"> <!-- Encodage du fichier -->
        <!-- Balises "link" -->
        <link href="./module-index/decoration-index/" rel="icon"> <!-- Icon du site -->
        <link href="./module-index/script-css-index/position-size-index.css" rel="stylesheet"> <!-- stylesheet "position et taille" des balises du fichier "index.php" -->
        <link href="./module-index/script-css-index/style-index.css" rel="stylesheet"> <!-- stylesheet "style" des balises du fichier "index.php" -->
        <!-- Balises "title" -->
        <title></title>
        <!-- Balises "script" -->
        <script src="https://kit.fontawesome.com/e045ea5814.js"></script>
      </head>
      <body class="body-grid body-style">
        <a class="a-position-size a-style" id="plien-ecran" href="#" onClick="twPleinEcran();" title="Activer ou Desactiver le plein écran">Activer le plein écran</a>
        <aside class="aside-position-size aside-grid aside-style">
          aside
        </aside>
        <footer class="footer-position-size footer-grid footer-style">
          <div class="date">
            <i class="fas fa-calendar-alt"></i>
            XX/XX/XXXX
          </div>
          <div class="heure">
            <i class="fas fa-clock"></i>
            XXhXXmnXXs
          </div>
          <a class="lien-info-update" href="#" title="Détail de la mise à jours">
            <i class="fas fa-list-ul"></i>
            Dernière mise à jour du site le : XX/XX/XXXX
          </a>
          <a class="lien-site-proprietaire" href="#" title="Accès au site du propriétaire">
            <i class="fas fa-globe"></i>
            R.Participation Service
          </a>
          <a class="lien-site-webmaster" href="#" title="Accès au site du webmaster">
            <i class="fas fa-globe"></i>
            MWebmaster
          </a>
        </footer>
        <header class="header-position-size header-grid header-style">
          <h1 class="logo-header">
            RPS
          </h1>
          <h2 class="titre-header">
            GESTION DES ANOMALIE
          </h2>
          <h3 class="slogan-header">
            Ajout, édition, modification, supression des anomalies
          </h3>
    
        </header>
        <nav class="nav-position-size nav-style">
          <a href="index.php?page=./module-index/script-php-index/accueil.php" title="Retour vers l'accueil">
            Accueil
          </a>
          <a href="index.php?page=./module-index/script-php-index/teste.php" title="Déposer de nouvaux tickets d'anomales">
            Dépôt d'anomalie
          </a>
          <a href="#" title="Listes des tickets sauvegardés">
            Listes des anomalies sauvegardés
          </a>
        </nav>
        <section class="section-position-size section-grid section-style">
          <?php
          if (isset($_GET['page'])) {include($_GET['page']);}
          else {include("./module-index/script-php-index/accueil.php");}
          ?>
        </section>
      </body>
      <script type="text/javascript" src="./module-index/script-javascript-index/activer-desactiver-plein-ecran.js"></script>
    </html>

    Je comprend pas pourquoi? 

    Merci d'avance pour votre aide.


    • Partager sur Facebook
    • Partager sur Twitter
    m.g.webmaster

    Exécuter un javascript avec un lien

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown