Comparing version
{ | ||
"name": "xone", | ||
"version": "0.0.314", | ||
"version": "0.0.315", | ||
"description": "Open source Javascript framework for building modern web applications.", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
@@ -249,3 +249,3 @@  | ||
<body> | ||
<!-- END OF BODY: --> | ||
<!-- END_OF_BODY --> | ||
<!-- LOAD XONE: --> | ||
@@ -284,2 +284,43 @@ <script src="js/xone.lib.min.js"></script> | ||
###### Restrictions (when "fast mode" is enabled) | ||
The problem: | ||
```js | ||
var display; | ||
// read style DOM: | ||
display = document.getElementById('my_div').style.display; | ||
console.log(display); // -> 'block' | ||
// set style Xone: | ||
CORE.setStyle('my_div', 'display', 'none'); | ||
// read style Xone: | ||
display = CORE.getStyle('my_div', 'display'); | ||
console.log(display); // -> 'none' | ||
// read style DOM: | ||
display = document.getElementById('my_div').style.display; | ||
console.log(display); // -> 'block' !!! | ||
``` | ||
Instead do this: | ||
```js | ||
var display; | ||
// set style Xone: | ||
CORE.setStyle('my_div', 'display', 'none'); | ||
// do on next refresh: | ||
CORE.paint(function(){ | ||
// read style DOM: | ||
display = document.getElementById('my_div').style.display; | ||
console.log(display); // -> 'none' | ||
}); | ||
``` | ||
--- | ||
@@ -286,0 +327,0 @@ |
1348303
0.06%407
11.2%