Discussion :

[Skyice7]

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 :

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

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?).
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

[sekaijin]

heu lire la doc de requirejs
qui sert à charger des scripts serais peut-être pas bête...

A+JYT

[SylvainPV]

Code :

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

1
2
3
4
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é");

Non, les scripts mettent du temps à se charger, c'est une opération asynchrone :

Code :

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

1
2
3
4
5
6
var mainScript=document.createElement('script');mainScript.type='text/javascript';
mainScript.src='http://yourjavascript.com/116841542/loadaloha.js';
myHead.appendChild(mainScript);
mainScript.onload = function(){
  console.log("mon script chargé");
}

requireJS que tu charges devrait te permettre de charger plus facilement en parallèle tous tes scripts tout en préservant le bon ordre d'exécution

[Skyice7]

En fait, un simple timer avec une condition suffisait.. ^^
Merci quand même pour vos réponses

[SylvainPV]

Un timer sera toujours soit trop en avance ou trop en retard par rapport au callback qui est fait pour ça.