L'oggetto tabs molto utile per gestire all'interno della stessa pagina più elementi raggruppandoli schede:
<idtab1 typeobj="tab" label="etichetta">
.............................................
.............................................
.............................................
</tab1>
<tab2 typeobj="tab" label="etichetta">
.............................................
.............................................
.............................................
</tab2>
.................................
<tabn typeobj="tab" label="etichetta">
.............................................
.............................................
.............................................
</tabn>
</idtag>
<?php
/**
* PHP Source File
* @author Alyx Association <info@alyx.it>
* @version 1.0
* @copyright Alyx Association 2008-2010
* @license GNU Public License
*/
require_once("./../../class/system.class.php");
$system = new ClsSystem(true);
$xml = new ClsXML("tabs.xml");
$event = new ClsEvent($xml);
$event->managerRequest();
?>
<jamp>
<page typeobj="page" title="JAMP - Esempio TABS" icon="../../favicon.ico" loaddata="true">
<ds1 typeobj="ds" conn="conn6" dsorder="Cognome" dstable="Anagrafica" dskey="IDAssistito" focusnew="text1" dslimit="1" />
<dsnav1 typeobj="dsnav" dsobj="ds1" objprint="tabs1" style="height: 30px"/>
<tabs1 typeobj="tabs" width="770px" height="520px" selected="tab1" align="left">
<tab1 typeobj="tab" label="ANAGRAFICA">
<text3 typeobj="text" dsobj="ds1" dsitem="Prot_Amm" label="Prot Amm:" maxlength="5" size="5" labelwidth="110px" />
<text6 typeobj="text" dsobj="ds1" dsitem="Cognome" label="Cognome:" maxlength="40" size="20" labelwidth="110px" />
<text4 typeobj="text" dsobj="ds1" dsitem="Nome" label="Nome:" maxlength="40" size="20" labelwidth="110px" />
<text5 typeobj="text" dsobj="ds1" dsitem="SecondoNome" label="Secondo Nome:" maxlength="30" size="20" labelwidth="110px" />
<text7 typeobj="text" dsobj="ds1" dsitem="CodiceFiscale" label="Codice fiscale:" maxlength="16" size="20" labelwidth="110px" />
<text8 typeobj="text" dsobj="ds1" dsitem="DataNascita" label="Data di nascita:" maxlength="12" size="12" format="date|EN|yyyy-mm-dd|IT|dd/mm/yyyy" labelwidth="110px" />
<textcitta typeobj="text" dsobj="ds1" dsitem="Citta" label="Città di nascita:" maxlength="40" size="20" labelwidth="110px" />
<dsselect1 typeobj="dsselect" dsobj="ds1" dsitem="sesso" label="Sesso:" labelwidth="110px" >
<options>
<opt1 optiontext="M" optionvalue="1"/>
<opt2 optiontext="F" optionvalue="2"/>
</options>
</dsselect1>
</tab1>
<tab2 typeobj="tab" label="RECAPITI">
<text9 typeobj="text" dsobj="ds1" dsitem="Indirizzo" label="Indirizzo:" labelwidth="130px" maxlength="255" size="30" />
<textresidenza typeobj="text" dsobj="ds1" dsitem="Residenza" label="Residenza:" maxlength="40" size="20" labelwidth="130px" />
<textcit typeobj="text" dsobj="ds1" dsitem="Cittadinanza" label="Cittadinanza:" labelwidth="130px" maxlength="3" size="5" />
<text12 typeobj="text" dsobj="ds1" dsitem="StatoOProvincia" label="Stato o Provincia:" labelwidth="130px" maxlength="16" size="16" />
<text13 typeobj="text" dsobj="ds1" dsitem="CAP" label="CAP:" labelwidth="130px" maxlength="5" size="8" />
<text14 typeobj="text" dsobj="ds1" dsitem="TelefonoAbitazione" label="Telefono Abitazione:" labelwidth="130px" maxlength="12" size="20" />
<text1 typeobj="checkbox" check="0" uncheck="-1" dsobj="ds1" dsitem="esenzione" label="Esenzione:" labelwidth="130px" style="margin-bottom: 10px;" />
</tab2>
<tab3 typeobj="tab" label="USL">
<textusl typeobj="text" dsobj="ds1" dsitem="Usl" label="Usl:" maxlength="30" size="30" labelwidth="100px" />
<textuslp typeobj="text" dsobj="ds1" dsitem="Uslp" label="Distretto:" maxlength="30" size="30" labelwidth="100px" />
<textcomune typeobj="text" dsobj="ds1" dsitem="tracomune" label="Comune:" maxlength="30" size="30" labelwidth="100px" />
<text16 typeobj="text" dsobj="ds1" dsitem="nimpegnativa" label="impegnativa:" maxlength="30" size="30" labelwidth="100px" />
<text17 typeobj="text" dsobj="ds1" dsitem="dataimpegna" label="dataimpegna:" maxlength="12" size="12" format="date|EN|yyyy-mm-dd|IT|dd/mm/yyyy" labelwidth="100px" />
<textarea1 typeobj="textarea" dsobj="ds1" dsitem="Note" label="Note:" labelwidth="100px" cols="28" rows="3" />
</tab3>
<tab4 typeobj="tab" label="GENERALE">
<dsselect4 typeobj="dsselect" dsobjlist="ds3" dsobj="ds1" dsitem="IdIntervento" label="Tipo intervento:" labelwidth="160px" style="width: 190px; margin-bottom: 3px;">
<options>
<opt1 optionvalue="1" optiontext="AMB. ED EXTRAMURALE"/>
<opt2 optionvalue="2" optiontext="INT. GRAVE" />
<opt3 optionvalue="3" optiontext="INTERNATO" />
<opt4 optionvalue="4" optiontext="SEMI INT. GRAVE" />
<opt5 optionvalue="5" optiontext="SEMI INTERNATO" />
</options>
</dsselect4>
<dsselect5 typeobj="dsselect" dsobj="ds1" dsitem="regime" label="Regime:" labelwidth="160px" style="width: 190px; margin-bottom: 3px;">
<options>
<opt1 optiontext="Residenziale" optionvalue="1"/>
<opt2 optiontext="Semiresidenziale" optionvalue="2"/>
<opt3 optiontext="altro" optionvalue="3"/>
</options>
</dsselect5>
<text18 typeobj="text" dsobj="ds1" dsitem="numero_autorizzazione" label="Numero autorizione:" labelwidth="160px" maxlength="6" size="10" />
<text19 typeobj="text" dsobj="ds1" dsitem="data_autorizzazione" label="Data autorizione:" labelwidth="160px" maxlength="12" format="date|EN|yyyy-mm-dd|IT|dd/mm/yyyy" defaultvalue="$$DATE$$" size="10" />
<text21 typeobj="text" dsobj="ds1" dsitem="diagnosi" label="Codice ICD-9 CM:" maxlength="5" size="10" labelwidth="160px" />
<dsselect6 typeobj="dsselect" dsobj="ds1" dsitem="provenienza" label="Provenienza:" labelwidth="160px" style="width: 190px; margin-bottom: 3px;">
<options>
<opt1 optiontext="Abitazione" optionvalue="1"/>
<opt2 optiontext="Struttura protetta socio-sanitaria" optionvalue="2"/>
<opt3 optiontext="Struttura sociale" optionvalue="3"/>
<opt4 optiontext="Struttura ospedaliera" optionvalue="4"/>
<opt5 optiontext="Struttura di riabilitazione" optionvalue="5"/>
</options>
</dsselect6>
<dsselect7 typeobj="dsselect" dsobj="ds1" dsitem="dimissione" label="Modalità di dimissione:" labelwidth="160px" style="width: 190px; margin-bottom: 3px;">
<options>
<opt1 optiontext="Domicilio senza assistenza" optionvalue="1"/>
<opt2 optiontext="Domicilio con assistenza" optionvalue="2"/>
<opt3 optiontext="Struttura ospedaliera per acuti" optionvalue="3"/>
<opt4 optiontext="Altra tipologia di residenza" optionvalue="4"/>
<opt5 optiontext="Decesso" optionvalue="5"/>
</options>
</dsselect7>
<text24 typeobj="text" dsobj="ds1" dsitem="periodi_autorizzati" label="Periodi autorizzati:" labelwidth="160px" maxlength="3" size="12" />
</tab4>
</tabs1>
</page>
</jamp>
›› REFERENCE XML - TABS
Oggetto: TABS
...
</nome>
Attributi:
debug
Attiva il debug dell'oggetto.
Valori consentiti: true,false
Valori di default: false
onclick
Codice associato all'evento onclick.
ondblclick
Codice associato all'evento ondblclick.
onmousedown
Codice associato all'evento onmousedown.
onmouseup
Codice associato all'evento onmouseup.
onmouseover
Codice associato all'evento onmouseover.
onmousemove
Codice associato all'evento onmousemove.
onmouseout
Codice associato all'evento onmouseout.
onkeypress
Codice associato all'evento onkeypress.
onkeydown
Codice associato all'evento onkeydown.
onkeyup
Codice associato all'evento onkeyup.
class
Nome della classe di stile utilizzata dall'oggetto.
style
Proprietà di stile.
lang
Specifica il codice della lingua utilizzata.
dir
Direzione del testo:
- LTR da sinistra a destra(default).
- RTL da destra a sinistra.
template
Nome del template utilizzato dall'oggetto, se non specificato viene utilizzato quello di sistema.
title
Informazioni aggiuntive visualizzate al passaggio del mouse sull'oggetto istanziato.
id
Nome univoco dell'oggetto.
Valori di default: tabs
tabs
ID inoltrato al TAB. Proprietà impostata dal sistema.
Valori di default: tabs
height
Altezza dell'oggetto (con unità di misura es: 600px).
Valori di default: autosize
width
Larghezza dell'oggetto (con unità di misura es: 600px).
Valori di default: autosize
tabswidth
Dimensione delle linquette dei tab (con unità di misura es: 100px, 100%).
align
Allineamento orizzontale.
Valori consentiti: left,center,right
selected
Tab selezionato di default.
java
Nome del/dei file javascript usati dall'oggetto.
Valori di default: tabs.js
cssfile
Nome del file css usato dall'oggetto.
›› Elenco dei metodi Javascript intercettabili dall'utente:
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("TABS","setFocus", "User function"); Function parameters: function(id,box)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("TABS","sizeTabs", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("TABS","addTab", "User function"); Function parameters: function(id,box,title)
Sintassi JS: SYSTEMEVENT.addBeforeCustomFunction("TABS","refreshObj", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("TABS","setFocus", "User function"); Function parameters: function(id,box)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("TABS","sizeTabs", "User function"); Function parameters: function(id)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("TABS","addTab", "User function"); Function parameters: function(id,box,title)
Sintassi JS: SYSTEMEVENT.addAfterCustomFunction("TABS","refreshObj", "User function"); Function parameters: function(id)
›› Note fornite dagli utenti