Chargement avec Bookmarklet
Bonjour à tous,
Je suis un développeur web débutant et je cherche à faire un bookmarklet permettant l'édition de n'importe quelle page web en utilisant un éditeur Full HTML (Aloha Editor dans mon cas).
Voici le code du Bookmarklet. (Je ne vois pas d'erreur dedans ^^)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
javascript:
(function(){
var myHead=document.getElementsByTagName('head')[0];
var scriptRequire=document.createElement('script');
scriptRequire.type='text/javascript';
scriptRequire.src='http://cdn.aloha-editor.org/latest/lib/require.js';
myHead.appendChild(scriptRequire);
var scriptjQuery=document.createElement('script');
scriptjQuery.type='text/javascript';
scriptjQuery.src='http://cdn.aloha-editor.org/latest/lib/vendor/jquery-1.7.2.js';
myHead.appendChild(scriptjQuery);
var scriptConfig=document.createElement('script');
scriptConfig.type='text/javascript';
scriptConfig.src='http://yourjavascript.com/15265921574/aloha-config.js';
myHead.appendChild(scriptConfig);
console.log("config allright");
var scriptAloha = document.createElement('script');
scriptAloha.setAttribute("data-aloha-plugins", "common/ui,
common/format,
common/table,
common/list,
common/link,
common/highlighteditables,
common/block,
common/undo,
common/contenthandler,
common/paste,
common/commands,
common/abbr,
common/image
");
scriptAloha.src='http://cdn.aloha-editor.org/latest/lib/aloha.js';
myHead.appendChild(scriptAloha);
var linkAloha = document.createElement('link');
linkAloha.type="text/css";
linkAloha.rel="stylesheet";
linkAloha.href='http://cdn.aloha-editor.org/latest/css/aloha.css';
myHead.appendChild(linkAloha);
var basicAlohaScript = document.createElement('script');
basicAlohaScript.type="text/javascript";
basicAlohaScript.textContent="Aloha.ready( function() { var $ = Aloha.jQuery; $('.editable').aloha(); });";
myHead.appendChild(basicAlohaScript);
var mainScript=document.createElement('script');
mainScript.type='text/javascript';
mainScript.src='http://yourjavascript.com/116841542/loadaloha.js';
myHead.appendChild(mainScript);
console.log("mon script chargé");
var saveScript=document.createElement('script');
saveScript.type='text/javascript';
saveScript.src='http://yourjavascript.com/464491528/aloha-save.js';
myHead.appendChild(saveScript);
console.log("script de sauvegarde chargé");
}
)(); |
Seulement, le premier lien (require.js) se charge de façon asynchrone et mes scripts personnels ne se chargent pas car mes fonctions dépendantes de Aloha ne peuvent pas se charger. (Mes fonctions sont en .ready et doivent se charger correctement pourtant?). 8O
Par contre, si j'appuie une deuxième fois, le chargement se fait correctement.
Comment faire alors pour "dire" à mes scripts de se charger plus tard et d'attendre la fin du chargement du require.js?
Auriez-vous des solutions à proposer ?
Merci d'avance :mrgreen:
