Jump to content

john pozy

Members
  • Content Count

    122
  • Joined

  • Last visited

Posts posted by john pozy


  1. tips nak speedkan website :
    1) guna full css coding
    2) elakkan guna table untuk design page..guna div tag
    3) mcm ciput ckp, klu image2 yg boleh direpeat, repeatkan...jgn buat fullsize image
    4) structurekan coding html
    5) klu bnyak guna image...boleh compress guna [url="http://www.smushit.com/ysmush.it/"]yahoo smush it[/url]

    bnyak faktor yg buatkan website kite lmbab... hosting@webserver pn kna ambik kira jgk :)
    selamat mencuba

  2. Asalamualaikum & selamat pagi :12:

    sini aku nk share ckt knowladge aku pasai jquery nie...bkn nk tnjuk pro,tp just untuk share(sharing is caring). lgpun dh lama x contribute dkt putera nie. Banyak benda yg kita boleh buat dengan jQuery nie... ajax,animation,browser tweek,dynamic css dll.... klu dri segi pembangunan web based system plak mmg bnyak improve terutamanya dari segi UI(User Interface) & UX(User Experiance). mari kita mulakan :104:
    [b][u]1.[/u][/b][b][u]Hari Pertama : [/u][/b][b][u]Pengenalan Kepada jQuery[/u][/b][list]
    [*]jQuery merupakan [i]cross-browser javascript library(semua browser boleh guna)[/i] yang dicipta untuk memudahkan penulisan HTML. [i][size=2]source [/size][/i][i][size=2][url="http://en.wikipedia.org/wiki/JQuery"]http://en.wikipedia.org/wiki/JQuery[/url][/size][/i]
    [*]apa yang menarik tentang jQuery ialah ia dapat manipulate CSS, buat animation, AJAX Request, plug-in support dan macam2 lg..
    [*]Terdapat 2 jenis fail jQuery iaitu minified(yang dh dikecilkan saiznya) dan uncompressed(saiz besar..tapi sesuai untuk debug)
    [/list]
    [b][u]2. Hari Pertama : Asas-asas jQuery[/u][/b]

    [b]a) Cara Nak Embed jQuery Dalam Fail Html[/b][list]
    [*]ada 2 cara yang boleh kita guna iaitu local embed atau hosted embed. bagi local embed anda perlu muatturun @ donload script jQuery yang latest terlebih dahulu. Bagi hosted embed pula anda boleh pilih mana CDN(Content Delivery Network) yang hostkan fail jQuery nie...antaranya ialah google API(sy musti pilihh) dan jQuery CDN. rujuk contoh dibawah :
    [/list]
    [u]Local Embed[/u] [size=2][i][url="http://docs.jquery.com/Downloading_jQuery#Current_Release"]jQuery Current Release Download[/url][/i][/size]
    [CODE]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Contoh</title>
    </head>
    <script src="nama.folder/fail.jquery.js"></script> <-- Cara local embed
    <script>
    .... jquery script.....
    </script>
    <body>
    ....html script....
    </body>
    </html>
    [/CODE]

    [u]Hosted Embed[/u] [i][size=2][url="http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery"]jQuery CDN List[/url][/size][/i]
    [CODE]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Contoh</title>
    </head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <-- Cara hosted embed
    <script>
    .... jquery script.....
    </script>
    <body>
    ....html script....
    </body>
    </html>
    [/CODE]

    [b]b)Mulakan Scripting...[/b]
    [CODE]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Contoh</title>
    </head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    </script>
    $(document).ready(function() { <--- rujuk note b.1
    .... jQuery script......
    });
    </script>
    <body>
    ....html script....
    </body>
    </html>
    [/CODE]
    [size=2][i]note b.1 : biasakan scripting anda dengan menggunakan fungsi ini. fungsi ini bertujuan untuk menunggu fail anda selesai dimuat(load) kemudian baru fail anda akan dimanipulasikan.[/i][/size]

    [CODE]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Contoh</title>
    </head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    alert("popup ini akan keluar setelah fail ini selesai diload");
    });
    </script>
    <body>
    ....html script....
    </body>
    </html>
    [/CODE]
    [size=2][i]note b.2 : popup akan keluar setelah fail selesai diload[/i][/size]

    [b]c)jQuery Event Handler[/b]

    Ada banyak jQuery event handler. tapi saya akan cover event handler yang slalu digunapakai. antaranya ialah :[list]
    [*]click()
    [/list]
    [b]d)jQuery Selector[/b]

    jQuery selector pon ada banyak. saya cover basic selector ja...yg lain tuan/puab boleh rujuk [url="http://api.jquery.com/category/selectors/"]jQuery Selectors[/url].[list]
    [*]CSS selector (class(.) dan ID(#))
    [*]form element selector (:button, :select......)
    [/list]
    [u]d.1)CSS Selector (Class)[/u]
    [CODE]
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Contoh</title>
    <link href="inc/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('.butang').click(function() {
    alert("Hai!");
    });
    });
    </script>
    </head>

    <body>
    <a href="#" class="butang">Klik Disini</a>
    </div>
    </body>
    </html>
    [/CODE]

    [u]d.1)CSS Selector (ID)[/u]
    [CODE]
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Contoh</title>
    <link href="inc/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#butang').click(function() {
    alert("Hai!");
    });
    });
    </script>
    </head>

    <body>
    <a href="#" id="butang">Klik Disini</a>
    </div>
    </body>
    </html>
    [/CODE]

    [u]d.2) Form Element Selector[/u]
    [CODE]
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Contoh</title>
    <link href="inc/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {

    var jumlah = parseInt($('#no1').val()) + parseInt($('#no2').val());

    $(':button').click(function() {
    alert("Jumlah = "+jumlah);
    });
    });
    </script>
    </head>

    <body>
    <form method="post">
    <p>Nombor Pertama : <input type="text" name="no1" id="no1" /></p>
    <p>Nombor Kedua : <input type="text" name="no2" id="no2" /></p>
    <br />
    <p><button>Kira</button>
    </form>
    </div>
    </body>
    </html>
    [/CODE]
    [size=2][i]important note : selalunya event handler nie berkait rapat dengan selector. contohnya button(selector) yang mempunyai fungsi(event).[/i][/size]

    [size=4]Contoh Penggunaan Event Handler Dan CSS Selector[/size]
    [CODE]
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Contoh</title>
    </head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#butang').click(function(){
    alert("anda telah klik butang");
    });
    });
    </script>
    <body>
    <button id="butang">Butang</button>
    </body>
    </html>
    [/CODE]
    [u]Huraian Script Diatas[/u]

    i)[color=#ff0000]$('#butang')[/color] : element yang mempunyai id [i]butang. [/i]Tak kira apa element, button ka, html tag ka(div,span,a,p.....) asalkan mempunyai id [i]butang.[/i]

    ii)[color=#ff0000].click() [/color]: merupakan event pada selector [i]butang.[/i] Untuk yang nie kita gunakan event click(mouse click)

    iii)[color=#ff0000]alert("anda telah klik butang")[/color] : merupakan fungsi yang akan diexecute bila butang diklik

    iv)[color=#ff0000]<button id="butang">Butang</button>[/color] : element html yang mempunyai id [i]butang. [/i]macam yg sy bgtau, kita boleh guna apa2 element asalkan valid

  3. salam....aku noob nie...jgn fire aku lak...

    nak tnya sapa yg bjaya buat netboot...load winxp dri ubuntu server... aku buat bleh boot hanya 1 pc ja.... boot lbh dri 1, restart client msti image OS rosak....ada solution x? kot2 mmbr putera ada script vblade yg aku pahanm...snang nk buat rujukan.... tenkeu

  4. salam....aku dh try setup AoE nie dkt pc lain yg gna Broadcom Nextream pnya NIC....
    selesai ja aku setup aku try boot dri diskless client tak buleh....client 2 mcm x jumpa server ja....

    cnie aku postkan sume config file aku....

    nie DHCP conf aku
    Code:
    ddns-update-style none;
    default-lease-time 600;
    max-lease-time 7200;

     # gPXE-specific encapsulated options
      #
      option space gpxe;
      option gpxe-encap-opts code 175 = encapsulate gpxe;
      option gpxe.priority code 1 = signed integer 8;
      option gpxe.keep-san code 8 = unsigned integer 8;
      option gpxe.no-pxedhcp code 176 = unsigned integer 8;
      option gpxe.bus-id code 177 = string;
      option gpxe.bios-drive code 189 = unsigned integer 8;
      option gpxe.username code 190 = string;
      option gpxe.password code 191 = string;
      option gpxe.reverse-username code 192 = string;
      option gpxe.reverse-password code 193 = string;
      option gpxe.version code 235 = string;
     
      # Other options that may be useful

    subnet 192.168.1.0 netmask 255.255.255.0 {
       range 192.168.1.50 192.168.1.100;
       }
    filename "";
      option root-path "aoe:e0.0";


    nie vblade conf
    Code:
    # example configuration file
    # network_device shelf slot file/disk/partition mac[,mac[,mac]]
    #eth0 0 0 /dev/sdb 00:11:22:33:44:55
    eth0 0 0 /dev/sdb


    aku x guna image file....target /dev/sdb tros....

    klu ada2 silap2 korang bgtau k....blur gla dh nie....satu mende x siap lg.... ::icon_cry::

  5. ayoi wrote:aku tak tahu nak tolong sebab ko buat sampai mana tak tahu

    samada fail boot sebab tak kena host name.. atau tak jumpa server...

    apa pun basic kena rujuk sini dulu

    http://www.etherboot.org/wiki/howtos

    dan cari pasal vblade ...


    dkt server 2 aku rsa suma dh ok...dhcp, vblade conf, target....yg x buleh dkt boot... mcm x jumpa target..... kat situ la aku bnyak buat rujukan...ikut sebijik2.... tp aku x target image file....aku target HDD tros.... /dev/sda...


    lg 1 gPXE yg aku buat mcm x betoi ja....pening.... ::icon_cry::

    klu sapa sudi tlng la guide aku dri A sampai Z....blur dh nie....huhuhuhu
    aku sggop buat dri mula....

  6. salam....
    aku ada masalah ckit dgn AoE nie....so sapa2 yg penah setup mende nie harap membantu secepat mungkin....

    ********************************
    aku ada 40 bijik pc... smuanya diskless dan aku candang nk boot winXp dri network dan aku x bercadang nk guna iSCSI cake atau CCboot...

    aku dh setup ubuntu server.....dh configure DHCP,Vblade & dan tranfer winXp image ke sever 2.....client aku boot guna gPXE tp x buleh....x tau dkt mana yg cilap.... senang cita aku x berjaya buat network boot with AoE nie..... sapa2 yg penah buat @ berjaya buat TOLONG la reply post nie.... bg rujukan pown dh cukup.... trima kasih


    diharap membantu.... ::icon_sad::

  7. HelpDesK wrote:kalau interface LAN 1 = internet , LAN 2 = IP statik lan , ape routing method yg guna... mean aplikasi atau network support protocol .. list down ur full ip setting kat sini


    dh up dh server tu...tenkeu all... cma tlupa pkataan ICS 2....nsb bek bro sawi tlng refresh blk otak aku nie....tenkeu2..... hehehehehe

  8. HelpDesK wrote:WAN tu dah set auto...mean auto dail la tu... ape masalah auto dail ko ni...biasanya bila auto dail..pandai la modem tu dail smula lepas disconnect..

    elok la ko bagitahu design ape ko buat...senang nak tgk samada boleh pakai ke tidak

    cmnie bro...design cam besa....modem 2 aku attach dkt switch....so klu wat auto mode on modem ja sume pc leh connect....skung nie aku perlukan sbijik com dial dulu...means aku setkan ke bidge mode....

    pc1 aku create net conn yg bru....ltak username pa sume 2....lpas dial msti akan ada 2 interface kan....Lan Interface ngan PPP interface...

    lan interface 2 aku setkan static ip....PPP 2 obtain dynamic dri outside DHCP...

    pemasalahannya skung nie pc1 iaitu pc yg dial ke internet je bleh connet ke internet.... pc lain yg tersambung dkt switch x blh connect....fening2 ::icon_mad::

  9. asalamualaikum.... soalan nie ditujukan kpd sesapa yg tau....

    aku nk setup pc yg keja dia dail-up ke internet ja....dh dial-up bru orng lain bleh gna internet....aku x leh gna yg auto mod....sb suka dc.... bleh ka buat mcm nie? :-

    modem-->switch--->pc1,pc2,pc3,pc4

    pc1 <---dial ke internet...dh slesai pc2,pc3 & pc4 bleh surf internet

    jd dkt pc1 tu aku create la conn br.... pastu dkt net card dia aku assign static ip.
    jd skung nie pc1 dh ada 2 interface....
    1. lan interface(xxx.xxx.xx.2)
    2. wan interface(auto)

    so aku ltak la ip dkt pc yg lain 2
    pc2(xxx.xxx.xx.3)
    pc3(xxx.xxx.xx.4)
    pc4(xxx.xxx.xx.4)

    tp pc2~4 x leh surf internet.....
    knapa eh....klu x pham nnti aku upload gambar....ty

  10. salam....soalan aku simple ja.....aku ajukan kpd sapa yg familiar dgn nix base server dan pakar2 diluar sana.....

    soalan:

    mana lg bagus :-
    1)setup sbijik server yg ada bnyk function(Bind,Webserver,Squid,Samba etc)
    2)setup bnyak server yg run function tertentu sahaja. cth Server A --> Web Server, Server B --> Bind a.k.a DNS Server



    diharap membantu....ty

  11. cyberkerisz wrote:
    Satu lg soalan, kalu maintain semua application guna Webmin, ada kesan terhadap security server ke? Sebab sekarang semua aku maintain guna Webmin, termasuk apache ngan MySQL. ::icon_biggrin::

    rsanya webmin nie bgus tok GUI base...sume lengkap... tatau la klu ada secure hole yg blh di break....so far yg aku tau diorang bnyak buat module bru....update security pastu tmbah funtion.... ::icon_cheers::
×
×
  • Create New...