charger aloha dynamiquement [Résolu]

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.

Sharcoux · 26/07/2011, 13h29

aucune idée pour loader et excuter du javascript en ajax?

p3ga5e · 26/07/2011, 18h14

Code :

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

eval(xhr.responseText)

Sharcoux · 01/08/2011, 14h59

stylé !

Ca marche impec.

Enfin, en tout cas, l'équivalent jQuery marche

SpaceFrog · 01/08/2011, 16h32

Code :

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

eval(xhr.responseText)

quelle horreur !

regarde plutot du coté de data type script

Sharcoux · 01/08/2011, 16h43

Non SpaceFrog. Ca ne suffit pas : le js n'est pas exécuté

SpaceFrog · 01/08/2011, 16h48

alors getScript()

mais surtout pas eval !!!!

http://api.jquery.com/jQuery.getScript/

Sharcoux · 01/08/2011, 17h00

Citation:

mais surtout pas eval !!!!

euh... ok... pourquoi? ^^'

22/07/2011, 20h04	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 797 Points : 35 797	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. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

26/07/2011, 18h14	#6
p3ga5e Membre régulier Inscription : octobre 2010 Messages : 65 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 65 Points : 87 Points : 87	Code : Sélectionner tout - Visualiser dans une fenêtre à part eval(xhr.responseText)
	00

01/08/2011, 16h32	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	Code : Sélectionner tout - Visualiser dans une fenêtre à part eval(xhr.responseText) quelle horreur ! regarde plutot du coté de data type script __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

01/08/2011, 16h48	#10
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	alors getScript() mais surtout pas eval !!!! http://api.jquery.com/jQuery.getScript/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

22/07/2011, 19h09	#2
p3ga5e Membre régulier Inscription : octobre 2010 Messages : 65 Détails du profil Informations forums : Inscription : octobre 2010 Messages : 65 Points : 87 Points : 87	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 ?
	00

25/07/2011, 14h48	#4
Sharcoux Membre habitué Étudiant Inscription : mai 2011 Messages : 226 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2011 Messages : 226 Points : 126 Points : 126	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.
	00

26/07/2011, 13h29	#5
Sharcoux Membre habitué Étudiant Inscription : mai 2011 Messages : 226 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2011 Messages : 226 Points : 126 Points : 126	aucune idée pour loader et excuter du javascript en ajax?
	00

01/08/2011, 14h59	#7
Sharcoux Membre habitué Étudiant Inscription : mai 2011 Messages : 226 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2011 Messages : 226 Points : 126 Points : 126	stylé ! Ca marche impec. Enfin, en tout cas, l'équivalent jQuery marche
	00

01/08/2011, 16h43	#9
Sharcoux Membre habitué Étudiant Inscription : mai 2011 Messages : 226 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2011 Messages : 226 Points : 126 Points : 126	Non SpaceFrog. Ca ne suffit pas : le js n'est pas exécuté
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email