19 October 2008

JQuery UI - Pixel to Percentage while Resizing

I am working on code where I want to zoom my div-slides , I am able to do this because i am using "percentage" in width , height , font etc style attributes.
But if I try to resize the element using JQuery UI resizable class then it disturb the "percentage" and put pixel over it.
Same thing occur with draggble and other which put final output in "pixel" format.

I would be better if you make all UI component as percentage format.

however I got the workaround to the problem,,
one can add these stop function like

handles: "all",
stop: function (){
var w = ( 100 * parseFloat($(this).css("width")) / parseFloat($(this).parent().css("width")) )+ "%" ;
var h = ( 100 * parseFloat($(this).css("height")) / parseFloat($(this).parent().css("height")) )+ "%" ;
$(this).css("width" , w);
$(this).css("height" , h);
dragHandle: true

$("#div_box_id_" + self.div_box_number).draggable({
opacity: 0.70,
stop: function (){
var l = ( 100 * parseFloat($(this).css("left")) / parseFloat($(this).parent().css("width")) )+ "%" ;
var t = ( 100 * parseFloat($(this).css("top")) / parseFloat($(this).parent().css("height")) )+ "%" ;
$(this).css("left" , l);
$(this).css("top" , t);

google code svn on Linux

Recently I am working on a google hosted project. using svn , it is very easy to collaborate,
So, you install eSvn GUI svn tool on your box, It will do many things for you.
You can easily checkin and checkout. and see diff and various things.
Initially i tried with eclipse and failed. So i was doing thing command line , But today i got this tool eSvn , its is wonderful. use it,

15 October 2008

Release of Alpha version - Eduvid 0.011

Dear All,
I have added - wiki to shildehow interface in current release of
please see demo at -

Instruction to use this demo

- First you will see the wiki type interface to make slides..
- edit the page by your need-- like changing "narendra" to "eduvid" etc
- add contents to page
- Now click on "show" button
- You will see , a control bar
- First click on start and then click on next or previous to navigate the slideshow
- click stop to stop the slideshow
- You can go back to edit slides again in wiki format
- All the timings of the Start-Stop duration will be stored in xml format
, when you click on "time_xml_post" , it will save your slide timings in xml
format to server -- cross check at
- Now click on Replay button to watch a automated slideshow.

I am modifying the code at will release one more version by this weekend -

All files are there at

Open Letter to Indian Patent Office

Dear Sir,
I have a huge problem, With your website.

This website is not accessible in Firefox. You are only supporting IE. We Indians are getting a lot of problems due to this. May I ask why you want to give a incompatible website to Indian public.
Do you want Indian public to buy Microsoft Window and IE.

Linux and Firefox are "Free and Open Source" which not only comes into "free of cost" but also their source code is open. Which means anybody can modify and contribute. Its a well proven fact that Linux and Firefox has better security feature then windows and IE.

So please make your website, compatible to Firefox. Also, you DB server sucks every time, If you want developer , OpenSource community is free to work to work for you.

However I have made a script which will enable viewing your website in firefox

First install Greasemonkey addons , then install my script -

Also, I hate software patents. Software patents is sucking Indian market and developers too. This is a indirect way of selling India to Microsoft and such MNC. Please consider our voice.

Narendra Sisodiya

06 October 2008

5 Essential Aspects of Educational Content over Internet

I am working on a project for student e-learning platform, from past 6 month, (dedicated-ly from last 1-2 month).

According to my research I am proposing 5 essential aspects or laws for having a "great" ecosystem on education over Internet or any transport media.

  1. "Educational contents" should be easy to create and share.
  2. "Educational contents" should easy to accessible to whole ecosystem. it should take low bandwidth and should be free of cost.
  3. "Educational contents" should be searchable. Note that "contents inside a video/flash" is not searchable,
  4. "Educational contents" should be rich in term of contents Ex, text , audio, animations etc.
  5. "Educational contents" should be generated and consumed in peer to peer fashion in ecosystem.

"All" online education system fails at one or more aspects.

Ex ..
Wikipedia - fails at #4, #1
All stupid ScreenCast, Flash or video based solution fails at all point expect #4 points of richness of content

In order to achieve all 5 aims in a education system, I am trying to make a new approach (better word is obvious approach) and calling it "eduvid system". {Pleases note that this project is in development stage}

for satisfying the
#4 requirement for richness of content ,
#1 requirement of easy to create contents ,
#3 requirement of searchability

I am going with SVG because flash is a stupid idea for education system.
I may use flash only for audio recording under browser as last option because as per audio is concern it do not violet any of the 5 aspects.

Those who want to know more about project - please click here --
currently, I am the only person who is working on it, If you want to work as developer on this project, most welcome,
If you want to help in terms of donations etc , please contact me,

PS1: It matter for countries like India because of #2 point,. of network bandwidth and cost.
PS2: All things are specified on project website. more details will be given via email communication. Please copy idea and implement if possible. I never patent for any idea.

05 October 2008

Raphaeljs SVG vs jQuery SVG library

I was confused , what to library to use use ? first I contacted with dmitry but I have not got any response, but then I contacted with Keith Wood (jQuery SVG) , so, here is the response,
as there is no comparison between these libraries. this post will useful
Hi Narendra

I haven't come across this package before, but from a quick look I can provide the following:

  • SVG only uses SVG and relies on a plugin for use with IE. Raphael uses SVG or VML as necessary.
  • jQuery SVG supports quadratic curves in paths.
  • Raphael may provide easier transformation support.
  • jQuery SVG provides support for most SVG constructs including title, description, definitions, markers, styles, scripts, patterns, masks.
  • jQuery SVG supports filters and animations.
  • jQuery SVG provides a basic graphing package.