pbjs

Our self-developed javascript framework is an object orientated (OOP) javascript framework, which incorporates the latest developments in the area of webdevelopment. pbjs has been created to be compatible with existing and previous webstandards, so websites incorperating pbjs will be rendered perfectly on modern browsers (like Firefox 9.0.1, Chrome, Safari 5.1, Opera 11.60 or Internet Explorer 9), as well as on older browsers like Internet Explorer 6, Firefox 3.5 or Opera 9.

DOM manipulation

With pbjs it is also possible to crawl through the DOM, select certain elements and manipulate these elements. In this way you can change styles or even generate complete HTML page's.

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

Animating

Like with most javascript frameworks, it is possible to create animations with pbjs. The way animation are being handled in pbjs does differ from other frameworks, though. Instead of using standard animations, pbjs uses "morphing". You need to choose custom start and stop statusses (like an opacity), and pbjs will execute the animation.

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

Javascript (AJAX) requests

Exept for regular javascript functions, pbjs can also be used to create AJAX requests, when the DOM is already loaded. Dynamic information can be called from an external source so a page doesn't have to be refreshed. This makes showing realtime info very simple.

// 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();

For more information about pbjs you can go to: http://pbjs.github.com/