All posts by Tomislav Vlahović
Standalone wordpress
$path = $_SERVER['DOCUMENT_ROOT']; include_once $path . 'wp-load.php';
Bookmarks 2014-02-04
- HTML 5 range slider
- Centering a DIV
- C# Tutorials
- Kettle.js – A rapid, bottom-up approach to developing Backbone views.
- Nightwatch.js – Browser automated testing done easy. Write efficient and straightforward Javascript End-to-End tests in Node.js which run against a Selenium server.
- Smartspender — designing a stylish app for tracking your spending habits
Extjs, IE compatible getStore
Uvijek ovako postavi Store, jer ga jedino tako IE 11 prepoznaje
Ext.data.StoreManager.lookup('Nvision.store.Devices')
ExtJS, query Store
1. dohvati store objekt
var deviceStore = Ext.data.StoreManager.lookup('Nvision.store.Devices');
2. napravi query, dohvati record kojemu je ‘DataSourceID’ = 37
deviceStore.findRecord('DataSourceID', 37);
ExtJs, komponente u toolbaru panela
dockedItems: [{
xtype: 'toolbar',
dock: 'bottom',
items: [{
text: 'Fokusiraj na Omišalj',
handler: function () {
var me = this,
panel = GeoExt.panel.Map.guess(),
map = panel.map;
map.setCenter(new OpenLayers.LonLat(1617951, 5656077), 15);
//map.zoomToExtent(panel.extent, true);
}
}, {
text: 'Full screen',
enableToggle: true,
listeners: {
click: function () {
var me = this,
map_panel = Ext.ComponentQuery.query('#main-map-panel')[0],
viewport_width = document.documentElement.clientWidth,
viewport_height = document.documentElement.clientHeight,
default_width = map_panel.default_width,
default_height = map_panel.default_height;
if (me.pressed == true) {
map_panel.setWidth(viewport_width);
map_panel.setHeight(viewport_height);
me.setText('Vrati na originalne dimenzije');
return;
}
map_panel.setWidth(default_width);
map_panel.setHeight(default_height);
me.setText('Full screen');
}
}
}]
}]
ExtJS, query component
- dodaj itemId u config komponenete
- koristi Ext.ComponentQuery.query
itemId: 'main-map-panel',
...
var map_panel = Ext.ComponentQuery.query('#main-map-panel')[0]
...
Javascript, get browser viewport
// pure JavaScript
var viewportWidth = document.documentElement.clientWidth,
viewportHeight = document.documentElement.clientHeight;
// jQuery
var viewportWidth = $(window).width(),
viewportHeight = $(window).height();