I work on a general test on the Mobile, and I Utilize a library sencha
You just need a browser to googleChrome to test
So I have some ideas like that, not necessarily good nor bad, but I suggest:
- Count the number of divs whenever you add more or you may get;
- Measure the height of the page with window.innerHeight;
- A mix between the two, measuring the cumulative height of all your divs;
- Etc.
0. Page B makes periodic requests to see if there is a div to be added,
1. you detect that the page A is full,
2. you send the div to the page B
Here's what I've done up to date, but I am completely blocked
Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hello World</title>
<script src="sencha-touch-debug.js" type="text/javascript" ></script>
<script type="text/javascript">
var w = (window.innerWidth);
var h = (window.innerHeight);
//alert (w);
// alert (h);
if(w < h){
// alert ("IPAD w < h , horizental ");
new Ext.Application({
launch: function() {
new Ext.Container({
fullscreen: true,
layout: 'vbox',
items: [
{
html: [
'<div style="height: 100%; width: 100%; border: 1px red solid; margin:auto; ">',
'<img src="data/articles/Cycles.jpg" style="width: 100% "/>',
'<p class="p4">VV__hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy .</p>',
'</div>'
]
,
xtype: 'panel',
flex: 1
},
{
html: [
'<div style="height: 100%; width: 100%; border: 1px black solid; ">',
'<img src="data/articles/Des-habits-et-des-hommes.jpg" style="width: 100% "/>',
'<p class="p2"><b>Des Habits et des Hommes</b></p>',
'<p class="p4">VV_hhjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy .</p>',
'</div>'
]
,
xtype: 'panel',
flex: 2
}
]
});
}
});
//Le travail est dans la partie en bas
} else {
// alert ("IPAD w > h , vertical ");
new Ext.Application({
launch: function() {
new Ext.Container({
fullscreen: true,
layout: 'hbox',
items: [
{
html: [
'<div><img src="data/articles/Cycles.jpg" style="width: 45%"/></div>',
'<div style="width: 45%">VV__hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy </div>',
'<div><img src="data/articles/Des-habits-et-des-hommes.jpg" style="width: 45% "/></div>',
'<div style=" width: 49%; border: 0px black solid; ">VV_Chjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy hjgfkhljkgh khgjklhjklgjk kgjhk;lgjjjjjjjjjjjj jjjjjjjjjjjjjjjj fgihuigfuhufgihugifuhgi iu uiiu ufdiusgyufdygu uyufyguyfu uyufg ufyuy uuy u uuufyuf uyufufyufyu ufyuyfuyuy </div>'
]
,
xtype: 'panel',
flex: 1
},
]//fin Item
});
}
});
/*
var items = Ext.select('.x-panel-body div img');
items.each(function() { Ext.select('.x-panel-body div').appendChild(this); });
*/
}
</script>
</head>
<body></body>
</html>