attendere caricamento in corso...
<xi:include href="/js/bindings.opt/CSI.xml" /> <b:dataFormatter name="integer_groups"> <![CDATA[ var str = value + ''; return str.substr( 0, str.length % 3) + str.substr( str.length % 3).replace(/(\d{3})/g, " $1"); ]]> </b:dataFormatter> <b:dataFormatter name="percent"> <![CDATA[ var str = value + ''; return str.replace(/\./g, ",")+'%'; ]]> </b:dataFormatter> <b:panelSet rows="40px *"> <b:panel backgroundColor="#4B57B0" padding="5px" overflow="hidden"> <div class="titolo">Regione Piemonte, dati artigianato</div> </b:panel> <b:panelSet columns="1px 220px *" id="panelmenu"> <b:panel backgroundColor="#4B57B0"> <div style="align:center;line-height:12px;color: white;margin-left:2px;cursor: pointer;font-weight:bold;line-height: 90%;font-size:12px">M<br/>E<br/>N<br/>U</div> <e:handler event="click" type="text/javascript"> showMenu() </e:handler> </b:panel> <b:panel backgroundColor="#4B57B0"> <div style="color: white;margin-bottom:2px;cursor: pointer;font-weight:bold;font-size:12px">Nascondi menu <e:handler event="click" type="text/javascript"> hideMenu() </e:handler> </div> <b:toolBar style="font-weight:bold; font-size:12px" width="200px" margin="0px" padding="0px"> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/silk_icons/table.png" /> Tabella <e:handler event="click" type="text/javascript"> loadContent() </e:handler> </b:toolBarButton> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/silk_icons/chart_bar.png" /> Grafico <e:handler event="click" type="text/javascript"> loadMainGraph(); </e:handler> </b:toolBarButton> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/silk_icons/map.png" /> Mappa <e:handler event="click" type="text/javascript"> modmap() </e:handler> </b:toolBarButton> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/silk_icons/help.png" /> Help <e:handler type="application/xml" event="click"> <e:call method="setAttribute" with="id('Help')" name="'open'" value="'true'" /> <e:call method="setAttribute" with="id('Mappe')" name="'open'" value="'false'" /> <e:call method="setAttribute" with="id('Grafici')" name="'open'" value="'false'" /> </e:handler> </b:toolBarButton> </b:toolBar> <b:toolBar width="200px" margin="0px" padding="0px"> <b:toolBarItem> Anno rilevazione <b:comboBox id="anno"> <b:comboBoxOption selected="true">2011</b:comboBoxOption> <b:comboBoxOption>2010</b:comboBoxOption> <b:comboBoxOption>2009</b:comboBoxOption> <b:comboBoxOption>2008</b:comboBoxOption> <b:comboBoxOption>2007</b:comboBoxOption> <b:comboBoxOption>2006</b:comboBoxOption> <b:comboBoxOption>2005</b:comboBoxOption> <b:comboBoxOption>2004</b:comboBoxOption> <b:comboBoxOption>2003</b:comboBoxOption> <b:comboBoxOption>2002</b:comboBoxOption> <b:comboBoxOption>2001</b:comboBoxOption> <b:comboBoxOption>2000</b:comboBoxOption> <b:comboBoxOption>1999</b:comboBoxOption> </b:comboBox> </b:toolBarItem> </b:toolBar> <b:groupBox label="Aggregazione" padding="4px" style="margin-top:5px;font-weight:bold" width="200px"> <b:comboBox id="aggrega"> <b:comboBoxOption value="00011">Dimensione azienda</b:comboBoxOption> <b:comboBoxOption selected="true" value="00013">Settore</b:comboBoxOption> <b:comboBoxOption value="00001">Provincia</b:comboBoxOption> <b:comboBoxOption value="00031">Settore (dettaglio)</b:comboBoxOption> <b:comboBoxOption value="00003">Natura Giuridica</b:comboBoxOption> <b:comboBoxOption value="00016">Classe di et&agrave;</b:comboBoxOption> <b:comboBoxOption value="00018">Nazionalita</b:comboBoxOption> <b:comboBoxOption value="00009">Anno inizio attivit&agrave;</b:comboBoxOption> <b:comboBoxOption value="00017">Sesso</b:comboBoxOption> <b:comboBoxOption value="00028">Centri per l'impiego</b:comboBoxOption> <b:comboBoxOption value="00032">Durata Attivit&agrave;</b:comboBoxOption> </b:comboBox><br /> <b:comboBox id="aggrega2"> <b:comboBoxOption value="00011">Dimensione azienda</b:comboBoxOption> <b:comboBoxOption value="00013">Settore</b:comboBoxOption> <b:comboBoxOption selected="true" value="00001">Provincia</b:comboBoxOption> <b:comboBoxOption selected="true" value="00031">Settore (dettaglio)</b:comboBoxOption> <b:comboBoxOption value="00003">Natura Giuridica</b:comboBoxOption> <b:comboBoxOption value="00016">Classe di et&agrave;</b:comboBoxOption> <b:comboBoxOption value="00018">Nazionalita</b:comboBoxOption> <b:comboBoxOption value="00009">Anno inizio attivit&agrave;</b:comboBoxOption> <b:comboBoxOption value="00017">Sesso</b:comboBoxOption> <b:comboBoxOption value="00028">Centri per l'impiego</b:comboBoxOption> <b:comboBoxOption value="00032">Durata Attivit&agrave;</b:comboBoxOption> </b:comboBox> </b:groupBox> <b:groupBox label="Pivot" padding="4px" style="margin-top:5px;font-weight:bold" width="200px"> <b:checkBoxGroup id="pivot" name="pivot"> <b:checkBoxGroupOption value="1" class="option" selected="false">attiva</b:checkBoxGroupOption> <e:handler event="change" type="text/javascript"> pivotchange(this); </e:handler> </b:checkBoxGroup> pivot su: <b:comboBox id="pivotf" disabled="true" style="font-weight:normal;margin-bottom:3px"> <b:comboBoxOption value="00013">Settore</b:comboBoxOption> <b:comboBoxOption value="00001">Provincia</b:comboBoxOption> <b:comboBoxOption value="00003">Natura Giuridica</b:comboBoxOption> <b:comboBoxOption selected="true" value="00016">Classe di et&agrave;</b:comboBoxOption> <b:comboBoxOption value="00017">Sesso</b:comboBoxOption> <b:comboBoxOption value="00032">Durata Attivit&agrave;</b:comboBoxOption> </b:comboBox> <b:box style="border: 0px; background: white"> campo dati: <b:comboBox id="pivotdata" disabled="true" style="font-weight:normal;margin-bottom:3px"> <b:comboBoxOption selected="true" value="00024">Numero aziende</b:comboBoxOption> <b:comboBoxOption value="00019">Occupati dipendenti</b:comboBoxOption> <b:comboBoxOption value="00021">Occupati autonomi</b:comboBoxOption> <b:comboBoxOption value="00023">Occupati totali</b:comboBoxOption> </b:comboBox> </b:box> </b:groupBox> <b:groupBox label="Filtri" style="margin-top:5px;font-weight:bold" width="200px"> <b:navBox padding="5px" open="false" width="200px"> <b:label>Anno inizio attivit&agrave;</b:label> <b:populator url="xml/checkbox_populate.exml?field=00009&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Centri per l'impiego</b:label> <b:populator url="xml/checkbox_populate.exml?field=00028&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Classe di et&agrave;</b:label> <b:populator url="xml/checkbox_populate.exml?field=00016&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Comune</b:label> <b:populator url="xml/checkbox_populate.exml?field=00007&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Dimensione azienda</b:label> <b:populator url="xml/checkbox_populate.exml?field=00011&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Durata Attivit&agrave;</b:label> <b:populator url="xml/checkbox_populate.exml?field=00032&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Natura Giuridica</b:label> <b:populator url="xml/checkbox_populate.exml?field=00003&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Nazionalita</b:label> <b:populator url="xml/checkbox_populate.exml?field=00018&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Provincia</b:label> <b:populator url="xml/checkbox_populate.exml?field=00001&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Sesso</b:label> <b:populator url="xml/checkbox_populate.exml?field=00017&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Settore</b:label> <b:populator url="xml/checkbox_populate.exml?field=00013&amp;anno=2007" events="click" /> </b:navBox> <b:navBox padding="5px" open="false" width="200px"> <b:label>Settore (dettaglio)</b:label> <b:populator url="xml/checkbox_populate.exml?field=00031&amp;anno=2007" events="click" /> </b:navBox> </b:groupBox> <b:groupBox label="Opzioni" padding="4px" style="margin-top:5px;font-weight:bold" width="200px"> <b:checkBoxGroup id="perc" name="perc"> <b:checkBoxGroupOption value="1" class="option" selected="false">dati in <b>percentuale x colonna</b></b:checkBoxGroupOption> </b:checkBoxGroup> </b:groupBox> <b:groupBox label="Esportazione" padding="0px" style="margin-top:5px;font-weight:bold" width="200px"> <b:toolBar style="font-weight:bold; font-size:12px" width="200px" margin="0px" padding="0px"> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/app_icons/xls.gif" /> XLS <e:handler event="click" type="text/javascript"> esportxls() </e:handler> </b:toolBarButton> <b:toolBarButton> <img alt="" style="height:16px; width:16px;" src="/assets/app_icons/html.gif" /> HTML <e:handler event="click" type="text/javascript"> esporthtml() </e:handler> </b:toolBarButton> </b:toolBar> <b:box style="border: 0px;background: transparent" id="esporta"></b:box> </b:groupBox> <b:tree id="treebox" style="display: none"> <b:treeLeaf label="&lt;input type=&quot;checkbox&quot; onclick=&quot;dataCheck(this,'1','0')&quot; checked=&quot;checked&quot; id=&quot;C-1&quot;&gt;tutti i dati&lt;/input&gt;" /> </b:tree> <b:box width="200px" padding="2px" style="display: none"> <b:checkBoxGroup xmlns:b="http://www.backbase.com/2006/btl" id="gruppi"> <b:checkBoxGroupOption id="G-1-1" name="datagroup" value="1" class="option" selected="true">dip</b:checkBoxGroupOption> <b:checkBoxGroupOption id="G-2-1" name="datagroup" value="2" class="option" selected="true">aut</b:checkBoxGroupOption> <b:checkBoxGroupOption id="G-3-1" name="datagroup" value="3" class="option" selected="true">occ</b:checkBoxGroupOption> <b:checkBoxGroupOption id="G-4-1" name="datagroup" value="4" class="option" selected="true">num</b:checkBoxGroupOption> </b:checkBoxGroup> </b:box> </b:panel> <b:panelSet rows="20px *"> <b:panel backgroundColor="#20264C"> <b:box xmlns:b="http://www.backbase.com/2006/btl" xmlns="http://www.w3.org/1999/xhtml" id="selezione" style="background: #242954;padding:3px; color: white; border: 0px"> <span style="font-weight:bold">aggregazione per</span>: Settore, Provincia | <span style="font-weight:bold">dati selezionati</span>: dip, aut, occ, num | <span style="font-weight:bold">dati assoluti</span> </b:box> </b:panel> <b:panel backgroundColor="#514E64" id="tree"> <b:treeGrid xmlns:b="http://www.backbase.com/2006/btl" xmlns:e="http://www.backbase.com/2006/xel" dataSource="xmldata" zIndex="5" position="absolute" height="100%" width="100%" sortField="aggrega" readonly="true" rowClasses="rowClass1, rowClass2" id="data" backgroundColor="#D0C9FF"> <b:treeGridCol dataField="aggrega" label="&nbsp;" width="250px" format="style[color:#5A576E;font-weight:bold; padding:3px]"> </b:treeGridCol> <b:treeGridCol dataField="num_aziende" label="Numero aziende" id="COL-00024" datatype="number" format="integer_groups style[color:#]" /> <b:treeGridCol dataField="dip" label="Occupati dipendenti" id="COL-00019" datatype="number" format="integer_groups style[color:#]" /> <b:treeGridCol dataField="aut" label="Occupati autonomi" id="COL-00021" datatype="number" format="integer_groups style[color:#]" /> <b:treeGridCol dataField="occ" label="Occupati totali" id="COL-00023" datatype="number" format="integer_groups style[color:#]" /> <e:handler event="pageRefreshed" type="text/javascript"> <![CDATA[ document.getElementById('loadingMessageContainer').style.display = 'none'; /* var oRow = this.selectNodes("view()/div[3]/table/tbody/tr/td[2]/div"); z = oRow.length - 1; bb.command.setStyle(oRow[z].parentNode.parentNode,{'background-color':'#8A85A9'}); bb.command.setStyle(oRow[z].parentNode.parentNode,{'color':'white'}); */ ]]> </e:handler> <e:handler event="selectionChanged" type="text/javascript"> document.getElementById('loadingMessageContainer').style.display = '' var iIndex = this.getProperty('selectedIndex'); var oSource = this.getProperty('dataSource'); sValue = btl.dataSource.getValue(oSource, iIndex, '@label'); var sId = btl.dataSource.getValue(oSource, iIndex, '@sid'); loadGraph(sId,sValue) </e:handler> </b:treeGrid> <b:window position="absolute" id="w1" label="Window 1" width="500px" height="325px" right="20px" top="60px" open="false" padding="0px" dragConstraint="../.." resizeConstraint=".."> <b:box height="100%" padding="0px"><div id="chart1-1" style="display:block;height:105%;margin-top:-5%"></div></b:box> </b:window> <b:window position="absolute" id="w2" label="Window 2" width="500px" height="325px" right="20px" top="385px" open="false" padding="0px" dragConstraint="../.." resizeConstraint=".."> <b:box height="100%" padding="0px"><div id="chart1-2" style="display:block;height:105%;margin-top:-5%"></div></b:box> </b:window> <b:window position="absolute" id="w3" label="Window 3" width="500px" height="325px" right="520px" top="60px" open="false" padding="0px" dragConstraint="../.." resizeConstraint=".."> <b:box height="100%" padding="0px"><div id="chart1-3" style="display:block;height:105%;margin-top:-5%"></div></b:box> </b:window> <b:window position="absolute" id="w4" label="Window 4" width="500px" height="325px" right="520px" top="385px" open="false" padding="0px" dragConstraint="../.." resizeConstraint=".."> <b:box height="100%" padding="0px"><div id="chart1-4" style="display:block;height:105%;margin-top:-5%"></div></b:box> </b:window> <b:window open="false" label="Grafici" width="100%" height="100%" left="0px" top="0px" padding="5px" id="Grafici"> <b:box id="chartbox" style="position: absolute;top:0px;left:0px;display:block; width:100%; height:100%; z-index:2"></b:box> <b:box style="position: absolute;background-color:white; top: 0px;left:0px; padding:3px; z-index:50"> selezionare dato da visualizzare <b:comboBox id="gr_colonne" style="z-index:50"> <b:comboBoxOption value="00019">Occupati dipendenti</b:comboBoxOption> <b:comboBoxOption value="00021">Occupati autonomi</b:comboBoxOption> <b:comboBoxOption selected="true" value="00023">Occupati totali</b:comboBoxOption> <b:comboBoxOption value="00024">Numero aziende</b:comboBoxOption> <e:handler event="change" type="text/javascript"> loadMainGraph(); </e:handler> </b:comboBox> - selezionare campo di aggregazione e filtri dal menu </b:box> </b:window> <b:window open="false" label="Mappe" width="100%" height="100%" left="0px" top="0px" padding="5px" id="Mappe"> <div style="border:1px solid gray; padding:3px"> selezionare dato da visualizzare <b:comboBox id="ma_colonne"> <b:comboBoxOption value="00019">Occupati dipendenti</b:comboBoxOption> <b:comboBoxOption value="00021">Occupati autonomi</b:comboBoxOption> <b:comboBoxOption selected="true" value="00023">Occupati totali</b:comboBoxOption> <b:comboBoxOption value="00024">Numero aziende</b:comboBoxOption> <e:handler event="change" type="text/javascript"> loadMainMap(); </e:handler> </b:comboBox> - selezionare filtri dal menu </div> <div id="mapbox" style="display:block; width:100%; height:95%;"></div> </b:window> <b:window open="true" id="Help" label="Istruzioni" width="100%" height="100%" left="0px" top="0px" padding="5px"> <b:xhtml style="font-size: 12px"> <div style="font-size: 14px"> <p>Questo servizio statistico &egrave; uno strumento di consultazione dinamica ed interattiva che mira a diffondere le informazioni in possesso dell'Osservatorio regionale dell'artigianato ad un pubblico vasto rappresentato da cittadini (ricercatori, studenti, etc..) ed imprese attraverso l'uso di internet.</p> <p>Il servizio rende agevolmente accessibili le informazioni di sintesi sulla distribuzione e l'andamento delle imprese artigiane e dei relativi addetti presenti sul territorio regionale dal 1999 ad oggi.</p> <p>Tale strumento permette all'utente di interrogare la banca dati attraverso la costruzione di tabelle, grafici e mappe personalizzate riportando informazioni aggregate in base alle principali dimensioni di analisi del fenomeno (territorio, attivit&agrave; economica, dimensione dell'azienda, ecc...)</p> <p>Lo strumento garantir&agrave; inoltre la possibilit&agrave; di:</p> <ul> <li>condurre un'analisi multidimensionale;</li> <li>impostare dei filtri sulla selezione delle informazioni;</li> <li>visualizzare i dati in percentuale per colonna;</li> <li>esportare i dati in ambiente di produttivit&agrave; individuale (xls, html).</li> </ul> <p>Le informazioni rese disponibili sono principalmente di fonte Infocamere, fatta eccezione per i dati sull'occupazione nelle aziende che sono invece di fonte INPS.</p> <p>Le informazioni di tipo misura (i dati numerici) fruibili sono:</p> <ul> <li>Numero aziende;</li> <li>Occupati totali, autonomi e dipendenti.</li> </ul> <p>Le informazioni di tipo dimensione (i dati per le analisi) fruibili sono:</p> <ul> <li>Anno di rilevazione</li> <li>Provincia - Centro per l'Impiego - Comune</li> <li>Settore - Settore (dettaglio)</li> <li>Dimensione azienda</li> <li>Natura Giuridica</li> <li>Durata dell'attivit&agrave;</li> <li>Sesso - Classe di et&agrave; - Nazionalit&agrave; della persona di riferimento.</li> </ul> <hr/> <h3>Istruzioni per l'uso</h3> <a href="/assets/help/documentazione.pdf">documentazione in pdf</a><br /> <img src="/assets/help/menu0.png" alt="visione d'insieme" /> <img src="/assets/help/menu1.png" alt="menu 1" /> <img src="/assets/help/menu2.png" alt="menu 2" /> <img src="/assets/help/tabella.png" alt="tabelle" /> <img src="/assets/help/grafico.png" alt="grafici" /> <img src="/assets/help/mappa.png" alt="mappe" /> </div> </b:xhtml> </b:window> </b:panel> </b:panelSet> </b:panelSet> </b:panelSet> <b:dataSource useTimeStamp="true" method="GET" id="xmldata" name="xmldata" dataType="application/xml" requestType="application/xml" e:behavior="b:remoteData" url="xml/data.exml?anno=2007&amp;dataset=1&amp;gruppi=1,2,3,4"> <b:dataSchema identifier="@id" parent="@parentId" expandable="@hasChildren"> </b:dataSchema> <e:handler event="dataRequest" type="text/javascript"> document.getElementById('loadingMessageContainer').style.display = '' setContent(); </e:handler> </b:dataSource> <div style="display:none" id="a_anno"></div> <div style="display:none" id="a_aggrega"></div> <div style="display:none" id="a_aggrega2"></div> <div style="display:none" id="a_filtro"></div> <div style="display:none" id="a_dataset"></div> <div style="display:none" id="a_gruppi"></div> <div style="display:none" id="prevdataset">1</div>