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

  • rrr
    01.04 - 21:37 | Permalink

    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!

  • 01.04 - 21:49 | Permalink

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

  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.