Nilesh Manohar & Erzsebet Marothi » javascript

calculate div position

Nilesh Manohar — Thu, 11 Mar 2010 17:01:48 +0000

After trying out loads of ways to find out the position of div in web page I found this be the best code
function getPosition(obj){ var topValue= 0,leftValue= 0; while(obj){ leftValue+= obj.offsetLeft; topValue+= obj.offsetTop; obj= obj.offsetParent; } finalvalue = {'left': leftValue, 'top' : topValue}; return finalvalue; }

In order to use this just use the following

var curPos = getPosition(document.getElementById('divInQuestion')); curPos.left is the postion left and curPos.top is the top position

Javascript game engine for jQuery

Nilesh Manohar — Thu, 11 Mar 2010 15:03:23 +0000

gameQuery is a jQuery plug-in to help make javascript game development easier by adding some simple game-related classes. It’s still in an early stage of development and may change a lot in future versions. The project has a Google Code page where the SVN repository of the project is hosted and a twitter page where you can follow the daily progress of the development.

jCryption

Nilesh Manohar — Thu, 17 Sep 2009 10:45:41 +0000

In short words jCryption is a javascript HTML-Form encryption plugin, which encrypts the POST/GET-Data that will be sent when you submit a form.
It uses the Multiple-precision and Barrett modular reduction libraries for the calculations and jQuery for the rest.
jCryption is completly free and dual licensed under the MIT and GPL licenses like jQuery.

Normally if you submit a form and you don’t use SSL, your data will be sent in plain text.
But SSL is neither supported by every webhost nor it’s easy to install/apply sometimes.
So I created this plug-in in order that you are able to encrypt your data fast and simple.
jCryption uses the public-key algorithm of RSA for the encryption.

jCryption at it’s current state is no replacement for SSL, because there is no authentication, but the main goal of jCryption should be a very easy and fast to install plugin which offers a base level of security.
Although it’s still in development and every contribution is welcome.

The way jCryption works (see examples) is, that the data is encrypted on the client (javascript) and decrypted on the server (php). For more information see the FAQ.

jCryption was tested with Internet Explorer 6 +, Mozilla Firefox 3+, Safari 3, Opera 9+, Google Chrome.

If you find any bugs, please report them on the GoogleCode issue page, or write your feature whishes there.

Some of the features are:

RSA form data encryption up to 2048 bit
AjaxSubmit supported
no SSL required
easy to install, use and extend
doesn’t block the browser on calculations

Create Powerful Mobile Apps with HTML, CSS and jQuery

Nilesh Manohar — Tue, 15 Sep 2009 13:54:05 +0000

jQTouch is a jQuery plugin for mobile web development on forward-thinking devices. You can create powerful mobile apps with just HTML, CSS, and jQuery. It supports native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre.

jQTouch requires one basic theme to make page transitions work which is very small. One could use just the core CSS file to build a completely custom UI. Themes are additional CSS files which provide native-looking styles, mostly centered around the iPhone OS. Themes included are: Apple, jQT and Vanilla.

How To Create a Realistic Hover Effect with jQuery

Nilesh Manohar — Tue, 15 Sep 2009 13:51:53 +0000

Would you like to Create a Realistic Hover Effect With jQuery? It adds a rising hover effect to a set of icon links using jQuery’s animate effect. In a nutshell, the JS appends the reflection/shadow to each

, then animates the position and opacity of these elements and the icon links on hover. And .stop() eliminates any queue buildup from quickly mousing back and forth over the navigation.

demo

Scripty2 – Complete Rewrite of Script.aculo.us Library

Nilesh Manohar — Tue, 30 Jun 2009 14:37:03 +0000

scripty2 is a complete rewrite of the venerable script.aculo.us library. It is a powerful, flexible JavaScript framework to help you write your own delicious visual effects & user interfaces.

However, scripty2 is still in a prerelease alpha version and not meant for production use at the moment. Even in alpha, the effects engine can now do so much more, with less code to write.

Open Source JavaScript Regular Expression Library

Nilesh Manohar — Tue, 30 Jun 2009 14:35:44 +0000

XRegExp is an open source (MIT license) JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods.

XRegExp adds new regex and replacement text syntax, including comprehensive support for named capture. It also provides a suite of 12 functions and methods that make complex regex processing a breeze. And it lets you easily create and use plugins that add new syntax and flags to XRegExp’s regular expression language.

XRegExp is fully compliant with the regular expression flavor specified in ECMA-262 Edition 3 (ES3), and has been tested with Internet Explorer 5.5–8, Firefox 2–3, Safari 3–4, Chrome 1–2, and Opera 9. XRegExp uses feature detection—no browser sniffing.

Xinha – Online HTML Editor

Nilesh Manohar — Thu, 12 Feb 2009 10:08:44 +0000

I have tried a few online HTML editors like tinymce and FCKeditor. But each of them had some features which the other did not have. So it was always a compromise to use them. Then I cam across Xinha.

This online editor has tons of plugins. My most favorite is the ‘Clear Inline font specifications’. Till now all the applications I have developed that needed a WYSIWYG editor, the users were pasting the content directly from Microsoft Word. And then when the content was rendered the styles did not confirm to the global style of the application. However now using that plugin it clears all the inline font specification.

Go On give it a try …

javascript animation library

Nilesh Manohar — Mon, 19 Jan 2009 09:57:27 +0000

$fx() is the really small and pretty flexible library to animate HTML elements. It lets you to alter any CSS property allong time line by passing just simple configuration. Morover you can combine effects, group them to the chains and run parallel, also you have ability to set different callbacks what gives you even more flexibility.

WireIt – Javascript Wiring Library

Nilesh Manohar — Thu, 15 Jan 2009 15:34:40 +0000

WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling.

It was inspired by Yahoo Pipes and is used by Tarpipe. You can see it in action in the Planar Game, in jsBox, or in the examples below.

It currently supports Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ and Chrome 0.2.x. Please report your issues with specific browsers in the forum.

It uses the YUI library (2.6.0) for DOM and events manipulation, and excanvas for IE support of the canvas tag.