charger aloha dynamiquement

**Sharcoux** · 22/07/2011, 17h33

Bonjour,

Je ne sais pas trop où poser ma question, donc j'espère que c'est le bon forum.

J'essaie d'utiliser Aloha Editor dans un projet, mais je n'arrive pas à le charger de façon dynamique. Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<script type="text/javascript" src="/test/aloha/aloha/aloha.js"></script>
<script type="text/javascript" src="/test/aloha/aloha/plugins/com.gentics.aloha.plugins.Format/plugin.js"></script>

marche parfaitement, alors que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var includeJS = function(file) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = file;
    document.getElementsByTagName('head')[0].appendChild(script)
};
var init = function() {
	includeJS("/test/aloha/aloha/aloha.js");
	includeJS("/test/aloha/aloha/plugins/com.gentics.aloha.plugins.Format/plugin.js");
};
 
window.onload=init;

ne marche pas du tout.
n'importe quel $("#content").aloha() renvoie - $("#content").aloha is not a function - dans le meilleur des cas.

Si quelqu'un a une idée...Merci !

(pour ceux qui se questionneraient sur le html, je vous mets le body)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
</script>
</head>
<body>
 
<div id="content">
test
</div>
</body>

**p3ga5e** · 22/07/2011, 19h09

je connais tres peu l'environment des navigateurs, je peux donc dir des conneries
si j'ai bien compris tu modifi ton document Html apres l'avoir chargé (evenement onload) en lui inserant des balises <script>, étrange mais au meilleur des cas cela ne peut que déclencher un chargement asynchrone des tes scripts!
non ? il te manquerait donc un evenement t'indiquant que ces scripts ont bien été evalués !

ce serait plus facile avec une requete AJAX ! non ?

**Bovino** · 22/07/2011, 20h04

Au vu de la syntaxe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#content").aloha()

j'imagine que tu utilises jQuery et donc très probablement l'événement ready().
Or ready() est lancé dès que le DOM est construit (événement DOMContentLoaded), donc en particulier avant l'événement load. Donc il y a fort à parier qu'effectivement, lorsque tu veux utiliser le script, celui-ci n'ai pas encore été intégré à la page

Ceci dit, il n'y a pas d'intérêt à procéder ainsi, le but de ce type de chargement est de pouvoir se faire de façon asynchrone, tu n'as donc aucunement besoin d'attendre le load de la page, place l'appel juste avant la fermeture du head et ça devrait être bon.
Ou même, place un gestionnaire d'événement sur le load du script (ou sur le onreadystatechange pour certaines versions de IE) pour initialiser l'utilisation, ce sera probablement mieux.

**Sharcoux** · 25/07/2011, 14h48

Merci pour les réponses. Lorsque je charge une page js avec ajax, celle-ci est exécutée ? ou dois-je mettre quelque chose dans le success?
edit: après test, la requête ajax ne semble pas exécuter le javascript. Y a-t-il quelque chose de particulier à faire?

En fait, le window.onload est là juste pour recréer le context d'utilisation. Dans la vraie version, j'aimerais charger l'éditeur à la demande de l'utilisateur. J'aurai en fait un onclick=init.