SpiderBasic 1.00 Beta 1

[Fred]

Une des demos les plus impressionnantes que j'ai vu en javascript/html5 c'est celle d'Epic: http://www.unrealengine.com/html5/ (le mieux est d'utiliser Firefox car il utilise un mode spécial, asm.js).

@Blendman: pour PureWeb j'y avais pensé mais malheureusement c'est deja pris et par pas mal de boites

[blendman]

@Blendman : Encore un exemple de webgl basé sur le script pixi.js. Essaye ce lien. C'est un jeu façon Temple Run.

ça passe . Mais ça rame un peu lol.

Si vraiment ça passe toujours pas alors tu as le solitaire, toujours en webgl sur la base d'un script pixi.js
http://www.jbeach.ca/test/SoSolitaire/SoSolitaire/

ça passe aussi, mais ça rame aussi un peu lol.
Mais j'ai aussi des soucis de connexion à vrai dire (je perds souvent des données) ^^. Et mon ordinateur est surtout fait pour la bureautique. J'ai un netbook qui est plus puissant, c'est dire .

@Blendman: pour PureWeb j'y avais pensé mais malheureusement c'est déjà pris et par pas mal de boites

comme quoi c'était un bon nom ^^.

Une des demos les plus impressionnantes que j'ai vu en javascript/html5 c'est celle d'Epic: http://www.unrealengine.com/html5/ (le mieux est d'utiliser Firefox car il utilise un mode spécial, asm.js).

Ben mince, quand je veux le lancer, il me dit "This browser is currently unsupported because it lacks support for WebGL features required."
Il conseille d'utiliser firefox, mais je suis sous firefox .

EDIT : j'ai testé et ça marche sous chrome . Même les autres démos de Falsam, mais ça rame bien sûr lol

[TazNormand]

@Fred : impressionnant, c'est beau, bon un peu vide, mais chapeau, ça augure du lourd ; je suis à 20fps, mais j'ai une sauvegarde Acronis True Image en cours, donc ça fait ramer tout le PC.

[Backup]

pour moi c'est hyper fluide

je suis toujours surpris de voir le détail poussé jusqu'au feuilles d'arbres tomber au sol , et le vent qui tord les branches legerement


Word Of Tanks, en dehors du jeux qui est tres mal foutu , a un Monde qui ressemble a ça , avec les herbes multiples, les fleurs
les arbres qui bougent, et les feuilles qui tombes ... je suis très impressionné par ce genre d'univers

et me demande quel est le moteur qui peux faire ça, et quel est l’éditeur de niveau ..... parce qu’il doit falloir un sacres moment pour tout modéliser !

[blendman]

Pour la démo Epic, je suis à 16 fps (19.8 en average d'après le benchmark, avec pas mal de trucs de lancer à côté), donc c'est pas si mal que ça et ça doit sacrément optimisé Unreal pour tourner aussi bien pour du bien ^^.

Les démos d'unity aussi elles sont sacrément bien foutues.

@Falsam : je viens de tester tes démos avec Chrome, et ça marche beaucoup mieux, ça ne rame plus tout.

[majikeyric]

Une des demos les plus impressionnantes que j'ai vu en javascript/html5 c'est celle d'Epic: http://www.unrealengine.com/html5/ (le mieux est d'utiliser Firefox car il utilise un mode spécial, asm.js).

Magnifique! (je suis à plus de 60fps)

[Atlante]

Bon j'attends la version 1.0 stable avec impatience et surtout la possibilité de pointer sur du php pour les requêtes sql et autres algo à cacher ^^.

[falsam]

Bon j'attends la version 1.0 stable avec impatience et surtout la possibilité de pointer sur du php pour les requêtes sql et autres algo à cacher ^^.

Forcément +1 pour le php.

[MetalOS]

Moi j'attends surtout une version pour Mac. Sa semble super ce truc.

[falsam]

Je commence à faire quelques test avec Spider Basic et ma première impression est que le chargement d'une simple fenêtre est bien trop long quand elle n'est pas dans le cache du navigateur.

j'ai un vieux pc et j'ai donc transféré cette page sur un serveur pour être certain de mes dires. Et ça se confirme.

Le code Pure Basic de test.

Code : Tout sélectionner

Enumeration
  #mainform
EndEnumeration

