2016-12-21 3 views
-1

Iam nouveau en javascript, j'ai un script qui peut fonctionner quand je mets dans le pied de page avant le </ body> dans Wordpress, puis je vais convertir en javascript externe (fichier .js) mais quand je cours, ça ne marche pas. Comment résoudre ce problème?Comment créer un fichier Javascript externe (fichier .js)

Ce script est un pied de page et le travail,

function showMe() { 
    var x = document.getElementById("codeArea").value; 
    if (x.length == 0) { 
     document.getElementById("txtResponse").innerHTML = "empty"; 
     return; 
    } else { 
     var xmlhttp = new XMLHttpRequest(); 
     xmlhttp.onreadystatechange = function() { 
      if (this.readyState == 4 && this.status == 200) { 
       document.getElementById("txtResponse").innerHTML = this.responseText;    

       return; 
      } 
     } 
     xmlhttp.open("GET", "show.php?q="+x, true); 
     xmlhttp.send(); 
    } 

} 

Et ce que j'essaie de changer de javascript externe, par exemple: showMe.js

function showMe() { 
    'use strict'; 
    var x = document.getElementById("codeArea").value; 
    if (x.length === 0) { 
     document.getElementById("txtResponse").innerHTML = "empty"; 
     return; 
    } else { 
     var xmlhttp = new XMLHttpRequest(); 
     xmlhttp.onreadystatechange = function() { 
      if (this.readyState === 4 && this.status === 200) { 
       document.getElementById("txtResponse").innerHTML = this.responseText;    

       return; 
      } 
     }; 
     xmlhttp.open("GET", "show.php?q="+x, true); 
     xmlhttp.send(); 
    } 

} 

S'il vous plaît me donner la solution, merci

+1

S'il vous plaît montrer votre page html –

+0

que vous appelez la fonction qui est à l'intérieur du fichier ** ** après que le fichier a été inclus? –

+0

utilisez wp_enqueue_script pour ajouter le fichier js dans le pied de page, https://developer.wordpress.org/reference/functions/wp_enqueue_script/ –

Répondre

0

Dans votre fichier HTML, ajoutez un script Tag juste avant de fermer le corps:

<body> 
--Content-- 
    <script src="dir/showMe.js"></script> 
</body> 

Et la prochaine fois que pls ajouter votre fichier HTML, il est très important.

0

Il serait utile si vous mettez l'extrait dans votre message. De toute façon, essayez d'inclure le fichier js juste au-dessus de la balise de fermeture du corps, c'est-à-dire la balise </body> dans le fichier HTML.

<html> 
... 
<body> 
. 
. 
. 
<script type="text/javascript" src="showMe.js"></script> 
</body> 
0

Retirez la ligne

'use strict' 

et essayez à nouveau.

0
if you converting your js code into a file then follow steps:- 

1.put the file into your theme js directory 

2. the call into footer file like this one 

    <script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/showMe.js"></script> 

before closing tag of </body> 

Thanks