Apr 1, 2009

Simple Javascript Dialog

Vairākos savos projektos bija vajadzība pēc visādiem dialogiem, beigās vienkāršāk bija uzrakstīt vienu savu JS klasi, nevis implementēt kautko gatavu. Tad nu nesēdēšu pūram virsū un padalīšos, ja nu kādam tomēr noder. Tik viena lieta gan, tā kā neesmu baigais JS specs, tad šis ir uztaisīts izmantojot Prototype JS framework un vairākas efektu bibliotēkas.

 

Javascript Dialog based on Prototype

Javascript Dialog based on Prototype


Source here!

 

Kā to implementēt:

Variants 1

 onclick="new Dialog('Some text here ...', {width : 300})"

Variants 2

 onclick="new Dialog('Error text here ...', {style : 'err'})"

Variants 3

 function dialogSample2(){
            var params = {
                           title : "Sample Dialog #2",
                           width : 300,
                           transp: false
                         }
            new Dialog('Some text here ...', params);
       }

> Variants 4:

  function dialogSample4(){
            var html = '<input type="button" onclick="closeDialog(\'Sample_Dialog_4_dialog\')" value="Close" />';
            var params = {
                           id    : "Sample_Dialog_4",
                           title : "Sample Dialog #4",
                           width : 300,
                           transp: true
                         }
            new Dialog(html, params);
  }


2 Comments

  • Negribas neko implementēt… beigās tik js ietvars jaliek iekšā…

    Manuprāt, labāk pie parbaudītām vertībām japieturās.. YUI dialogi!

  • Nu protams, kā kuram, es pieturos pie prototype :)

Leave a comment

Twitter

Lejupielādes