Nous sommes le Mer 09 Juil, 2025 01:13
Supprimer les cookies

Page 2 sur 3Précédent 1, 2, 3 SuivantInterface et Drag-and-Drop

Image Image Forum dédié à notre projet de clé USB nomade libre sous Windows

Mar 06 Mai, 2008 18:22

Ce qui me conduit a la question suivante : le moteur Gecko est contenu dans la Framakey ou utilise t il celui de mon Firefox ?

La question me semble idiote puisque j'ai appris que la Framakey est basée sur K-méléon.

Le moteur Gecko de la Framakey serait il dépassé ? ou tout du moins plus a jour ?

Si c'est le cas, comment le mettre à jour ?
Neiyo

Messages : 62
Géo : Carpentras

Mar 06 Mai, 2008 18:42

Le logiciel qui permet d'afficher le Kiosk est K-Meleon. Le moteur de rendu de celui-ci est Gecko.
En fait Gecko est une partie du code de K-Meleon et Firefox, pas une application a part entière.
Ce qu'est XULRunnner qui est déjà utilisé dans Second Life et Songbird par exemple.
Sauf mention contraire, le message ci-dessus, ses erreurs et ses fautes d'orthographes n'engagent que son auteur.
Tuxmouraille

Messages : 1044

Mer 07 Mai, 2008 15:41

La question qui se pose est donc : puis je remplacer le moteur Gecko de la Framakey par XULRunner ?
Neiyo

Messages : 62
Géo : Carpentras

Mer 07 Mai, 2008 18:02

Neiyo a écrit:La question qui se pose est donc : puis je remplacer le moteur Gecko de la Framakey par XULRunner ?

Je ne sais pas, je suis en train de voir ça.
Sauf mention contraire, le message ci-dessus, ses erreurs et ses fautes d'orthographes n'engagent que son auteur.
Tuxmouraille

Messages : 1044

Mer 07 Mai, 2008 18:09

Tiens moi au courant parce que je suis entrain de travailler sur le développement de l'interface (moteur de recherche google intégré, multi bureau ...) mais sans Drag-and-Drop, ca sera un peu fade et un peu lent à utiliser.
Neiyo

Messages : 62
Géo : Carpentras

Ven 09 Mai, 2008 15:38

Tuxmouraille a écrit:
Neiyo a écrit:La question qui se pose est donc : puis je remplacer le moteur Gecko de la Framakey par XULRunner ?

Je ne sais pas, je suis en train de voir ça.


Tant qu'a revoir le moteur il serait bon de voir si on peut rajouter la possiblité pour l'interface de gérer des onglets (qui serait comme les fenetres classiques) et permettraient de conserver des applications (pas des logiciels portables) ouvertes.
Neiyo

Messages : 62
Géo : Carpentras

Ven 16 Mai, 2008 17:24

