Consulenza-web.com | jQuery Plugins

Finestra Normale: Apre una finestra flottante con tutti gli attributi di default.
// xHTML <div id="demo1" class="xWin">ha ha ho ho</div> // JS: $("#demo1").xWin();

Posizione iniziale: Apre una finestra con dimensioni e posizione predefinita personalizzata in configurazione.
$("#sdemo2").click(function() { $("#demo2").xWin({ show: "si", top: 650, left: 400, width: 400, height: 80 }); });

inParent: Finetra contestualizzata nel suo genitore. Questa è una funzionalità ancora da affinare.
È necessario che il genitore definisca una posizione assoluta nel css affinchè tutto funzioni bene.
In questo esempio (nel sorgente) ho creato un DIV di dimensioni fisse e posizione relativa per occupare lo spazio. Al suo interno ho creato un DIV di uguali dimensioni ma con posizione assoluta. Dentro a quest'ultimo ho inserito il DIV della finestra flottante:
// xHTML: <div style="display:block;width: 600px;height:200px;border:3px dashed #900;"> <div style="position:absolute;display:block;width: 600px;height:200px;"> <div id="demo3" class="xWin">Finestra in genitore.</div> </div> </div> // JS $("#sdemo3").click(function() { $("#demo3").xWin({ inParent:"si", show: "si", top: 20, left: 50, width: 200, height: 80 }); });

Dimensioni: La finestra in questo esempio ha dimensioni massime e minime.
Per comodità l'ho legata anche al suo genitore come nell'esempio prima.
$("#sdemo4").click(function() { $("#demo4").xWin({ inParent:"si", show: "si", top: 20, left: 50, width: 150, height: 80, minW: 100, minH: 60, maxW: 200, maxH: 150 }); });

Comportamenti: Questa finestra ha movimento e ridimensionamento disabilitati.
Per comodità l'ho legata anche al suo genitore come nell'esempio prima.
$("#sdemo5").click(function() { $("#demo5").xWin({ inParent:"si", show: "si", top: 20, left: 50, width: 150, height: 80, resizable: "no", moveable: "no" }); });