David Tavarez's Home at davidtavarez.com » javascript

PHP functions in Javascript

david — Mon, 02 Feb 2009 18:38:28 +0000

I like javascript, but I spend too much time wrting some functions just to use it more than once. In most cases I uses prototype.js to create a shorter code but still being long. Recently I was porting some basic php functions to javascript like isset(), array_keys(), in_array(), explode() and many more. I was very frustrated, because I had to write a mini-framework just to create a simple application. Within a few hours had hundreds of lines of code.

Then on Internet I found this: PHP.js, an open source project in which they try to port PHP functions to JavaScript. By including the PHP.JS library in your own projects, you can use your favorite PHP functions on the client-side. This convenience may speed up development for PHP developers who are increasingly confronted with client-side technology.

The History of PHP.JS

A developer called Kevin van Zonneveld was once working on a project with a lot of client(JS) / server(PHP) interaction, and he found himself coding PHP functions (like base64_decode & urldecode) in JavaScript to smoothen communication between the two languages. He stored the stored the functions in a file called php.js which was included in the project. Kevin decided to share the little library online, which triggered the enthusiasm of a lot of PHP developers longing for PHP functionality in JavaScript. The project was open sourced in 2008, and many people contributed their own functions in the comments sections of Kevin's blog. It was decided that the library deserved a bigger home, and a face of its own, and so the PHP.JS core team developed the phpjs.org website.

List of functions

To see the list of functions click here PHP.JS: Functions Overview.

More Information: http://phpjs.org/

Share on Facebook

Powerful tools for manipulating images using javascript

david — Thu, 04 Dec 2008 18:33:31 +0000

Surfing on Internet for a while, I found a wonderful toolbox. These are a compilation of several script to manipulate images. This is the list:

busy.js: The library allows you to add/remove loading indicators to block-level elements on your webpages.

shiftzoom.js: Allows you to add/remove zoom and pan functionality to oversized images on your webpages.

sphere.js: Simulates a spherical image effect.

corner.js: The script allows you to add individual corners, shadings and shadows to images on your webpages.

glossy.js: Simulates a glossy shaded and beveled button look.

instant.js: Simulates an instant picture look including tilt.

bevel.js: This script allows you to add bevels with individual glowing, shading and shining to images on your webpages.

slided.js: This script allows you to add individual colors, shadings and shadows to images on your webpages.

filmed.js: Simulates a film strip look including reflection.

mapper.js: Emulates native area highlighting.

curl.js: Simulates a page curl image effect.

edge.js: This script allows you to add individual masks (inc. inbuilt mask) to images on your webpages.

reflex.js: Allows you to add individual borders, tiltings and reflections to images on your webpages.

loupe.js: This script allows you to add a loupe for magnifying (inc. start viewpoint) to an image on your webpage.

Share on Facebook

Limit textarea length using javascript

david — Thu, 13 Nov 2008 20:31:50 +0000

This is a simple code, but useful.

First, the javascript function:

function limit(n,id){
        // n is the number of max characters
        // id is the id of the textarea element
	text = document.getElementById(id);
	if(text.value.length >= n){
		//alert("sorry, the text is too long");
		text.value = text.value.substring(0, n-1);
	}
}

Then, the html implementation:

 id="textoalimitar"
onkeypress="limit(10,'textoalimitar');" cols="45" rows="5"
 name="textoalimitar">

Share on Facebook