I’ve just release a new demo of the Rialto framework. One of the new features i wanted to add was the dynamic display of the source code. And here come SyntaxHighlighter. All in javascript it quickly allow this functionality in three steps
Read the rest of this entry »
Archive for the ‘Javascript’ Category
SyntaxHighlighter
09
juil
Javascript and event
30
avr
The events are in the heart of all the applications to authorize the user experience. Every one who rubbed itself in writting javascript application knows that it’s a hard point to master. Peter-Paul Koch has just updated on his famous site a event compatibility tables in . Everything is there. I had already made a post on this site which helped me for the start of Rialto . It is an mine of information. A W3C DOM Compatibility table, articles.
Must be bookmark …
How to run IE3,IE4, IE5…IE6 on the same computer
22
nov
By reading this ticket of Fred Cavazza I sart looking to the site free tools and I found what I seek for a long time: a simple way to run several versions of IE on my PC. It is important to have this fonctionality to make sure that Rialto is always compatible progressively with its evolution. A great cheer to Multiple IE installer. Only have to to validate the IE versions.
DebugBar v5.0 beta 1
14
nov
I have already spoken about them here and here . And here come the version 5.0 of the debugbar.
The new features concern essentially the possibilities of dynamic inspect of components of your page. I particularly appreciated the tab « compute style » that allows to inspect the style properties of an element in runtime (that is the resulting style after all the css rules and inline rules are applied).
It is thus one tools more and more succeeds that proposes us DebugBar. Just use it.
GWT and char
09
nov
GWT transforms the char type variables into their ASCII code. it does not have too much importance if you use GWT only in « java ». On the other hand the combined use of GWT and Javascript can cause surprises. Thus if you use scripts which test the characteres on their values and not their ASCII code it will be necessary to pass by from String in java.
It is good to know
IE debbuger…
30
oct
The offer is so rare and the news deserves to be relayed. Companion. JS (it is its name) allows to have a more precise idea during the raise of errors. The stack is shown and code source is highlighted. It offers also a javascript console which allow to evaluate a block of script dynamically. Its use coupled with the debug bar that I evoked here makes it possible to have tools more effective than the traditional alert for script debbuging.
Rialto GWT is available….
01
oct
Hello All,
I’m glad to announce the release of Rialto-GWT
RialtoGWT is a wrapping of the Rialto javascript library to use with GWT.
We decide to start this wrapping cause we see here a mutual interest:
For the Rialto Community which can use the GWT development framework
to easily write and deploy Rialto application
For the GWT Community which can use the rich widgets and behaviors
offered by the Rialto Framework.
You can find the project home page here
The source can be download here
You can find some tutorials here
Cyril
IE doesn’t like empty <title>
20
sept
ARRRGGGG!!!
I’ve been working on a simple html page for one hour to make it display in ie before i found that the problem cames fom my title tag.
Indeed in my page I had:
<title/>
This simple line is enough to blockthe display of the page. It is necessary to put nothing or to write
<title></title>
Great…
DebugBar v4.1
20
sept
DebugBar is an Internet Explorer plug-in that really help me for the first implementation of Rialto. They were the first that offered a dynamic DOM inspector. This version is release with a HTTP synchronous request viewer. It is not Firebug but it remain useful to analyse your page in IE where there is a real lack of tools.
It is a pity that it is not a freeware but you can always try it during 30 days.
2 interesting libraries
21
juin
For a new project i try the following project:
TIMELINE:
It allow to create a widget representing a time scale on which you can put event.
The tutorial is well thinking. The API is rich enough to allow to custom the component according to your context. For example the following code show how to synchronise 2 timelines with differents time unit.
function init() {
var eventSource = new Timeline.DefaultEventSource();
var bandInfos = [ Timeline.createBandInfo({ eventSource: eventSource, date: new Date(), width: "100%", locale:'fr', intervalUnit: Timeline.DateTime.MONTH, intervalPixels: 100 }) ];
tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
var band=tl.getBand(0); band.addOnScrollListener(<strong>onScroll</strong>);
var eventSource2 = new Timeline.DefaultEventSource();
var bandInfos = [ Timeline.createBandInfo({ eventSource: eventSource2, date: new Date(), width: "70%", intervalUnit: Timeline.DateTime.DAY, intervalPixels: 100 }), ];
tl2 = Timeline.create(document.getElementById("my-timeline2"), bandInfos); }
function onScroll(band) { tl2.getBand(0).setCenterVisibleDate(band.getCenterVisibleDate()); }
Some functionalities are quit deep and we find hard to see there goal but the timeline is what you need for that kind of widget.
Notice that a GWT version exist
It is a library offering graphic features. What seduced me in this approach it is the possibility of realizing drawings without using supplementary technologies (SVG, CANVAS, FLASH). Indeed the main concept is that every drawing corresponds to DIV pile optimized. It is a of low level API but it offers the necessary and sufficient features to realize more complex component (I think of graphs)