@@ -23,8 +23,10 @@ <h1>Swap collision demo</h1>
2323 < a class ="btn btn-primary " onclick ="load(0) " href ="# "> load 0</ a >
2424 < a class ="btn btn-primary " onclick ="load(1) " href ="# "> load 1</ a >
2525 < a class ="btn btn-primary " onclick ="load(2) " href ="# "> load 2</ a >
26- < a class ="btn btn-primary " onclick ="load(3) " href ="# "> load web1</ a >
27- < a class ="btn btn-primary " onclick ="load(3); loadAdvanced() " href ="# "> load web2</ a >
26+ < a class ="btn btn-primary " onclick ="load(3) " href ="# "> load 3</ a >
27+ < a class ="btn btn-primary " onclick ="load(4) " href ="# "> load 4</ a >
28+ < a class ="btn btn-primary " onclick ="load(5) " href ="# "> load web1</ a >
29+ < a class ="btn btn-primary " onclick ="load(5); loadAdvanced() " href ="# "> load web2</ a >
2830 </ div >
2931 < br > < br >
3032 < div class ="grid-stack "> </ div >
@@ -58,6 +60,11 @@ <h1>Swap collision demo</h1>
5860 ] , [ // load 2
5961 { x :1 , y :0 , w :2 } , { x :1 , y :1 , h :2 } , { x :2 , y :1 } , { x :0 , y :3 , w :3 } , { x :0 , y :4 } ,
6062 // {x:5, y:0, w:2}, {x:6, y:1}, {x:4, y:2, w:3} , {x:5, y:4, h:2}, {x:4, y:4},
63+ ] , [ // load 3
64+ { x :0 , y :0 , w :6 , h :3 , content :'drag down past 2, flickers' } , { x :6 , y :0 , w :6 , h :3 } , { x :0 , y :3 , w :8 , h :2 } , { x :0 , y :5 , w :4 , h :2 } ,
65+ // {x:0, y:0, w:1, h:1, content:'drag down past 2'}, {x:1, y:0, w:2, h:1}, {x:0, y:3, w:2, h:1}, {x:0, y:5, w:1, h:1}, // BETTER but quick flicker to end
66+ ] , [ // load 4
67+ { x :0 , y :0 , w :6 , h :2 , content :'drag down past 2, re-orders 3' } , { x :6 , y :0 , w :6 , h :2 } , { x :0 , y :3 , w :8 , h :1 } , { x :0 , y :5 , w :4 , h :1 } ,
6168 ] , [ // web1.html demo
6269 { x :0 , y :0 , w :4 , h :2 } ,
6370 { x :4 , y :0 , w :4 , h :4 , id : 'big' } ,
0 commit comments