Je viens de trouver un script de Drag-and-Drop adapté pour les iframes (qui serait très pratique pour l'interface) mais il ne fonctionne pas.

Je pense que cette fonctionnalité est désactivée dans l'interface. J'aimerais votre avis sur ce point et que quelqu'un de plus calé que moi en javascript regarde le code suivant, l'explication y est peut etre.

Code: Tout sélectionner
// HISTORY
// ------------------------------------------------------------------
// Jan 23, 2004: Fixed problems which caused the script not to work in
//               some framed situations. Improved browser support.
//               Added easier "addHandle" implentation.
// May 25, 2003: Added better event position detection, added caching
//               of IFRAME object references to avoid lookups. Added
//               'move' cursor to handles.
// May 24, 2003: Updated to fix bug with Netscape 7.x
// May 23, 2003: Created
/*
DESCRIPTION: The purpose of this library is to allow IFRAME objects to be
dragged around the screen in the same way that popup windows or draggable
DIV tags are often used. Since IFRAME objects always cover form objects,
this makes an ideal solution for a simulated "popup window" on a page with
form objects.

COMPATABILITY: Tested successfully with IE 6.x, Netscape 6.2, 7.x, and
Mozilla 1.3. Since this script uses IFRAME objects and DHTML heavily,
cross-browser compatability is a goal but there may be some quirks in
various browser versions.

USAGE:
1) Include the source file in your main document which contains the IFRAME
   tags. Make sure each iframe has a unique "ID" attribute. For best browser
   compatability, also include a "NAME" attribute in the IFRAME tag that
   has the same value as the "ID" attribute.
   
2) In the document content of each IFRAME which will be draggable, , do two
   things:
   a) Include the dragiframe.js file in the source
   b) add this code to the <BODY> tag:
   onLoad="addHandle(document.getElementById('toolbar'), window);"
   Where 'toolbar' is the ID of an element on the page which should be the 'handle'
   by which the IFRAME should be dragged (like a toolbar at the top).
   If you want the IFRAME to be draggable by clicking anywhere in the IFRAME
   document, use:
   onLoad="addHandle(document.getElementsByTagName('body').item(0), window);"
   
   NOTE: The code will automatically look up the window.parent tree to find a
   parent document with draggable iframes enabled. It will attach itself to the
   first document it finds, allowing it to work within a framed environment.

In your parent document (containing the IFRAMEs), you may set a couple of options:

// Set to true to always bring the selected IFRAME to the "top" of the zIndex.
// Defaults to false
bringSelectedIframeToTop(true|false);

// Set to true to allow IFRAME objects to be dragged off the screen. This may
// make the handle be no longer reachable by the mouse, causing the IFRAME to
// be stranded.
// Defaults to false
allowDragOffScreen(true|false);

// You may manually set this variable to define the highest zIndex used in
// your main document. This is used to determine what zIndex to give an IFRAME
// if it is selected and "bringSelectedIframeToTop" is set to true.
// Defaults to 99.
DIF_highestZIndex=4;

NOTES:
1) If you have defined onmousedown or onmouseup event handlers for your "handle"
   object in the IFRAME, they will be over-written.
2) If you have defined an onmousemove handler in either the main document or
   the IFRAME document, they will be over-written.
3) All <IFRAME> objects must have an ID!
*/
bringSelectedIframeToTop(true);

// Variables used for "Draggable IFrame" (DIF) functions
var DIF_dragging=false;
var DIF_iframeBeingDragged="";
var DIF_iframeObjects=new Object();
var DIF_iframeWindows=new Object();
var DIF_iframeMouseDownLeft = new Object();
var DIF_iframeMouseDownTop = new Object();
var DIF_pageMouseDownLeft = new Object();
var DIF_pageMouseDownTop = new Object();
var DIF_handles = new Object();
var DIF_highestZIndex=99;
var DIF_raiseSelectedIframe=false;
var DIF_allowDragOffScreen=false;

// Set to true to always raise the dragged iframe to top zIndex
function bringSelectedIframeToTop(val) {
   DIF_raiseSelectedIframe = val;
   }
   
// Set to try to allow iframes to be dragged off the top/left of the document
function allowDragOffScreen(val) {
   DIF_allowDragOffScreen=val;
   }

// Method to be used by iframe content document to specify what object can be draggable in the window
function addHandle(o, win) {
   if (arguments.length==2 && win==window) {
      // JS is included in the iframe who has a handle, search up the chain to find a parent window that this one is dragged in
      var p = win;
      while (p=p.parent) {
         if (p.addHandle) { p.addHandle(o,win,true); return; }
         if (p==win.top) { return; } // Already reached the top, stop looking
         }
      return; // If it reaches here, there is no parent with the addHandle function defined, so this frame can't be dragged!
      }
   var topRef=win;
   var topRefStr = "window";
   while (topRef.parent && topRef.parent!=window) {
      topRef = topRef.parent;
      topRefStr = topRefStr + ".parent";
      }
   // Add handlers to child window
   if (typeof(win.DIF_mainHandlersAdded)=="undefined" || !win.DIF_mainHandlersAdded) {
      // This is done in a funky way to make Netscape happy
      with (win) {
         eval("function OnMouseDownHandler(evt) { if(typeof(evt)=='undefined'){evt=event;}"+topRefStr+".parent.DIF_begindrag(evt, "+topRefStr+") }");
         eval("document.onmousedown = OnMouseDownHandler;");
         eval("function OnMouseUpHandler(evt) { if(typeof(evt)=='undefined'){evt=event;}"+topRefStr+".parent.DIF_enddrag(evt, "+topRefStr+") }");
         eval("document.onmouseup = OnMouseUpHandler;");
         eval("function OnMouseMoveHandler(evt) { if(typeof(evt)=='undefined'){evt=event;}"+topRefStr+".parent.DIF_iframemove(evt, "+topRefStr+") }");
         eval("document.onmousemove = OnMouseMoveHandler;");
         win.DIF_handlersAdded = true;
         win.DIF_mainHandlersAdded = true;
         }
      }
   // Add handler to this window
   if (typeof(window.DIF_handlersAdded)!="undefined" || !window.DIF_handlersAdded) {
      eval("function OnMouseMoveHandler(evt) { if(typeof(evt)=='undefined'){evt=event;}DIF_mouseMove(evt, window) }");
      eval("document.onmousemove = OnMouseMoveHandler;");
      window.DIF_handlersAdded=true;
      }
   o.style.cursor="move";
   var name = DIF_getIframeId(topRef);
   if (DIF_handles[name]==null) {
      // Initialize relative positions for mouse down events
      DIF_handles[name] = new Array();
      DIF_iframeMouseDownLeft[name] = 0;
      DIF_iframeMouseDownTop[name] = 0;
      DIF_pageMouseDownLeft[name] = 0;
      DIF_pageMouseDownTop[name] = 0;
      }
   DIF_handles[name][DIF_handles[name].length] = o;
   }

// Generalized function to get position of an event (like mousedown, mousemove, etc)
function DIF_getEventPosition(evt) {
   var pos=new Object();
   pos.x=0;
   pos.y=0;
   if (!evt) {
      evt = window.event;
      }
   if (typeof(evt.pageX) == 'number') {
      pos.x = evt.pageX;
      pos.y = evt.pageY;
   }
   else {
      pos.x = evt.clientX;
      pos.y = evt.clientY;
      if (!top.opera) {
         if ((!window.document.compatMode) || (window.document.compatMode == 'BackCompat')) {
            pos.x += window.document.body.scrollLeft;
            pos.y += window.document.body.scrollTop;
         }
         else {
            pos.x += window.document.documentElement.scrollLeft;
            pos.y += window.document.documentElement.scrollTop;
         }
      }
   }
   return pos;
}

// Gets the ID of a frame given a reference to a window object.
// Also stores a reference to the IFRAME object and it's window object
function DIF_getIframeId(win) {
   // Loop through the window's IFRAME objects ***spam*** a matching window object
   var iframes = document.getElementsByTagName("IFRAME");
   for (var i=0; i<iframes.length; i++) {
      var o = iframes.item(i);
      var w = null;
      if (o.contentWindow) {
         // For IE5.5 and IE6
         w = o.contentWindow;
         }
      else if (window.frames && window.frames[o.id].window) {
         w = window.frames[o.id];
         }
      if (w == win) {
         DIF_iframeWindows[o.id] = win;
         DIF_iframeObjects[o.id] = o;
         return o.id;
         }
      }
   return null;
   }

// Gets the page x, y coordinates of the iframe (or any object)
function DIF_getObjectXY(o) {
   var res = new Object();
   res.x=0; res.y=0;
   if (o != null) {
      res.x = o.style.left.substring(0,o.style.left.indexOf("px"));
      res.y = o.style.top.substring(0,o.style.top.indexOf("px"));
      }
   return res;
   }

// Function to get the src element clicked for non-IE browsers
function getSrcElement(e) {
   var tgt = e.target;
   while (tgt.nodeType != 1) { tgt = tgt.parentNode; }
   return tgt;
   }

// Check if object clicked is a 'handle' - walk up the node tree if required
function isHandleClicked(handle, objectClicked) {
   if (handle==objectClicked) { return true; }
   while (objectClicked.parentNode != null) {
      if (objectClicked==handle) {
         return true;
         }
      objectClicked = objectClicked.parentNode;
      }
   return false;
   }
   
// Called when user clicks an iframe that has a handle in it to begin dragging
function DIF_begindrag(e, win) {
   // Get the IFRAME ID that was clicked on
   var iframename = DIF_getIframeId(win);
   if (iframename==null) { return; }
   // Make sure that this IFRAME has a handle and that the handle was clicked
   if (DIF_handles[iframename]==null || DIF_handles[iframename].length<1) {
      return;
      }
   var isHandle = false;
   var t = e.srcElement || getSrcElement(e);
   for (var i=0; i<DIF_handles[iframename].length; i++) {
      if (isHandleClicked(DIF_handles[iframename][i],t)) {
         isHandle=true;
         break;
         }
      }
   if (!isHandle) { return false; }
   DIF_iframeBeingDragged = iframename;
   if (DIF_raiseSelectedIframe) {
      DIF_iframeObjects[DIF_iframeBeingDragged].style.zIndex=DIF_highestZIndex++;
      }
   DIF_dragging=true;
   var pos=DIF_getEventPosition(e);
   DIF_iframeMouseDownLeft[DIF_iframeBeingDragged] = pos.x;
   DIF_iframeMouseDownTop[DIF_iframeBeingDragged] = pos.y;
   var o = DIF_getObjectXY(DIF_iframeObjects[DIF_iframeBeingDragged]);
   DIF_pageMouseDownLeft[DIF_iframeBeingDragged] = o.x - 0 + pos.x;
   DIF_pageMouseDownTop[DIF_iframeBeingDragged] = o.y -0 + pos.y;
   }

// Called when mouse button is released after dragging an iframe
function DIF_enddrag(e) {
   DIF_dragging=false;
   DIF_iframeBeingDragged="";
   }

// Called when mouse moves in the main window
function DIF_mouseMove(e) {
   if (DIF_dragging) {
      var pos = DIF_getEventPosition(e);
      DIF_drag(pos.x - DIF_pageMouseDownLeft[DIF_iframeBeingDragged] , pos.y - DIF_pageMouseDownTop[DIF_iframeBeingDragged]);
      }
   }

// Called when mouse moves in the IFRAME window
function DIF_iframemove(e) {
   if (DIF_dragging) {
      var pos = DIF_getEventPosition(e);
      DIF_drag(pos.x - DIF_iframeMouseDownLeft[DIF_iframeBeingDragged] , pos.y - DIF_iframeMouseDownTop[DIF_iframeBeingDragged]);
      }
   }

// Function which actually moves of the iframe object on the screen
function DIF_drag(x,y) {
   var o = DIF_getObjectXY(DIF_iframeObjects[DIF_iframeBeingDragged]);
   // Don't drag it off the top or left of the screen?
   var newPositionX = o.x-0+x;
   var newPositionY = o.y-0+y;
   if (!DIF_allowDragOffScreen) {
      if (newPositionX < 0) { newPositionX=0; }
      if (newPositionY < 0) { newPositionY=0; }
      }
   DIF_iframeObjects[DIF_iframeBeingDragged].style.left = newPositionX + "px";
   DIF_iframeObjects[DIF_iframeBeingDragged].style.top  = newPositionY + "px";
   DIF_pageMouseDownLeft[DIF_iframeBeingDragged] += x;
   DIF_pageMouseDownTop[DIF_iframeBeingDragged] += y;
   }
Neiyo

Messages : 62
Géo : Carpentras

Mar 20 Mai, 2008 17:57

J'ai trouvé une solution de Drag and Drop avec des iframes.

Je travaille encore sur quelques points et j'espère pouvoir vous proposer très rapidement une version de test qui fera l'objet d'un prochain post.
Neiyo

Messages : 62
Géo : Carpentras

Mar 20 Mai, 2008 19:12

Excellent, ça c'est une bonne nouvelle.

Merci beaucoup pour ton projet. J'attends avec impatience le résultat final.

Cordialement
L'homme n'est pas fait pour travailler et la preuve, c'est que ça le fatigue. (Marcel Proust)
dedenimes

Messages : 2410
Géo : proche de Nîmes

Mar 20 Mai, 2008 19:20

D'ici une petite heure j'espère pouvoir mettre ma version en ligne mais je dois d'abord faire un guide d'installation parce que ma version test ne sera pas compilée.
Neiyo

Messages : 62
Géo : Carpentras

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit