L'ajout de JavaScript externe de la bibliothèque de Projet Eclipse?

Lors de l'ajout d'un JavaScript externe de la bibliothèque à un projet Eclipse devrais-je ajouter de la .fichier js (d3.v2.js), ou le tarballed maître tiré à partir de Github?

Google me dit d'une recherche sur Google. Ultérieure Lunettes de me rappeler de la nécessité d'une recherche sur Google.


Arborescence de répertoire:

.
 |-build
 |---classes
 |-src
 |-WebContent
 |---foo.html
 |---META-INF
 |---WEB-INF
 |-----lib
 |---d3
 |-----d3.v2.js

Chemin relatif à partir de foo.html pour d3.v2.js devrait être: "../d3/d3.v2.js"

  • Mais, c'est peut-être pas. Je ne sais pas.
  • Chaque fois que je le référence d3.v2.js à partir de foo.html rien ne se passe. Par rien ne se passe, je veux dire rien de visuellement s'affiche dans le navigateur, ce qui suggère que d3.js même existe.

À "ajouter" d3.v2.js pour Eclipse, j'ai pris les mesures suivantes:

  1. Foo -> New -> Fichier Source JavaScript -> Avancé> Lien vers un Fichier dans le système de fichier -> /home/tyler/workspace/foo/d3/d3.v2.js
  2. Essayé 5 chemins différents. Aucun d'entre eux travaillaient (avez-vous de l'utilisation relative, absolue?)
    • src="/home/tyler/workspace/Foo/d3/d3.v2.js"
    • src="../d3/d3.v2.js"
    • src="/Foo/d3/d3.v2.js"
    • src="d3.v2.js"
  3. Donc, j'ai supprimé la référence à d3.v2.js dans Eclipse et tenté d'ajouter qu'une bibliothèque.
  4. Foo -> JavaScript Ressources -> Ajouter une Bibliothèque JavaScript -> Bibliothèque Utilisateur de Configurer l'Utilisateur des Bibliothèques -> New -> "D3" -> Ajouter .fichier js -> d3.v2.js (emplacement suivant: /home/tyler/espace de travail/Snotra/d3
  5. Essayé un tas de chemins.
    • src="d3.v2.js"
    • src="../d3/d3.v2.js"
    • src="/Foo/d3/d3.v2.js"
      1. Rincer, répéter.

Des idées? Je sais que c'est vraiment facile, mais je n'arrive pas à comprendre les principes fondamentaux de l'ajout de bibliothèques JavaScript pour Eclipse.

foo.html

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html" charset="utf-8" />
            <title>Tyler J. Fisher</title>
            <link rel="stylesheet" href="master.css" />
        <script type="text/javascript" src="../d3/d3.v2.js"></script>
    </head>

    <body>
         <section id="foo_view">
            <script type="text/javascript">
                            document.write("test"); <!--Works-->
                var dataset[1,2,3,4,5];
                d3.select("body").selectAll("p") <!--Doesn't work-->
                    .data(dataset)
                    .enter()
                    .append("p")
                    .text("RABBLE");
        </script>
     </section>
    </body>
</html>

document.write("test"); les œuvres.

L'd3.js code qui ne fonctionne pas.

Donc (peut-être):

  • Le chemin relatif doit être à l'arrêt (ou j'ai peut-être utiliser des chemins absolus)
  • Tomcat6 n'est pas de servir de JavaScript correctement (dû à une erreur humaine)
  • Eclipse n'est pas de servir de JavaScript correctement (dû à une erreur humaine)

OriginalL'auteur | 2012-11-18