Javascript “onClick” événement ne fonctionne pas

J'ai cette ligne dans mon fichier php:

echo "<input type='button' id='showButton' value='show'  onclick='showOld()'>";

Le bouton est affiché, mais quand on clique dessus, rien ne se passe.

La fonction se trouve dans un fichier JS externe.
c'est la déclaration de la fonction:

Autres "onclick" les événements et les fonctions JS dans la page de travail.

    function showOld()
    {
    alert("njkh");
    var table = document.getElementById("showExp");
    var button = document.getElementById("showButton");
    if (table.style.display == "none")
    {
        table.style.display = "inline";
        button.value = "הסתר ניסויים ישנים";
    }
    else if (table.style.display == "inline")
    {
        table.style.display = "none";
        button.value = "הצג את כל הניסויים";
    }       
    }

console dit "ReferenceError: showOld n'est pas défini"

  • mise à jour du code...
  • Peut-être le Javascript qui est faux. Je ne vois rien de mal dans le HTML. Merci de poster le code JS ainsi. Ou faire tripoter dans le jsfiddle.com
  • Modifier la question pour ajouter votre code JavaScript pour la fonction showOld().
  • Où est le fichier JS externe inclus? Il devrait être inclus avant le bouton d'entrée de sorte que la fonction est disponible. Également vérifier votre orthographe. Si vous avez Firefox avec Firebug, ouvrez la console et de les actualiser pour voir si l'une des exceptions de se présenter.
  • ce n'est pas correct. showOld() ne sera pas appelé ou référencé jusqu'à ce que l'utilisateur clique dessus (parce que c'est passé comme une chaîne qui ne sera pas évalué jusqu'à ce que le clic) afin de ne pas avoir à être en avant de la touche input.
  • le problème est résolu quand j'ai déménagé de la déclaration à partir du bas vers un autre emplacement dans le fichier JS (???). néanmoins, sur IE, je reçois toujours "Erreur de l'Objet" message

InformationsquelleAutor itamar | 2011-08-30
  1. 2

    vous devez vous assurer que votre code mis à jour a été déployée.

    vous pouvez vérifier le code source html .

    et votre affiché le code n'a aucun problème.

    InformationsquelleAutor shenhengbin
  2. 1

    Essayer de l'ouverture de la console de firebug (ou chrome dev tools) et vérifier pour les erreurs de script.

    Vous devriez éviter d'écrire du javascript en ligne. Il est plus difficile de déboguer et de maintenir votre base de code. Je vous recommande de lire les articles suivants sur les événements javascript:

    Quirksmode - Début Des Gestionnaires D'Événements

    Quirksmode - événement Traditionnel modèle d'enregistrement

    Une citation de l'article:

    Bien que les événements en ligne d'enregistrement de modèle est ancien et fiable,
    il a un sérieux inconvénient. Il vous oblige à écrire du JavaScript
    code de comportement dans votre XHTML structure de la couche, où il n'appartient pas.

    InformationsquelleAutor Cristian Necula
  3. 1

    Essayer ensuite de vérifier pour les exceptions:

    <input type='button' id='showButton' value='show' onclick='javascript:alert(1);try{showOld()}catch(e){alert(e)}' />

    Et qu'est-ce exactement est affiché dans la console javascript (si disponible)?

    • salut. alert() est de travail, console dit "showOld" n'est pas défini.
    • Si la console est dit "showOld n'est pas défini" et showOld est définie et est chargé dans le navigateur: alors showOld est caché par la fermeture, par exemple: function() { function showOld(){} }. Mise à jour de votre post et ajouter showOld déclaration de fonction code.
    • le problème est résolu quand j'ai déménagé de la déclaration à partir du bas vers un autre emplacement dans le fichier JS.. (???)
    • Comme indiqué dans votre showOld code, votre .js-fichier contient des lettres hébraïques. Comment votre .js fichiers est codé (avec de l'utf-8 ou unicode ou autre?). Lorsque vous chargez .js fichiers avec SCRIPT ne vous spécifiez charset attribut?
    • je vous remercie pour votre aide. le jeu de caractères de l'attribut spécifié. maintenant sa fonctionne bien sur firefox, mais sous IE, j'obtiens "erreur de l'objet" du message.
    • Ouvrir IE développeurs fenêtre de l'outil (IE8+). Appuyez sur "Démarrer le débogage" bouton et vérifiez: que une ligne renvoie une erreur "erreur de l'objet" dans la console.

    InformationsquelleAutor Andrew D.
  4. 0

    D'abord, simplifier le problème, voir si la fonction suivante fonctionne.

    function showOld() {
alert('test');
}
    • j'ai essayé.. toujours pas de travail. console dit "showOld n'est pas défini"
    • Essayer de définir cette fonction à l'intérieur de '<body>' étiquette.
    InformationsquelleAutor Rufus