OpenWindow(#mainform, 0, 0, 500, 500, "My Window", #PB_Window_SystemMenu|#PB_Window_ScreenCentered) 

Vous pouvez visualiser le résultat en cliquant sur le lien ci-dessous.
http://s242132022.onlinehome.fr/sbdemo/ ... idemo.html

[Backup]

j'ai dans Firefox un menu (contextuel), qui me permet "d'examiner l’élément"
lorsque je fait examiner ta fenetre ; on se rend vite compte, qu'il y a un paquet de trucs de chargé ...


Probablement que ça participe au soucis


Firebug (Module de dev Firefox) permet de voir le nombre de choses chargé a ton insu
(et accessoirement de voir les Js )

voila ta page :

Code : Tout sélectionner

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="favicon.png"/>
<title>SpiderBasic</title>
<script type="text/javascript">var spider = {};</script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/library.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/pixi.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/jquery.min.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/jquery-ui.custom.min.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/jquery.injectCSS.js"></script>
<link rel="stylesheet" href="/spiderbasic/libraries/javascript/dijit/themes/claro/claro.css" />
<script type="text/javascript" src="/spiderbasic/libraries/javascript/dojo/dojo.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/dijit/dijit.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/jquery-ui.custom.min.js"></script>
<script type="text/javascript" src="/spiderbasic/libraries/javascript/xdate.dev.js"></script>
<link rel="stylesheet" title="Default" href="/spiderbasic/libraries/javascript/windows-7/windows-7.css" type="text/css" media="screen" />
<script type="text/javascript">
if("undefined"==typeof Spider)var Spider={};if("undefined"==typeof $)var $={};function spider_ArraySize(a,b){"undefined"===typeof b&&(b=1);return a.dimensions[b-1]}function spider_FreeArray(a){for(var b=a.array.length=0;b<a.nbDimensions;b++)a.dimensions[b]=-1}function spider_CopyArray(a,b){$.extend(!0,b,a)}
function spider_CreateMultiArray(a,b){b++;var d=Array(b||0),c=b;if(2<arguments.length){var e=Array.prototype.slice.call(arguments,0);for(e.splice(1,1);c--;)d[b-1-c]=spider_CreateMultiArray.apply(this,e)}else for(c=0;c<b;c++)d[c]=8==a.type?"":a.structure?new a.structure:0;return d}function spider_Dim(a,b,d,c){a.structure=c;a.nbDimensions=d.length;a.dimensions=d;a.type=b;b=Array(a.nbDimensions+1);b[0]=a;for(c=0;c<a.nbDimensions;c++)b[c+1]=d[c];a.array=spider_CreateMultiArray.apply(this,b)}
function spider_ReDim(a,b){var d;if(1==a.nbDimensions){a.array.length=b+1;if(b>a.dimensions[0])for(d=a.dimensions[0]+1;d<=b;d++)a.array[d]=8==a.type?"":a.structure?new a.structure:0;a.dimensions[0]=b}else a.dimensions[a.nbDimensions-1]=b;return a.array};
if("undefined"===typeof spider)var spider={};if("undefined"===typeof XDate)var XDate={};function spider_Date(a,d,b,c,e,f){return("undefined"===typeof a?new XDate:new XDate(a,d-1,b,c,e,f)).getTime()/1E3}function spider_Year(a){return(new XDate(1E3*a)).getFullYear()}function spider_Month(a){return(new XDate(1E3*a)).getMonth()+1}function spider_Day(a){return(new XDate(1E3*a)).getDate()}function spider_DayOfWeek(a){return(new XDate(1E3*a)).getDay()}
function spider_DayOfYear(a){a=new XDate(1E3*a);for(var d=0,b=a.getFullYear(),c=0;c<a.getMonth();c++)d+=XDate.getDaysInMonth(b,c);return d+=a.getDate()}function spider_Hour(a){return(new XDate(1E3*a)).getHours()}function spider_Minute(a){return(new XDate(1E3*a)).getMinutes()}function spider_Second(a){return(new XDate(1E3*a)).getSeconds()}
function spider_AddDate(a,d,b){a=new XDate(1E3*a);switch(d){case 0:a.addYears(b);break;case 1:a.addMonths(b,!0);break;case 2:a.addWeeks(b);break;case 3:a.addDays(b);break;case 4:a.addHours(b);break;case 5:a.addMinutes(b);break;case 6:a.addSeconds(b)}return a.getTime()/1E3}
function spider_FormatDate(a,d){var b=new XDate(1E3*d),c=spider_ReplaceString(a,"%yyyy",""+b.getFullYear()),c=spider_ReplaceString(c,"%yy",spider_Right(""+b.getFullYear(),2)),c=spider_ReplaceString(c,"%mm",spider_LSet(""+(b.getMonth()+1),2,"0")),c=spider_ReplaceString(c,"%dd",spider_LSet(""+b.getDate(),2,"0")),c=spider_ReplaceString(c,"%hh",spider_LSet(""+b.getHours(),2,"0")),c=spider_ReplaceString(c,"%ii",spider_LSet(""+b.getMinutes(),2,"0"));return c=spider_ReplaceString(c,"%ss",spider_LSet(""+
b.getSeconds(),2,"0"))}function spider_ParseDate(a,d){return-1};
if("undefined"===typeof spider)var spider={};
spider.object=function(c){return{map:{},dynamicCounter:1E5,Allocate:function(a){var b={};-1==a?(b.id=this.dynamicCounter,b.resultId=b.id,this.dynamicCounter++):(c&&c(a),b.id=a,b.resultId=1);return this.map[b.id]=b},Get:function(a){return this.map.hasOwnProperty(a)?this.map[a]:null},Remove:function(a){delete this.map[a]},EnumerateAll:function(a){for(var b in this.map)a(b)},CleanAll:function(){for(var a in this.map)c&&c(a)},Is:function(a){return this.map.hasOwnProperty(a)?1:0}}};
if("undefined"===typeof spider)var spider={};
if("undefined"===typeof spider)var spider={};
if("undefined"===typeof spider)var spider={};if("undefined"===typeof zebra)var zebra={};if("undefined"===typeof Image)var Image={};if("undefined"===typeof document)var document={};if("undefined"===typeof $)var $={};function spider_FreeImage(a){-1==a?spider.image.objects.CleanAll():spider.image.objects.Get(a)&&spider.image.objects.Remove(a)}
spider.image={objects:new spider.object(spider_FreeImage),counter:0,GetCSS:function(a){a.spiderCounter||(this.counter++,a.spiderCounter=this.counter);var b="spiderimage_"+a.spiderCounter;if(!a.css){a.css=!0;var d={};d["."+b]={"background-image":"url("+a.toDataURL()+")","background-repeat":"no-repeat",width:""+a.width+"px",height:""+a.height+"px"};$.injectCSS(d)}return b}};
function spider_LoadImage(a,b,d){"undefined"===typeof d&&(d=0);a=spider.image.objects.Allocate(a);var c=document.createElement("canvas"),e=new Image;e.onload=function(){c.width=e.width;c.height=e.height;c.getContext("2d").drawImage(e,0,0);spider.event.SendLoading(18,1,b)};e.onerror=function(){spider.event.SendLoading(19,1,b)};e.src=b;a.image=c;return a.resultId}
function spider_CreateImage(a,b,d,c,e){a=spider.image.objects.Allocate(a);c=document.createElement("canvas");c.spiderId=a.resultId;c.width=b;c.height=d;a.image=c;c=c.getContext("2d");c.fillStyle="#FFFFFF";c.fillRect(0,0,b,d);return a.resultId}function spider_ImageOutput(a){return(a=spider.image.objects.Get(a))?(a.image.css=!1,{image:a,canvas:a.image,context:a.image.getContext("2d"),stopDrawingCallback:null}):null}
function spider_ImageWidth(a){var b;return(b=spider.image.objects.Get(a))?b.image.width:0}function spider_ImageHeight(a){var b;return(b=spider.image.objects.Get(a))?b.image.height:0}function spider_ImageID(a){var b;return(b=spider.image.objects.Get(a))?b.image:null}function spider_IsImage(a){return spider.image.objects.Is(a)};
if("undefined"===typeof spider)var spider={};spider.drawing={output:null,context:null,frontColor:0,backColor:0,mode:0,stopDrawingCallback:null};function spider_helper_ColorToHtml(a){return"#"+spider_LSet((a&255).toString(16),2,"0")+spider_LSet((a>>8&255).toString(16),2,"0")+spider_LSet((a>>16&255).toString(16),2,"0")}
function spider_StartDrawing(a){spider.drawing.output=a;spider.drawing.context=a.context;spider.drawing.stopDrawingCallback=a.stopDrawingCallback;spider.drawing.frontColor=0;spider.drawing.backColor=16777215;spider.drawing.mode=0;spider.drawing.context.lineWidth=1;return a.context}
function spider_Box(a,d,b,f,e){"undefined"===typeof e&&(e=spider.drawing.frontColor);var c=spider.drawing.context;4==spider.drawing.mode?(c.beginPath(),c.rect(a+0.5,d+0.5,b,f),c.strokeStyle=spider_helper_ColorToHtml(e),c.stroke()):(c.fillStyle=spider_helper_ColorToHtml(e),c.fillRect(a+0.5,d+0.5,b,f))}function spider_DrawImage(a,d,b,f,e){var c=spider.drawing.context;"undefined"===typeof f?c.drawImage(a,d,b):c.drawImage(a,0,0,a.width,a.height,d,b,f,e)}
function spider_Plot(a,d,b){"undefined"===typeof b&&(b=spider.drawing.frontColor);var f=spider.drawing.context;f.fillStyle=spider_helper_ColorToHtml(b);f.fillRect(a,d,1,1)}function spider_Point(a,d){var b=spider.drawing.context.getImageData(a,d,1,1).data;return b[0]|b[1]<<8|b[2]<<16}function spider_OutputDepth(){return 32}function spider_OutputWidth(){return spider.drawing.context.canvas.width}function spider_OutputHeight(){return spider.drawing.context.canvas.height}
function spider_Line(a,d,b,f,e){"undefined"===typeof e&&(e=spider.drawing.frontColor);var c=spider.drawing.context;c.beginPath();c.moveTo(a,d);c.lineTo(a+b-1,d+f-1);c.strokeStyle=spider_helper_ColorToHtml(e);c.stroke()}function spider_Line(a,d,b,f,e){"undefined"===typeof e&&(e=spider.drawing.frontColor);var c=spider.drawing.context;c.beginPath();c.moveTo(a,d);c.lineTo(a+b-1,d+f-1);c.strokeStyle=spider_helper_ColorToHtml(e);c.stroke()}
function spider_LineXY(a,d,b,f,e){"undefined"===typeof e&&(e=spider.drawing.frontColor);var c=spider.drawing.context;c.beginPath();c.moveTo(a,d);c.lineTo(b,f);c.strokeStyle=spider_helper_ColorToHtml(e);c.stroke()}
function spider_Circle(a,d,b,f){"undefined"===typeof f&&(f=spider.drawing.frontColor);var e=spider.drawing.context;4==spider.drawing.mode?(e.beginPath(),e.arc(a,d,b-1,0,2*Math.PI,!1),e.strokeStyle=spider_helper_ColorToHtml(f),e.stroke()):(e.beginPath(),e.arc(a,d,b,0,2*Math.PI,!1),e.fillStyle=spider_helper_ColorToHtml(f),e.fill())}
function spider_Ellipse(a,d,b,f,e){function c(a,c,e,b,d){var f=b/2*0.5522848,h=d/2*0.5522848,g=c+b,k=e+d;b=c+b/2;d=e+d/2;a.beginPath();a.moveTo(c,d);a.bezierCurveTo(c,d-h,b-f,e,b,e);a.bezierCurveTo(b+f,e,g,d-h,g,d);a.bezierCurveTo(g,d+h,b+f,k,b,k);a.bezierCurveTo(b-f,k,c,d+h,c,d);a.closePath()}"undefined"===typeof e&&(e=spider.drawing.frontColor);var g=spider.drawing.context;4==spider.drawing.mode?(c(g,a-b/2,d-f/2,b,f),g.strokeStyle=spider_helper_ColorToHtml(e),g.stroke()):(c(g,a-b/2,d-f/2,b,f),g.fillStyle=
spider_helper_ColorToHtml(e),g.fill())}function spider_DrawingMode(a){spider.drawing.mode=a}function spider_StopDrawing(){spider.drawing.stopDrawingCallback&&spider.drawing.stopDrawingCallback(spider.drawing.output)}
function spider_RoundBox(a,d,b,f,e,c,g){function l(a,b,c,d,e,f){"undefined"===typeof f&&(f=5);a.beginPath();a.moveTo(b+f,c);a.lineTo(b+d-f,c);a.quadraticCurveTo(b+d,c,b+d,c+f);a.lineTo(b+d,c+e-f);a.quadraticCurveTo(b+d,c+e,b+d-f,c+e);a.lineTo(b+f,c+e);a.quadraticCurveTo(b,c+e,b,c+e-f);a.lineTo(b,c+f);a.quadraticCurveTo(b,c,b+f,c);a.closePath()}c=spider.drawing.context;4==spider.drawing.mode?(l(c,a+0.5,d+0.5,b,f,e),c.strokeStyle=spider_helper_ColorToHtml(g),c.stroke()):(l(c,a+0.5,d+0.5,b,f,e),c.fillStyle=
spider_helper_ColorToHtml(g),c.fill())}function spider_RGB(a,d,b){return b<<16|d<<8|a}function spider_RGBA(a,d,b,f){return f<<24|b<<16|d<<8|a}function spider_Red(a){return a&255}function spider_Green(a){return a>>8&255}function spider_Blue(a){return a>>16&255}function spider_BackColor(a){return spider.drawing.backColor=a}function spider_FrontColor(a){return spider.drawing.frontColor=a};
if("undefined"===typeof spider)var spider={};if("undefined"===typeof jQuery)var jQuery={};spider.map={Map:function(){return{map:{},current:null,currentIndex:-1,currentKey:null,keys:null,type:null}},Item:function(){return{next:null,previous:null,object:null}}};function spider_NewMap(a){var b=new spider.map.Map;b.type=a;return b}function spider_GetMapElement(a,b){return a.map.hasOwnProperty(b)?a.map[b]:0}
function spider_CreateMapElement(a,b){return a.map.hasOwnProperty(b)?a.map[b]:(a.current=new a.type,a.currentKey=b,a.map[b]=a.current)}function spider_AddMapElement(a,b){a.current=new a.type;a.currentKey=b;return a.map[b]=a.current}function spider_ResetMap(a){a.keys=Object.keys(a.map);a.currentIndex=-1;a.currentKey=null}
function spider_NextMapElement(a){a.currentIndex<a.keys.length-1?(a.currentIndex++,a.currentKey=a.keys[a.currentIndex],a.current=a.map[a.currentKey]):(a.currentIndex=-1,a.current=null,a.currentKey=null);return a.current}function spider_MapKey(a){return a.currentKey?a.currentKey:""}function spider_MapSize(a){return Object.keys(a.map).length}function spider_DeleteMapElement(a,b){"undefined"===typeof b?a.currentKey&&delete a.map[a.currentKey]:a.map.hasOwnProperty(b)&&delete a.map[b]}
function spider_FindMapElement(a,b){return a.map.hasOwnProperty(b)?(a.currentKey=b,a.map[b]):0}function spider_CopyMap(a,b){b.map=jQuery.extend(!0,{},a.map)}function spider_ClearMap(a){a.map={}}function spider_FreeMap(a){spider.ClearMap(a)};
if("undefined"===typeof spider)var spider={};
spider.event={map:{},eventWindow:0,eventObject:0,eventType:0,MakeKey:function(a,c,b,d){return a.toString()+"_"+c.toString()+"_"+b.toString()+"_"+d.toString()},SendGeneric:function(a,c,b,d){a=spider.event.MakeKey(a,c,b,d);if(a=spider.event.map[a])for(var e in a)a[e]()},SendLoading:function(a,c,b){a=spider.event.MakeKey(a,-1,-1,-1);if(a=spider.event.map[a])for(var d in a)a[d](c,b)},Send:function(a,c,b,d){this.eventWindow=c;this.eventObject=b;this.eventType=d;this.SendGeneric(a,c,b,d);this.SendGeneric(a,
c,b,-1);this.SendGeneric(a,c,-1,-1);this.SendGeneric(a,-1,-1,-1)}};function spider_BindEvent(a,c,b,d,e){"undefined"===typeof b&&(b=-1);"undefined"===typeof d&&(d=-1);"undefined"===typeof e&&(e=-1);a=spider.event.MakeKey(a,b,d,e);spider.event.map[a]||(spider.event.map[a]={});spider.event.map[a][c]=c}
function spider_UnbindEvent(a,c,b,d,e){"undefined"===typeof b&&(b=-1);"undefined"===typeof d&&(d=-1);"undefined"===typeof e&&(e=-1);a=spider.event.MakeKey(a,b,d,e);if(a=spider.event.map[a])for(var f in a)f==c&&delete a[c]}function spider_EventWindow(){return spider.event.eventWindow}function spider_EventMenu(){return spider.event.eventObject}function spider_EventGadget(){return spider.event.eventObject}function spider_EventTimer(){return spider.event.eventObject}
function spider_EventType(){return spider.event.eventType};
if("undefined"===typeof spider)var spider={};if("undefined"===typeof document)var document={};if("undefined"===typeof $)var $={};function spider_CloseWindow(a){var b;if(-1==a)spider.window.objects.CleanAll();else if(b=spider.window.objects.Get(a))b.id==spider.window.activeWindow&&(spider.window.activeWindow=-1),b.window.parentNode.removeChild(b.window),spider.window.objects.Remove(a)}
spider.window={objects:new spider.object(spider_CloseWindow),activeWindow:-1,timers:{},globalZIndex:100,globalStickyZIndex:1E8,currentWindowId:-1,gadgetList:null};spider.window.GadgetList=function(){return{panel:null,stackIndex:0,stack:{},init:function(a){this.panel=a;this.stackIndex=0},push:function(a){this.stack[this.stackIndex]=this.panel;this.stackIndex++;this.panel=a},pop:function(){this.stackIndex--;this.panel=this.stack[this.stackIndex]}}};
function spider_DesktopWidth(){return $(window).width()}function spider_DesktopHeight(){return $(window).height()}
function spider_OpenWindow(a,b,c,g,l,h,m,k){"undefined"===typeof m&&(m=16);"undefined"===typeof k&&(k=null);spider.window.gadgetList||(spider.window.gadgetList=new spider.window.GadgetList);var d=spider.window.objects.Allocate(a);d.mouseX=-1;d.mouseY=-1;a=document.getElementById("SpiderBody");k=document.createElement("div");k.className="css3-windows-7";var f=document.createElement("div");f.className="spiderwindow";var p=document.createElement("div"),q=document.createElement("div");q.innerHTML=h;q.className=
"spiderwindowtitle";p.appendChild(q);m&16&&(h=document.createElement("div"),h.className="close",h.onclick=function(){spider.event.Send(4,d.id,0,0)},p.appendChild(h));var e=document.createElement("div");e.className="spiderwindowcontent";e.onmouseover=function(a){var b=e.getBoundingClientRect();d.mouseX=a.clientX-b.left;d.mouseY=a.clientY-b.top};e.onmouseout=function(a){d.mouseX=-1;d.mouseY=-1};e.onmousemove=function(a){var b=e.getBoundingClientRect();d.mouseX=a.clientX-b.left;d.mouseY=a.clientY-b.top};
e.oncontextmenu=function(a){spider.event.Send(13,d.id,0,0);return!1};h=document.createElement("div");var r=document.createElement("div"),n=document.createElement("div"),s=document.createElement("div");d.window=k;d.frame=e;d.element=f;d.content=n;d.menu=h;d.toolBar=r;d.statusBar=s;d.title=p;d.titleText=q;spider_SetActiveWindow(d.id);k.appendChild(f);f.appendChild(p);f.appendChild(e);n.style.position="absolute";n.style.top="0px";e.appendChild(h);e.appendChild(r);e.appendChild(n);e.appendChild(s);m&
1&&(b=spider_DesktopWidth()/2-g/2,c=spider_DesktopHeight()/2-l/2);f.style.position="absolute";spider_ResizeWindow(d.id,b,c,g,l);a.appendChild(k);$(f).resizable({handles:"n, e, s, w, ne, se, sw, nw",containment:"body",ghost:!1,resize:function(a,b){spider.event.Send(7,d.id,0,0)}});$(".ui-icon-gripsmall-diagonal-se").css("background-image","url('')");m&16&&($(f).resizable("option","minWidth",80),$(f).resizable("option","minHeight",40));$(f).draggable({cancel:".spiderwindowcontent",drag:function(a,b){spider.event.Send(6,
d.id,0,0)}});f.onmousedown=function(){spider_SetActiveWindow(d.id)};spider.window.gadgetList.init(n);spider.window.currentWindowId=d.id;return d.resultId}function spider_AddWindowTimer(a,b,c){var g;if(g=spider.window.objects.Get(a))spider.window.timers[g.id+"_"+b]=setInterval(function(){spider.event.Send(12,g.id,b,0)},c)}
function spider_RemoveWindowTimer(a,b){var c;if(c=spider.window.objects.Get(a))c=c.id+"_"+b,spider.window.timers[c]&&(clearInterval(spider.window.timers[c]),delete spider.window.timers[c])}function spider_HideWindow(a,b,c){if(a=spider.window.objects.Get(a))a.element.style.visibility=0===b?"visible":"hidden"}function spider_GetWindowTitle(a){var b;return(b=spider.window.objects.Get(a))?b.titleText.innerHTML:""}
function spider_SetWindowTitle(a,b){var c;if(c=spider.window.objects.Get(a))c.titleText.innerHTML=b}function spider_GetActiveWindow(){return spider.window.activeWindow}
function spider_SetActiveWindow(a){var b;(b=spider.window.objects.Get(a))&&b.element.style.zIndex!=spider.window.globalZIndex&&(b.sticky?(b.element.style.zIndex=spider.window.globalStickyZIndex,spider.window.globalStickyZIndex++):(b.element.style.zIndex=spider.window.globalZIndex,spider.window.globalZIndex++),spider.window.activeWindow=b.id)}function spider_StickyWindow(a,b){var c;if(c=spider.window.objects.Get(a))c.sticky=b,spider_SetActiveWindow(c.id)}
function spider_ResizeWindow(a,b,c,g,l){if(a=spider.window.objects.Get(a))a.element.style.left=b+"px",a.element.style.top=c+"px",a.element.style.width=g+"px",a.element.style.height=l+"px"}function spider_WindowBounds(a,b,c,g,l){if(a=spider.window.objects.Get(a))$(a.element).resizable("option","minWidth",b),$(a.element).resizable("option","minHeight",c),$(a.element).resizable("option","maxWidth",g),$(a.element).resizable("option","maxHeight",l)}
function spider_WindowX(a){var b;return(b=spider.window.objects.Get(a))?b.element.getBoundingClientRect().left:0}function spider_WindowY(a){var b;return(b=spider.window.objects.Get(a))?b.element.getBoundingClientRect().top:0}function spider_WindowWidth(a,b){"undefined"===typeof b&&(b=1);var c;return(c=spider.window.objects.Get(a))?1==b?$(c.element).width():$(c.element).width()+16:0}
function spider_WindowHeight(a,b){"undefined"===typeof b&&(b=1);var c;return(c=spider.window.objects.Get(a))?1==b?$(c.element).height():$(c.element).height()+28+$(c.title).height():0}function spider_WindowMouseX(a){var b;return(b=spider.window.objects.Get(a))?b.mouseX:0}function spider_WindowMouseY(a){var b;return(b=spider.window.objects.Get(a))?b.mouseY:0}function spider_WindowID(a){var b;return(b=spider.window.objects.Get(a))?b:null}
function spider_IsWindow(a){return spider.window.objects.Is(a)};
if("undefined"===typeof spider)var spider={};if("undefined"===typeof dijit)var dijit={};if("undefined"===typeof dojo)var dojo={};if("undefined"===typeof zebra)var zebra={};if("undefined"===typeof document)var document={};if("undefined"===typeof spider_BindEvent)var spider_BindEvent={};dojo.require("dijit.form.Button");dojo.require("dijit.form.ToggleButton");dojo.require("dijit.form.ComboBox");dojo.require("dijit.form.CheckBox");dojo.require("dijit.form.Textarea");dojo.require("dijit.form.SimpleTextarea");
dojo.require("dijit.form.HorizontalSlider");dojo.require("dijit.form.VerticalSlider");dojo.require("dijit.ProgressBar");dojo.require("dijit.ToolTip");dojo.require("dijit.layout.TabContainer");dojo.require("dijit.layout.ContentPane");dojo.require("dijit.layout.BorderContainer");dojo.require("dojo.aspect");dojo.require("dojo.store.Memory");dojo.require("dgrid.Grid");dojo.require("dgrid.OnDemandGrid");dojo.require("dgrid.Selection");dojo.require("dgrid.Keyboard");
function spider_FreeGadget(a){var d;if(-1==a)spider.gadget.objects.CleanAll();else if(d=spider.gadget.objects.Get(a))d.gadget.parentNode.removeChild(d.gadget),spider.gadget.objects.Remove(a)}spider.gadget={defaultFont:null,objects:new spider.object(spider_FreeGadget),optionGroupCount:0,lastType:null,register:function(a,d,e,h){this.lastType=d;a.type=d;a.gadget=e;a.container=h;a.windowId=spider.window.currentWindowId;spider.window.gadgetList.panel.appendChild(h)}};
function spider_gadget_SetDimension(a,d,e,h,k){a.style.position="absolute";a.style.left=d+"px";a.style.top=e+"px";a.style.width=h+"px";a.style.height=k+"px"}function spider_gadget_SendEvent(a,d){spider.event.Send(1,a.windowId,a.id,d)}function spider_gadget_SetDomDimension(a,d,e,h,k){a.domNode.style.position="absolute";a.domNode.style.left=d+"px";a.domNode.style.top=e+"px";a.domNode.style.width=h+"px";a.domNode.style.height=k+"px"}
function spider_ButtonGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);var b=spider.gadget.objects.Allocate(a),f;f=c&16?new dijit.form.ToggleButton({label:g,showLabel:!0,onClick:function(){spider_gadget_SendEvent(b,0)}}):new dijit.form.Button({label:g,showLabel:!0,onClick:function(){spider_gadget_SendEvent(b,0)}});a=document.createElement("div");a.appendChild(f.domNode);spider_gadget_SetDimension(a,d,e,h,k);f.containerNode.style.width=h-25+"px";f.containerNode.style.height=k-15+"px";b.GetGadgetText=
function(){return f.get("label")};b.SetGadgetText=function(a){f.set("label",a)};b.GetGadgetState=function(){return c&16?f.get("checked")?1:0:0};b.SetGadgetState=function(a){c&16&&f.set("checked",a)};spider.gadget.register(b,1,a,a);return b.resultId}
function spider_ButtonImageGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);var b=spider.gadget.objects.Allocate(a),f;f=c&16?new dijit.form.ToggleButton({label:"",showLabel:!1,iconClass:spider.image.GetCSS(g),onClick:function(){spider_gadget_SendEvent(b,0)}}):new dijit.form.Button({label:"",showLabel:!1,iconClass:spider.image.GetCSS(g),onClick:function(){spider_gadget_SendEvent(b,0)}});a=document.createElement("div");a.appendChild(f.domNode);spider_gadget_SetDimension(a,d,e,h,k);f.containerNode.style.width=
h+"px";f.containerNode.style.height=k-15+"px";b.GetGadgetAttribute=function(a){switch(a){case 1:return null;case 2:return null}return 0};b.SetGadgetAttribute=function(a,b){switch(a){case 1:Debug("HEREn"),f.attr("iconClass",spider.image.GetCSS(b))}};spider.gadget.register(b,19,a,a);return b.resultId}
function spider_CanvasGadget(a,d,e,h,k,g){"undefined"===typeof g&&(g=0);var c=spider.gadget.objects.Allocate(a),b=document.createElement("canvas");b.width=h;b.height=k;c.canvas=b;c.mouseX=0;c.mouseY=0;c.mouseWheelDelta=0;c.buttons=0;g&4&&b.setAttribute("tabindex","0");b.onclick=function(){spider_gadget_SendEvent(c,0)};b.ondblclick=function(){spider_gadget_SendEvent(c,2)};b.onmouseover=function(a){spider_gadget_SendEvent(c,65537)};b.onmouseout=function(a){spider_gadget_SendEvent(c,65538)};b.onmousemove=
function(a){var d=b.getBoundingClientRect();c.mouseX=a.clientX-d.left;c.mouseY=a.clientY-d.top;spider_gadget_SendEvent(c,65539)};b.onmousedown=function(a){var b;0===a.button?(b=65540,c.buttons|=1):1===a.button?(b=65544,c.buttons|=4):2===a.button&&(b=65542,c.buttons|=2);spider_gadget_SendEvent(c,b);if(1===a.button)return!1};b.onmouseup=function(a){var b;0===a.button?(b=65541,c.buttons&=-2):1===a.button?(b=65545,c.buttons&=-5):2===a.button&&(b=65543,c.buttons&=-3);spider_gadget_SendEvent(c,b)};b.onfocus=
function(){spider_gadget_SendEvent(c,7)};b.onblur=function(){spider_gadget_SendEvent(c,8)};b.oncontextmenu=function(a){return!1};b.onmousewheel=function(a){a||(a=event);c.mouseWheelDelta=0>a.detail||0<a.wheelDelta?1:-1;spider_gadget_SendEvent(c,65546);return!1};a=document.createElement("div");a.appendChild(b);spider_gadget_SetDimension(a,d,e,h,k);c.GetGadgetAttribute=function(a){switch(a){case 1:return b;case 4:return c.buttons;case 2:return c.mouseX;case 3:return c.mouseY;case 8:return c.mouseWheelDelta}};
c.SetGadgetAttribute=function(a,d){switch(a){case 7:switch(c.cursor=d,d){case 0:b.style.cursor="default";c.cursor=-1;break;case 1:b.style.cursor="crosshair";break;case 2:b.style.cursor="text";break;case 4:b.style.cursor="wait";break;case 5:b.style.cursor="no-drop";break;case 6:b.style.cursor="move";break;case 7:b.style.cursor="w-resize";break;case 6:b.style.cursor="s-resize";break;case 8:b.style.cursor="se-resize";break;case 9:b.style.cursor="sw-resize";break;case 10:b.style.cursor="none"}}};spider.gadget.register(c,
33,a,a);return c.resultId}function spider_CanvasOutput(a){var d;return(d=spider.gadget.objects.Get(a))?{gadget:d,canvas:d.canvas,context:d.canvas.getContext("2d"),stopDrawingCallback:null}:null}
function spider_CheckBoxGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);var b=spider.gadget.objects.Allocate(a);a="spidercheckbox_"+b.id;var f=new dijit.form.CheckBox({id:a,onClick:function(){spider_gadget_SendEvent(b,0)}});f.label=dojo.create("label",{"for":a,innerHTML:" "+g});g=document.createElement("div");g.appendChild(f.domNode);g.appendChild(f.label);spider_gadget_SetDimension(g,d,e,h,k);b.GetGadgetState=function(){return f.get("checked")?1:0};b.SetGadgetState=function(a){f.set("checked",
a)};b.GetGadgetText=function(){return f.label.innerHTML.substring(1,f.label.innerHTML.length)};b.SetGadgetText=function(a){f.label.innerHTML=" "+a};b.SetGadgetFont=function(a){};spider.gadget.register(b,4,g,g);f.startup();return b.resultId}
function spider_ComboBoxGadget(a,d,e,h,k,g){"undefined"===typeof g&&(g=0);var c=spider.gadget.objects.Allocate(a);c.itemId=0;var b=new dojo.store.Memory,f=new dijit.form.ComboBox({store:b,style:{width:h+"px"},onChange:function(){spider_gadget_SendEvent(c,9)}});a=document.createElement("div");a.appendChild(f.domNode);spider_gadget_SetDimension(a,d,e,h,k);c.GetGadgetText=function(){return f.get("value")};c.SetGadgetText=function(a){f.set("value",a)};c.AddGadgetItem=function(a,d,e,f){b.add({name:d,id:c.itemId});
c.itemId++};spider.gadget.register(c,8,a,a);return c.resultId}
function spider_EditorGadget(a,d,e,h,k,g){"undefined"===typeof g&&(g=0);var c=spider.gadget.objects.Allocate(a),b=new dijit.form.SimpleTextarea({style:"overflow: auto; resize: none;",intermediateChanges:!0,onChange:function(){spider_gadget_SendEvent(c,9)},onFocus:function(){spider_gadget_SendEvent(c,7)},onBlur:function(){spider_gadget_SendEvent(c,8)}});a=b.domNode;g=document.createElement("div");g.appendChild(a);c.editor=b;spider_gadget_SetDomDimension(b,d,e,h,k);c.GetGadgetText=function(){return b.get("value")};
c.SetGadgetText=function(a){b.set("value",a)};spider.gadget.register(c,22,g,g);return c.resultId}
function spider_FrameGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);a=spider.gadget.objects.Allocate(a);var b=new zebra.ui.BorderPan(g);b.setLocation(d,e);b.setSize(h,k);b.kids[0].setPaddings(0,4,0,4);b.kids[0].setColor("#000000");a.GetGadgetText=function(){return b.kids[0].getValue()};a.SetGadgetText=function(a){b.kids[0].setValue(a)};a.SetGadgetFont=function(a){b.kids[0].setFont(a)};spider.gadget.register(a,7,b,b);return a.resultId}
function spider_HyperLinkGadget(a,d,e,h,k,g,c,b){"undefined"===typeof b&&(b=0);var f=spider.gadget.objects.Allocate(a),l=document.createElement("a");l.innerHTML=g;l.href="";l.style.color=spider_helper_ColorToHtml(c);l.onclick=function(a){a.preventDefault();a.stopPropagation();spider_gadget_SendEvent(f,0)};a=document.createElement("div");a.appendChild(l);spider_gadget_SetDimension(a,d,e,h,k);f.GetGadgetText=function(){return l.innerHTML};f.SetGadgetText=function(a){l.innerHTML=a};f.SetGadgetFont=function(a){};
spider.gadget.register(f,10,a,a);return f.resultId}function spider_ImageGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);var b=spider.gadget.objects.Allocate(a);a=document.createElement("div");a.className=spider.image.GetCSS(g);a.onclick=function(){spider_gadget_SendEvent(b,0)};a.ondblclick=function(){spider_gadget_SendEvent(b,2)};spider_gadget_SetDimension(a,d,e,h,k);spider.gadget.register(b,9,a,a);return b.resultId}
function spider_ListViewGadget(a,d,e,h,k,g){"undefined"===typeof g&&(g=0);a=spider.gadget.objects.Allocate(a);new dojo.store.Memory;var c,b=[],f=document.createElement("div");require("dojo/_base/declare dgrid/OnDemandGrid dgrid/Keyboard dgrid/Selection put-selector/put dojo/domReady!".split(" "),function(a,b,d,e,g){c=new (a([b,d,e]))({showHeader:!1,selectionMode:"single",columns:{a:""}});f.appendChild(c.domNode);c.resize()});spider_gadget_SetDomDimension(c,d,e,h,k);a.AddGadgetItem=function(a,d,e,
f){b.push({a:d});c.refresh();c.renderArray(b)};a.RemoveGadgetItem=function(a){b.splice(a,1);c.refresh();c.renderArray(b)};a.ClearGadgetItems=function(){b=[];c.refresh()};a.CountGadgetItems=function(){return b.length};a.GetGadgetState=function(){var a=-1,b;for(b in c.selection)a=b;return a};a.SetGadgetState=function(a){};spider.gadget.register(a,6,f,f);return a.resultId}
function spider_ListIconGadget(a,d,e,h,k,g,c,b){"undefined"===typeof b&&(b=0);a=spider.gadget.objects.Allocate(a);new dojo.store.Memory;var f,l=document.createElement("div");require(["dgrid/Grid","dojo/domReady!"],function(a){f=new a({columns:{first:"First Name",last:"Last Name",age:"Age"}},"grid");f.renderArray([{first:"Bob",last:"Barker",age:89},{first:"Vanna",last:"White",age:55},{first:"Pat",last:"Sajak",age:65}]);l.appendChild(f.domNode)});spider_gadget_SetDimension(l,d,e,h,k);a.AddGadgetItem=
function(a,b,c,d){};spider.gadget.register(a,6,l,l);return a.resultId}
function spider_OptionGadget(a,d,e,h,k,g){var c=spider.gadget.objects.Allocate(a);a="spideroption_"+c.id;5!=spider.gadget.lastType&&spider.gadget.optionGroupCount++;var b=new dijit.form.RadioButton({id:a,name:"spideroptiongroup"+spider.gadget.optionGroupCount,onClick:function(){spider_gadget_SendEvent(c,0)}});b.label=dojo.create("label",{"for":a,innerHTML:" "+g});g=document.createElement("div");g.appendChild(b.domNode);g.appendChild(b.label);spider_gadget_SetDimension(g,d,e,h,k);c.GetGadgetState=
function(){return b.get("checked")?1:0};c.SetGadgetState=function(a){b.set("checked",a)};c.GetGadgetText=function(){return b.label.innerHTML.substring(1,b.label.innerHTML.length)};c.SetGadgetText=function(a){b.label.innerHTML=" "+a};spider.gadget.register(c,5,g,g);return c.resultId}
function spider_PanelGadget(a,d,e,h,k){var g=spider.gadget.objects.Allocate(a),c=new dijit.layout.TabContainer;a=c.domNode;spider_gadget_SetDimension(a,d,e,h,k);c.watch("selectedChildWidget",function(a,c,d){spider_gadget_SendEvent(g,9)});g.AddGadgetItem=function(a,d,e,g){a=new dijit.layout.ContentPane({title:d});c.addChild(a);spider.window.gadgetList.panel=a.domNode;c.startup()};g.GetGadgetState=function(){};g.SetGadgetState=function(a){};g.SetGadgetFont=function(a){};spider.gadget.register(g,28,
a,a);spider.window.gadgetList.push(null);return g.resultId}
function spider_ProgressBarGadget(a,d,e,h,k,g,c,b){"undefined"===typeof b&&(b=0);var f=spider.gadget.objects.Allocate(a),l=new dijit.ProgressBar({});a=document.createElement("div");a.appendChild(l.domNode);spider_gadget_SetDomDimension(l,d,e,h,k);f.minimum=g;f.maximum=c;f.GetGadgetState=function(){return l.get("value")};f.SetGadgetState=function(a){l.set("value",a)};f.GetGadgetAttribute=function(a){switch(a){case 1:return f.minimum;case 2:return f.maximum}return 0};f.SetGadgetAttribute=function(a,
b){switch(a){case 1:f.minimum=b;break;case 2:f.maximum=b}};spider.gadget.register(f,14,a,a);return f.resultId}function spider_ScrollAreaGadget(a,d,e,h,k,g,c,b,f){a=spider.gadget.objects.Allocate(a);b=new dijit.layout.ContentPane({style:"overflow: hidden"});f=document.createElement("div");f.style.overflow="auto";b.placeAt(f);spider_gadget_SetDimension(f,d,e,h,k);spider_gadget_SetDomDimension(b,0,0,g,c);spider.gadget.register(a,16,f,f);spider.window.gadgetList.push(b.domNode);return a.resultId}
function spider_ScrollBarGadget(a,d,e,h,k,g,c,b,f){}
function spider_SplitterGadget(a,d,e,h,k,g,c,b){"undefined"===typeof b&&(b=0);a=spider.gadget.objects.Allocate(a);if((g=spider.gadget.objects.Get(g))&&spider.gadget.objects.Get(c)){c=new dijit.layout.BorderContainer({style:"height: 300px; width: 500px;",design:"sidebar",gutters:!0,liveSplitters:!0});b=new dijit.layout.ContentPane({region:"left",style:"width: 100px; overflow: hidden",content:"hello world",splitter:!0});c.addChild(b);dojo.aspect.after(b,"resize",function(a,b){});var f=new dijit.layout.ContentPane({region:"center",
content:"how are you?",splitter:!0});c.addChild(f);b.domNode.appendChild(g.container);g=document.createElement("div");c.placeAt(g);spider_gadget_SetDimension(g,d,e,h,k);a.GetGadgetState=function(){return splitPan.barLocation};a.SetGadgetState=function(a){splitPan.setGripperLoc(a)};a.GetGadgetAttribute=function(a){return 0};a.SetGadgetAttribute=function(a,b){};spider.gadget.register(a,29,g,g);c.startup()}else a.resultId=0;return a.resultId}
function spider_StringGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);var b=spider.gadget.objects.Allocate(a),f=new dijit.form.TextBox({intermediateChanges:!0,onChange:function(){spider_gadget_SendEvent(b,9)},onFocus:function(){spider_gadget_SendEvent(b,7)},onBlur:function(){spider_gadget_SendEvent(b,8)}});a=document.createElement("div");a.appendChild(f.domNode);spider_gadget_SetDomDimension(f,d,e,h,k);f.domNode.style.width=h+"px";f.domNode.style.height=k+"px";b.GetGadgetText=function(){return f.get("value")};
b.SetGadgetText=function(a){f.set("value",a)};spider.gadget.register(b,2,a,a);return b.resultId}function spider_TextGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);a=spider.gadget.objects.Allocate(a);var b=document.createElement("div");b.innerHTML=g;spider_gadget_SetDimension(b,d,e,h,k);a.GetGadgetText=function(){return b.innerHTML};a.SetGadgetText=function(a){b.innerHTML=a};a.SetGadgetFont=function(a){};spider.gadget.register(a,3,b,b);return a.resultId}
function spider_TrackBarGadget(a,d,e,h,k,g,c,b){"undefined"===typeof b&&(b=0);var f=spider.gadget.objects.Allocate(a),l=new dijit.form.HorizontalSlider({minimum:g,maximum:c,showButtons:!1,intermediateChanges:!0,onChange:function(a){spider_gadget_SendEvent(f,0)}});a=document.createElement("div");a.appendChild(l.domNode);spider_gadget_SetDomDimension(l,d,e,h,k);f.GetGadgetState=function(){return l.get("value")|0};f.SetGadgetState=function(a){l.setValue(a)};f.GetGadgetAttribute=function(a){switch(a){case 1:return l.get("minimum");
case 2:return l.get("maximum")}return 0};f.SetGadgetAttribute=function(a,b){switch(a){case 1:l.set("minimum",b);break;case 2:l.set("maximum",b)}};spider.gadget.register(f,17,a,a);return f.resultId}
function spider_WebGadget(a,d,e,h,k,g,c){"undefined"===typeof c&&(c=0);a=spider.gadget.objects.Allocate(a);var b=document.createElement("iframe");b.src=g;spider_gadget_SetDimension(b,d,e,h,k);a.GetGadgetText=function(){return b.src};a.SetGadgetText=function(a){b.src=a};spider.gadget.register(a,18,b,b);return a.resultId}
function spider_AddGadgetItem(a,d,e,h,k){"undefined"===typeof h&&(h=null);"undefined"===typeof k&&(k=0);var g;(g=spider.gadget.objects.Get(a))&&g.AddGadgetItem&&g.AddGadgetItem(d,e,h,k)}function spider_RemoveGadgetItem(a,d){var e;(e=spider.gadget.objects.Get(a))&&e.RemoveGadgetItem&&e.RemoveGadgetItem(d)}function spider_ClearGadgetItems(a){var d;(d=spider.gadget.objects.Get(a))&&d.ClearGadgetItems&&d.ClearGadgetItems()}
function spider_CountGadgetItems(a){var d;(d=spider.gadget.objects.Get(a))&&d.CountGadgetItems&&d.CountGadgetItems()}function spider_BindGadgetEvent(a,d,e){"undefined"===typeof e&&(e=-1);var h;(h=spider.gadget.objects.Get(a))&&spider_BindEvent(1,d,h.windowId,h.id,e)}function spider_UnbindGadgetEvent(a,d,e){"undefined"===typeof e&&(e=-1);var h;(h=spider.gadget.objects.Get(a))&&spider_UnbindEvent(1,d,h.windowId,h.id,e)}function spider_CloseGadgetList(){spider.window.gadgetList.pop()}
function spider_GetGadgetState(a){var d;return(d=spider.gadget.objects.Get(a))&&d.GetGadgetState?d.GetGadgetState():0}function spider_SetGadgetState(a,d){var e;(e=spider.gadget.objects.Get(a))&&e.SetGadgetState&&e.SetGadgetState(d)}function spider_GetGadgetAttribute(a,d){var e;return(e=spider.gadget.objects.Get(a))&&e.GetGadgetAttribute?e.GetGadgetAttribute(d):0}function spider_SetGadgetAttribute(a,d,e){var h;(h=spider.gadget.objects.Get(a))&&h.SetGadgetAttribute&&h.SetGadgetAttribute(d,e)}
function spider_GetGadgetText(a){var d;return(d=spider.gadget.objects.Get(a))&&d.GetGadgetText?d.GetGadgetText():""}function spider_SetGadgetText(a,d){var e;(e=spider.gadget.objects.Get(a))&&e.SetGadgetText&&e.SetGadgetText(d)}function spider_SetGadgetFont(a,d){var e;(e=spider.gadget.objects.Get(a))&&e.SetGadgetFont&&e.SetGadgetFont(d)}function spider_DisableGadget(a,d){spider.gadget.objects.Get(a)}
function spider_HideGadget(a,d){var e;if(e=spider.gadget.objects.Get(a))e.gadget.style.visibility=0===d?"visible":"hidden"}function spider_GadgetType(a){if(a=spider.gadget.objects.Get(a))return a.type}function spider_GadgetHeight(a,d){null===d&&(d=0);var e;if(e=spider.gadget.objects.Get(a))if(e.GadgetHeight)e.GadgetHeight(d);else return 1==d?e.getPreferredSize().height:e.height;return 0}
function spider_GadgetWidth(a,d){null===d&&(d=0);var e;if(e=spider.gadget.objects.Get(a))if(e.GadgetWidth)e.GadgetWidth(d);else return 1==d?e.getPreferredSize().width:e.width;return 0}function spider_GadgetToolTip(a,d){var e;if(e=spider.gadget.objects.Get(a))e.tooltip||(e.tooltip=new dijit.Tooltip({connectId:e.gadget})),e.tooltip.set("label",d)}function spider_GadgetID(a){var d;return(d=spider.gadget.objects.Get(a))?d:null}function spider_IsGadget(a){return spider.gadget.objects.Is(a)};
if("undefined"==typeof Spider)var Spider={};function spider_Asc(a){return a.charCodeAt(0)}function spider_Bin(a,b){"undefined"===typeof b&&(b=13);switch(b){case 1:case 24:a&=255;break;case 3:case 25:a&=65535;break;case 5:a&=4294967295}return a.toString(2)}function spider_Chr(a){return String.fromCharCode(a)}function spider_LCase(a){return a.toLowerCase()}function spider_UCase(a){return a.toUpperCase()}
function spider_CountString(a,b){if(0>=b.length)return a.length+1;for(var c=0,d=0,e=b.length;;)if(d=a.indexOf(b,d),0<=d)c++,d+=e;else break;return c}function spider_FindString(a,b,c,d){"undefined"===typeof c&&(c=1);"undefined"===typeof d&&(d=0);return 0===d?a.indexOf(b,c-1)+1:a.toUpperCase().indexOf(b.toUpperCase(),c-1)+1}function spider_InsertString(a,b,c){return a.substr(0,c-1)+b+a.substr(c-1)}function spider_Str(a){return""+a}
function spider_StrF(a,b){return"undefined"===typeof b?a.toString():a.toFixed(b)}function spider_StrD(a,b){return"undefined"===typeof b?a.toString():a.toFixed(b)}function spider_Val(a){return parseInt(a,10)}function spider_ValF(a){return parseFloat(a,10)}function spider_ValD(a){return parseFloat(a,10)}function spider_Right(a,b){var c=a.length;return a.substring(c-b,c)}function spider_Left(a,b){return a.substring(0,b)}function spider_Mid(a,b,c){return a.substring(b-1,b+c-1)}
function spider_LTrim(a,b){"undefined"===typeof b&&(b=" ");for(var c=0,d=a.length-1;c<=d&&a.charAt(c)==b;)c++;return a.substr(c)}function spider_RTrim(a,b){"undefined"===typeof b&&(b=" ");for(var c=a.length-1;0<c&&a.charAt(c)==b;)c--;return a.substr(0,c-0+1)}function spider_Trim(a,b){"undefined"===typeof b&&(b=" ");for(var c=0,d=a.length-1;c<=d&&a.charAt(c)==b;)c++;for(;d>c&&a.charAt(d)==b;)d--;return a.substr(c,d-c+1)}function spider_Len(a){return a.length}
function spider_Hex(a,b){"undefined"===typeof b&&(b=13);switch(b){case 1:case 24:a&=255;break;case 3:case 25:a&=65535;break;case 5:a&=4294967295}return a.toString(16).toUpperCase()}function spider_ReplaceString(a,b,c,d,e,f){"undefined"===typeof d&&(d=0);"undefined"===typeof e&&(e=1);"undefined"===typeof f&&(f=-1);e-=1;for(1==d&&(b=b.toUpperCase());f;){e=1==d?a.toUpperCase().indexOf(b,e):a.indexOf(b,e);if(-1==e)break;a=a.substring(0,e)+c+a.substring(e+b.length);e+=c.length;f--}return a}
function spider_RemoveString(a,b,c,d,e){return spider_ReplaceString(a,b,"",c,d,e)}function spider_ReverseString(a){var b="",c;for(c=a.length-1;0<=c;c--)b+=a.charAt(c);return b}function spider_RSet(a,b,c){"undefined"===typeof c&&(c=" ");var d=b-a.length;if(a.length>b)return a.substring(0,b);if(0<d){b=c;for(d--;d;)d--,b+=c;return b+a}return a}
function spider_LSet(a,b,c){"undefined"===typeof c&&(c=" ");var d=b-a.length;if(a.length>b)return a.substring(0,b);if(0<d){b=c;for(d--;d;)d--,b+=c;return a+b}return a}function spider_StringField(a,b,c){a=a.split(c);return a.length>=b?a[b-1]:""};
if("undefined"==typeof Spider)var Spider={};function spider_ElapsedMilliseconds(){return(new Date).getTime()};
if("undefined"==typeof Spider)var Spider={};function spider_BankerRound(a){var b=Math.abs(a);a=0===a?0:0>a?-1:1;var c=Math.floor(b);return 0.5!=b-c?Math.round(b)*a:1==c%2?Math.ceil(b)*a:c*a}function spider_CastByte(a){a&=255;return 127<a?-(256-a):a}function spider_CastCharacter(a){return a&65535}function spider_CastAscii(a){return a&255}function spider_CastUnicode(a){return a&65535}function spider_CastWord(a){a&=65535;return 32767<a?-(65536-a):a}
function spider_CastLong(a){a&=4294967295;return 2147483647<a?-(4294967296-a):a}function spider_XOr(a,b){return(a||b)&&!(a&&b)}function spider_AssignFixedString(a,b){return b<a.length?a.substring(0,b):a};
</script>
<script type="text/javascript">
spider.canvas = 0;
spider.context = 0;
var s_Integer = function() { return { i : 0 }; };
var s_Ascii = function() { return { a : 0 }; };
var s_Byte = function() { return { b : 0 }; };
var s_Word = function() { return { w : 0 }; };
var s_Unicode = function() { return { u : 0 }; };
var s_Long = function() { return { l : 0 }; };
var s_Quad = function() { return { q : 0 }; };
var s_Float = function() { return { f : 0 }; };
var s_Double = function() { return { d : 0 }; };
var s_Character = function() { return { c : 0 }; };
var s_String = function() { return { s : "" }; };
var _S1="My Window";
var PB_DataPointer=0;
function SpiderLaunch() {
spider_OpenWindow(0,0,0,500,500,_S1,17);
}
function SpiderMain() {
SpiderLaunch();
}
</script>
</head>
<body class="claro" id="SpiderBody" onLoad="SpiderMain();">
</body>
</html>

