[XUL] Problème Overlay Dynamique

Version imprimable

20/05/2008, 11h34
Polyfernal

[XUL] Problème Overlay Dynamique

Bonjour,

Je suis un "nouveau développer" /* hé oui, il faut bien commencer un jour ^^*/, je souhaiterais ajouter des boutons a cet endroit:
http://img441.imageshack.us/img441/5...rlaypm7.th.jpg

J'ai pour but de faciliter l'ajout des pages web dans les marques pages, néanmoins, ce système d'overlay dynamique est tout nouveau est je n'arrove pas à placer mes boutons... :(

Aurez-vous une idée, un tutoriel sur les overlay dynamiques, un bout de code, une remarque, etc etc ^^

Merci d'avance!

Polyfernal
21/05/2008, 08h36
Christophe Charron

Bonjour,
si c'est en remote, vous pouvez peut-être vous inspirer de cet exemple http://test03.christophe-charron.org...8_22/demo3.xul

Merci pour le lien, je vais m'y intéresser ;)

Je m'étais plus orienté vers la capture de l'overlay grâce à "MutationEvent".
J'arrive à capter l'ouverture de l'overlay principal mais je n'arrive pas à spécifier le "editBMPanel_tagsSelector" ...

Voici un test que j'effectue pour exemple:
dans browser-overlay.xul :

Code:

1
2
3
4
<!-- ... -->
<script id="listenerOverlayDynamique" insertafter="editBMPanel_tagsSelector" type="application/x-javascript" src="chrome://handytag/content/ht-overlay.js" observes="paneElementsBroadcaster" />
 
</overlay>

dans ht-overlay.js:

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
// ...
function testMutationEvent(){
 
	var mutEv;
	if(window.parent.myBBComposerManager && window.parent.myBBComposerManager.focusedBBComposer && window.parent.myBBComposerManager.focusedBBComposer.editor.contentDocument){
		mutEv = window.parent.myBBComposerManager.focusedBBComposer.editor.contentDocument.createEvent("MutationEvents");
	}
	else if(window.parent.getBrowser().contentDocument && window.parent.getBrowser().contentDocument.body){
			mutEv = window.parent.getBrowser().contentDocument.createEvent("MutationEvents");
		}
 
	mutEv.initMutationEvent("DOMContentLoaded", true, true, document.getElementById("editBookmarkOverlay"), "", "", "", 0);
	document.dispatchEvent(mutEv);
 
	alert(mutEv.attrChange);
}
 
function ListenerMutationEvent(){
 
	alert("ListenerMutationEvent");
	window.removeEventListener("load",ListenerMutationEvent,false);
	var BookOverlay;
	BookOverlay = document.getElementById("editBookmarkPanel");
 
	BookOverlay.addEventListener("load", testMutationEvent, true);
 
}
 
window.addEventListener("load",ListenerMutationEvent,false);

23/05/2008, 09h23
Polyfernal
Bonjour,

J'ai légèrement avancé. J'ai découvert que l'overlay "editBookmarkOverlay" se lance en même temps que l'ouverture de la fenêtre principal, et non lorsque l'on clik sur "la petite étoile".

j'essaye donc toujours d'ajouter un bouton sans grand résultat, je dois l'avouer...
Code:

1 2 <script insertafter="editBookmarkOverlay" type="application/x-javascript" src="chrome://handytag/content/ht-overlay.js"/> <button label="test" onclick="ListenerMutationEvent();"/>
Un peu d'aide ne serait pas de refus. Merci
06/06/2008, 10h18
Polyfernal

Re,
Voila voila, mon extension en est à la phase Béta 1! :king:
Je vous invite donc sur son site, et bien sûr à la télécharger!
Mais surtout, n'oubliez pas de laisser vos remarques! (constructives comme toujours :aie:)

Polyfernal