Comment puis-je intégrer une applet Java dynamiquement avec Javascript?

Je veux être capable d'insérer un applet Java dans une page web de façon dynamique à l'aide d'une fonction Javascript qui est appelée lorsque le bouton est pressé. (Le chargement de l'applet sur la page de la charge ralentit les choses trop, gèle le navigateur, etc...), je suis en utilisant le code suivant qui fonctionne de manière transparente dans les FF, mais échoue sans erreur les messages dans IE8, Safari 4, Chrome et. Quelqu'un a une idée de pourquoi cela ne fonctionne pas comme prévu, et comment insérer dynamiquement une applet dans une manière qui fonctionne dans tous les navigateurs? J'ai essayé d'utiliser document.write() comme le suggère d'ailleurs, mais en l'appelant qu'une fois la page chargée des résultats dans la page effacée, qui n'est pas une option pour moi.

function createPlayer(parentElem)
{
    //The abc variable is declared and set here

    player = document.createElement('object');
    player.setAttribute("classid", "java:TunePlayer.class");
    player.setAttribute("archive", "TunePlayer.class,PlayerListener.class,abc4j.jar");
    player.setAttribute("codeType", "application/x-java-applet");
    player.id = "tuneplayer";
    player.setAttribute("width", 1);
    player.setAttribute("height", 1);

    param = document.createElement('param');
    param.name = "abc";
    param.value = abc;
    player.appendChild(param);

    param = document.createElement('param');
    param.name = "mayscript";
    param.value = true;
    player.appendChild(param);

    parentElem.appendChild(player);
}

source d'informationauteur Jonathan

3
```
document.write()
```
Va remplacer l'ensemble de votre document. Si vous souhaitez conserver le document, et vous voulez juste une applet ajoutée, vous aurez besoin de l'ajouter.
```
var app = document.createElement('applet');
app.id= 'Java';
app.archive= 'Java.jar';
app.code= 'Java.class';
app.width = '400';
app.height = '10';
document.getElementsByTagName('body')[0].appendChild(app);
```
Ce code permettra d'ajouter l'applet comme le dernier élément de la balise body. Assurez-vous que c'est courir après le DOM a traitées ou vous obtiendrez une erreur. Body OnLoad, ou jQuery prêt recommandé.
1

J'aurais suggéré de faire quelque chose comme ce que vous faites; je suis donc perplexe quant à pourquoi il ne fonctionne pas.

Voici un document qui ressemble assez d'autorité, venant de la bouche des chevaux. Il mentionne les particularités des différents navigateurs. Vous pouvez finir par avoir besoin de faire autre balise soupes pour les implémentations différentes.

Mais peut-être il ya quelque chose de magique dans l'applet/balises d'objet qui les maintient en cours de traitement si elle est insérée de façon dynamique. N'avoir plus de conseils d'expert, j'ai un fou de solution à vous proposer: Howzabout vous présenter l'applet sur une page différente, et de créer dynamiquement un IFRAME pour afficher la page correspondante dans l'espace de votre applet doit occuper? Les IFRAMEs sont un peu plus cohérente dans la syntaxe dans les navigateurs, et je serais surpris si ils étaient à l'échec de la même façon.

Peut-être que vous devriez utiliser votre navigateur outils de débogage pour regarder les DOM après vous remplacer dans votre applet nœud. Peut-être qu'il n'apparaissant pas à l'endroit où vous pensez qu'il est, ou pas avec la structure que vous pensez que vous êtes en train de créer. Votre code est OK pour moi, mais je ne suis pas très expérimenté avec la dynamique des applets.

Il y est une bibliothèque JavaScript pour cet effet:
http://www.java.com/js/deployJava.js

//launch the Java 2D applet on JRE version 1.6.0
//or higher with one parameter (fontSize)
<script src=
    "http://www.java.com/js/deployJava.js"></script>
<script>
    var attributes = {code:'java2d.Java2DemoApplet.class',
        archive:'http://java.sun.com/products/plugin/1.5.0/demos/plugin/jfc/Java2D/Java2Demo.jar',
        width:710, height:540} ;
    var parameters = {fontSize:16} ;
    var version = '1.6' ;
    deployJava.runApplet(attributes, parameters, version);
</script>

J'ai fait quelque chose de similaire à ce que Beachhouse suggéré. J'ai modifié le deployJava.js comme ceci:

writeAppletTag: function(attributes, parameters) {
    ...

    //don't write directly to document anymore
    //document.write(startApplet + '\n' + params + '\n' + endApplet);

    var appletString = startApplet + '\n' + params + '\n' + endApplet;
    var divApplet = document.createElement('div');

    divApplet.id = "divApplet";
    divApplet.innerHTML = appletString;
    divApplet.style = "visibility: hidden; display: none;";

    document.body.appendChild(divApplet);
}

Il a travaillé sur ok sur Chrome, Firefox et IE. Pas de problèmes jusqu'à présent.

J'ai essayé d'abord d'avoir un div déjà créé sur mon fichier html et juste définir ses innerHTML à la appletStringmais seulement IE ont été en mesure de détecter la nouvelle applet de façon dynamique. Insérez l'ensemble de la div directement à la body fonctionne sur tous les navigateurs.

0

Créer un nouvel élément applet et l'ajouter à un élément existant à l'aide de appendChild.
```
var applet = document.createElement('applet');
applet.id = 'player';
```
...
```
var param = document.createElement('param');
```
...
```
applet.appendChild(param);
document.getElementById('existingElement').appendChild(applet);
```
Aussi, assurez-vous que l'élément existant est visible, ce qui signifie que vous n'avez pas défini de css pour le cacher, sinon que le navigateur ne charge pas l'applet après l'utilisation de appendChild. J'ai passé trop d'heures à essayer de comprendre.

Cela a fonctionné pour moi:

//my js code
    var app = document.createElement('applet');
    app.code= 'MyApplet2.class';
    app.width = '400';
    app.height = '10';

    var p1 = document.createElement('param');
    p1.name = 'sm_UnwindType';
    p1.value='200';
    var p2 = document.createElement('param');
    p2.name = 'sm_Intraday';
    p2.value='300';

    app.appendChild(p1);
    app.appendChild(p2);

    var appDiv = document.getElementById('applet_div');
    appDiv.appendChild(app);

-----code html:

<div id="applet_div"></div>

Vous devez vous connecter pour publier un commentaire.