Ons inhouse ontwikkelde javascript framework is een object georienteerd (OOP) javascript framework waar de nieuwste ontwikkeling op het gebied webontwikkeling zijn meegenomen. pbjs kan echter ook overweg met bestaande en zelfs wat oudere webstandaarden, waardoor websites die gebruik maken van pbjs goed zullen worden weergegeven op, uiteraard, moderne browsers (zoals Firefox 9.0.1, Chrome, Safari 5.1, Opera 11.60 of Internet Explorer 9), maar ook prima werken op oudere browsers zoals Internet Explorer 6, Firefox 3.5 of Opera 9.

DOM manipulatie

Met pbjs is het ook mogelijk om door de DOM te crawelen, elementen te selecteren en deze vervolgens te manipuleren. Denk hierbij aan het veranderen van een stijl, tot aan het genereren van complete HTML pagina’s.

// Select element with id `active`, and set text color
PB('active').setStyle( {color: 'red'} );

Animaties

Zoals bij veel javascript frameworks, is het ook mogelijk om te animeren met pbjs. Echter verschilt de manier van het aanroepen van een animatie bij pbjs van andere javascript frameworks in de zin van dat er in plaats van met standaard animaties, gebruik gemaakt wordt van zogenaamde “morphing’. Er moet dus een begin en een eind status worden weergegeven, waarna pbjs zorgt voor de animatie.

// Select element with id `element_id`, and morph to
PB('element_id').morph({
    borderColor: '#FF0000',
    fontSize: '30px',
    left: '300px'
});

Javascript (AJAX) requests

Behalve voor regulier javascript functies, kan pbjs ook voor zogenaamde AJAX requests worden gebruikt, wanneer de DOM al geladen is. Zo kan dynamisch informatie worden opgehaald uit een externe bron, zonder dat een pagina hoeft worden herladen. Dit maakt het weergeven van realtime informatie betrekkelijk simpel.

// Init request
var request = new PB.Request({

    url: '/example.html',
    method: 'GET'
});

// Attach event when request returned successfull
request.on('success', function (){
    
    alert('Request done!');
});

// Send request
request.send();