dans le debugger JS on a ces erreurs qui apparaissent :

[14:37:42,377] L'utilisation de « getUserData() » ou « setUserData() » est obsolète. Utiliser « WeakMap » ou « element.dataset » à la place. @ resource://gre/modules/XPIProvider.jsm -> jar:file:///E:/Dobro/download/internet/FirefoxPortable/Data/profile/extensions/%7Bd10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d%7D.xpi!/bootstrap.js -> jar:file:///E:/Dobro/download/internet/FirefoxPortable/Data/profile/extensions/%7Bd10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d%7D.xpi!/lib/requestNotifier.js:64
--
[14:37:47,711] L'utilisation des « Mutation Events » est obsolète. Utiliser « MutationObserver » à la place. @ chrome://divxhtml5/content/script.js:19

autre erreur dans le module Dojo.js

Error: multipleDefine
http://s242132022.onlinehome.fr/spiderb ... jo/dojo.js (ligne 15)
Line 15

mais j'avoue que je ne sais pas trop me servir de cet outils ....

[TazNormand]

dojo + jquery !?!?

Il faut éviter autant que faire se peut de mélanger 2 framework JS.

[majikeyric]

L'exemple fourni par Fred (http://www.purebasic.com/spidertest/waponez/) se charge pourtant rapidement.
Il y aussi un 'gros tas' de javascript mais pas de : 'dojo.js' ni d'ouverture de fenetre.

dojo (connais pas) et jquery sont vraiment incompatibles ?

[TazNormand]

Le problème est qu'il peuvent avoir les mêmes fonctions, type '$' qui permet de pointer un élément html, comment alors savoir quelle est la bonne fonction utilisée ???

Moi je faisais référence au code qu'a posté Dobro, je n'ai pas regardé celui de "waponez"

[Fred]

dojo et jquery sont parfaitement compatibles, "$" est uniquement utilisé par jquery (dojo utilise le namespace "dojo")