/ Web Programming / BLHTML / BLHTML Manual / BLHTML Project /

  AJaB 3860 5
AJaB (Asynchronous JavaScript and BLHTML)
Här finner you information how you jobbar med Asynchronous JavaScript tillsammans with BLHTML.

För att aktivera AJaX for BLHTML:

Kryssa i:
Control Panel -> Other -> Aktivera AJaB

More information:
  • wiki: AJaX
  • ajab.js
  •   Getting started with AJaB 1131 0
    Step 1, Create one kontainer object:

    <div id=pictures>
    Show information when page creates

    Standard returneras AJaB anropet to okbject id=out
    To write to object: id=pictures:
    // function object sätter utobject and behöver only sättas en gång
    If data skall returneras to object: id=out behövs inte function object be executed!

    Step 2, Create anrop:

    <a onclick="clr(); object('pictures'); send('a=1&b=8'); echo(8, 'C');">
    Picture or textlänk
    • clr(); delete all variables satta with function send();
    • object('pictures'); skickar utoutcome to html object id: pictures
    • send('a=1&b=8'); lägger to and sätter variablesna: a=1 and b=8 dessa kommer att skickas to BLHTML datapage
    • echo(8, 'C'); BLHTML datapage som skall skrivas ut: account: 8 datapage: C
    Step 3, BLHTML datapage
    You edit your datapage as an ordinary webpage. Page must be activated and
    minst en of Show page for members or Show page for guests skall vara forkryssad.

    För att kunna skicka information from current to nästföljande datapage används object id: data_? variables
    // Save $data_0: <input id=data_0 type=hidden value=#$data_0#>
    #DATA[data_0] id=data_0 post=hidden#

    // Redigerbart värde $data_1: <input id=data_0 type=text value=#$data_1#>
    #DATA[data_1] id=data_1 post=new#

    Programmerings tips!
    Grundregel: Mindre information from AJaB datapage desto snabbare.
    Det innebär att desto mer statiska functions satta from current webpage minskar the code from datapage.
    Tänk on att datapage create one times medans your AJaB datapage är den page som kommer att runas många gånger.

    More information:
  • AJaB functions
  •   AJaB functions 2672 2
    JavaScript functions from javascript/ajab.js:

    funktion:  description:  
    clr();Delete all skickade variables.
    send('variable1=1&variable2=otherthing');Variables som skall skickas with anrop.
    Include $data_? variables
    object('id');document.getElementById(x) vilket okbject anropet skall returnera data to
    getvalue('id');Skickar value from html object id
    blhtml('#BLHTML#');Exekvera html/BLHTML kod
    echo(ID, 'page');Datapage som skall returneras
    url('www.address');Öppna www.address

    data_? Objects values:
    All $data_1 to $data_10 skickas när funktion send(); executes.
    Därefter If object data_11 är satt kontrolleras data_12.
    If object data_11 inte är satt kontrolleras inte data_12.

    Anledningen to variablesna data_? är att kunna sätta variables from datapage and skicka with dessa automatiskt from statisk skriven kod som ligger utanfor våran virtuella skapade miljö (from object on html page).

    Valuerna from data_? skickas to BLHTML datapage $data_? for bearbetning.

    More information:
  • AJaB
  • #PLOPP#
  •   ajab.js 1534 0
    Aktuell Javascript:

    #IF(!$data_8) then(#$data_8(send some text)#)#
    <div class=topper>
    #PLOPP onclick(clr(); send('menu=8'); object('AJaB'); echo(1, 'I');) value(Starta here)#
            value(Go url: AJaB Slideshow)
            onclick(blhtml('#SYSTEM[whoami] return=who#<center>Hello #SYSTEM[myname]#<br>#1 id=$who#</center>');
            value(Execute BLHTML)
    #DATA[data_8] id=data_8 post=new cols=13 class=txtbox#
    #PLOPP onclick(clr(); object('AJaB'); send(); echo(11, 'D');) value(Send text)#
    <div id=AJaB style="height: 30;"></div>

    Datapage 11, C
    #DO from=1 to=10
            value(#IF($data_$step) then(data_$step(#$data_$step#)<br>)#)

    More information:
  • AJaB
  • #PLOPP#
  • BLHTML forum  

    apache MySQL PHP No to software patents! BLHTML
    © 2003, 2010 BLHTML
    This page is created with BLHTML in 0.0969 seconds