IPython: Ajout de scripts Javascript pour IPython notebook

Comme une partie d'un projet, j'ai besoin de embedd certains javascripts à l'intérieur d'un IPython module.
C'est ce que je veux faire:

from IPython.display import display,Javascript
Javascript('echo("sdfds");',lib='/home/student/Gl.js')

Mon Gl.js on dirait que cette

function echo(a){
alert(a);
}

Est-il un moyen pour que je puisse intégrer "Gl.js" et d'autres scripts externes à l'intérieur de l'ordinateur portable, de sorte que je n'ai pas à les inclure comme 'lib' argument à chaque fois que j'essaie d'exécuter du code Javascript qui nécessite à la bibliothèque.

OriginalL'auteur Tarun Gaba | 2013-05-31

  1. 7

    Comme une solution à court terme, vous pouvez faire usage de la IPython display() et HTML() fonctions d'injecter du code JavaScript dans la page.

    from IPython.display import display, HTML
js = "<script>alert('Hello World!');</script>"
display(HTML(js))

    Bien que je ne recommandons pas ce sur l'officiel custom.js méthode, je ne la trouvent parfois utile de tester rapidement de quelque chose ou de générer dynamiquement un petit bout de code JavaScript.

    Peut-on changer le js chaîne ici pour charger externe .js fichiers?
    Vous pouvez également changer en js = """ <script type='text/javascript' src='./my_toc/test2.js " ></script> """ HTML(js), de sorte que vous pouvez charger externe, fichiers js.

    OriginalL'auteur Alex

  2. 3

    Pas hors de la boîte par l'installation d'un paquet, au moins pour l'instant.
    La façon de le faire est d'utiliser custom.js et jQuery getScript pour injecter le js dans le cahier.

    J'ai choisi de rester vague sur la façon de le faire, que c'est un dev fonctionnalité de changer de temps en temps.

    Ce que vous devez savoir est que le static dossier de profil utilisateur est merged avec serveur web statique actif vous permettant d'accéder à tous les fichiers qui sont dans ce dossier en demandant le droit d'url.

    Aussi cette question a été posée il y a quelques heures sur IPython vidéo hebdomadaire "laboratoire de réunion" diffusée en direct et disponible sur youtube (vous pouvez avoir plus de réponse), j'ai ouvert la discussion avec l'auteur de la question ici

    Là où j'ai besoin de stocker mon script "Gl.js" pour l'utilisation de getScript(). 'Javascript("'$.getScript("Gl.js");"') " Elle donne une erreur 404
    Chemin d'accès Exact et de l'instruction dépend de la version de IPython vous êtes en cours d'exécution. Et qui serait $.getScript("static/Gl.js") et ~/.ipython/profile_default/static/[custom]/GI.js. Je suggère de faire une recherche pour IPython custom.js, demander/de recherche sur ml/hipchat, parce que j'ai peur stackoverflow sera un peu trop limitatif pour vous donner toutes les explications nécessaires.
    que mauvais moment, lorsque vous ne peut pas trouver l'explication sur stackoverflow ..
    Le problème est ici que l'explication serait beaucoup trop long, et sous réserve de modification, difficile de code embed...etc. Nous pouvons en discuter sur IPython ML ou gihtub le bugtracker, ou sur votre repo s'il est hébergé n'importe où avec le bug tracker.
    Ainsi, j'ai eu une conversation avec mon mentor, et lui ou moi-même serait de poster sur IPython ML ..petite quantité de la recherche et de itcomes hors thatthis est l'un des sujets brûlants dans le IPython dev

    OriginalL'auteur Matt

  3. 3

    Je me bats avec ce problème depuis plusieurs jours maintenant, voici quelque chose qui ressemble à des œuvres; l'acheteur méfiez-vous si, c'est un minimum de solution de travail, et ce n'est ni joli ni optimale - une meilleure solution serait la bienvenue!

    Tout d'abord, dans .ipython/<profile>/static/custom/myScript.js, nous faisons un peu require.js magie:

    define(function(){

    var foo = function(){
            console.log('bar');
        }

    return {
        foo : foo
    }
});

    Copier ce modèle pour aussi de nombreuses fonctions que vous désirez. Puis, dans .ipython/<profile>/static/custom/custom.js, faites glisser ces dans quelque chose de persistant:

    $([IPython.events]).on('notebook_loaded.Notebook', function(){

    require(['custom/myScript'], function(custom){
        window.foo = custom.foo;
    } );

});

    Oui, je suis une horrible personne pour jeter des trucs sur la fenêtre de l'objet, de l'espace de noms des choses que vous jugez appropriée. Mais maintenant, dans le cahier, une cellule comme

    %%javascript

foo();

    faire exactement ce que cela semble comme il se doit, sans que l'utilisateur ait explicitement importer vos JS. J'aimerais voir une solution plus simple pour cela (plz devs peuvent nous plz ont $.getScript('/static/custom/util.js'); dans custom.js pour charger un tas de global JS fonctions) - mais c'est le meilleur que j'ai eu pour l'instant. Ce chant et de la danse de côté, d'ÉNORMES ups pour la IPython notebook de l'équipe, c'est une formidable plate-forme!

    OriginalL'auteur Bill Mills

  4. 3

    L'incorporation de D3 dans un IPython Notebook

    Pour résumer le code.

    Importer le script:

    %%javascript
require.config({
  paths: {
      d3: '//cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min'
  }
});

    Ajouter un élément comme ceci:

    %%javascript
element.append("<div id='chart1'></div>");

    Ou ceci:

    from IPython.display import Javascript
#runs arbitrary javascript, client-side
Javascript("""
           window.vizObj={};
           """.format(df.to_json()))

    IPython Notebook: Javascript/Python Communication Bi-directionnelle

    Un plus vaste post expliquant comment accéder à Python variables en JavaScript et vice versa.

    OriginalL'auteur Anton Tarasenko

  5. 0

    Pour une raison quelconque, j'ai des problèmes avec IPython.d'affichage.Le Javascript. Ici est mon alternative, qui permet de traiter à la fois l'importation externe .js fichiers et l'exécution de code personnalisé:

    from IPython.display import display, HTML

def javascript(*st,file=None):
    if len(st) == 1 and file is None:
        s = st[0]
    elif len(st) == 0 and file is not None:
        s = open(file).read()
    else:
        raise ValueError('Pass either a string or file=.')
    display(HTML("<script type='text/javascript'>" + s + "</script>"))

    Utilisation est la suivante:

    javascript('alert("hi")')
javascript(file='Gl.js')
javascript('echo("sdfds")')

    OriginalL'auteur Ben Mares