Posts tagged tutorial

gmail, yahoo & live messenger contact inviter script

20
518 days
by in linux, PHP

Howdy,

you guys have probably noticed that most of the contact inviter script out there were broken now because most of the new api’s only support Oauth protocol instead of the good ol’ login / password authorization.

It’s great because now you don’t have to give the those website your login information but It is a bit more complicated for us developers to set it up so I’ve decided to create a small set of classes that will allow you to easily implement such a feature on your website.

First off all, you can check out the simple proof of concept by checking out the demo here and getting the script on gitHub here.

Some people who may know my blog will notice that I am in no way a designer so It doesnt look amazing but it works and that’s what this article is about ! ( if someone feels like he could make it look better you can get the code from github. see at the end of the article for more info).

Ok so now the fun stuff.
(more…)

Share

Related Posts:

Using JQuery Validation plugin with tooltips

2
550 days
by in javascript

Today I’ll share with you a little tweak that took me a while to figure out.

I wanted to tweak the excelent jQuery Validation plugin to display errors in tooltips.

Here is my solution using Qtip

DEMO

So first off you got to setup Qtip and the validation plugin on your website.

then you have to use the *undocumented* errorPlacement option on the validation plugin

jQuery.validator.setDefaults({
    errorPlacement: function(error, placement) {
		$(placement).qtip({
			content: error.text(),
			show: { when: { event: 'none'}, ready: true },
			hide: { when: { event: 'keydown' } },
			position: {
		      corner: {
				 target: 'topRight',
		         tooltip: 'bottomLeft'
		      }
		   },
		   style: {
			  border: {
				 width: 1,
				 radius: 10
			  },
			  tip: true,
		      name: 'red'
		   }
		});
	}
});

Of course you can modify this to use another tooltip system…

Have fun !

Share

Related Posts:

How to install anyterm on ubuntu Karmic Koala

12
932 days
by in linux, ubuntu

Hello everyone,

I had to install anyterm on a fresh karmic koala yesterday but i’ve ran into so many problems that I decided I’ll write a simple tutorial about this subject.

Anyterm is a software that allows you to acces a terminal over http(s) protocol, so it allows you to bypass most proxys.

For more info on anyterm please visit the official website at http://anyterm.org/

This tutorial will explain how to compile from the SVN source 1.1.29 but may be slightly diferent if you are trying to use another version.

(more…)

Share

Related Posts:

Animated scroll to anchor/id function with jQuery

87
955 days
by in javascript

Update : Post update here

Today I had to make a function for a client of mine so I decided to share it with you.

It’s a oneliner but can add a really nice effect to your website.

This function requires jQuery

function goToByScroll(id){
     	$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

Of course you can change slow to normal or fast or even a int in milliseconds.

And to call it

<script>
goToByScroll("theIdIWantToGoTo");
</script>

Enjoy

Share

Related Posts:

Div Slide the really easy way with jQuery

4
963 days
by in javascript

Today,

I’ll just add a note to my previous post that showed you how to slide a div with a bit of Javascript.

Maybe some of you rather use a simpler way to do this and since my previous article got quite a lot of visits I decided to show you how !

(more…)

Share

Related Posts:

How to : Create a simple url shortener script is a few minutes

27
1014 days
by in PHP

Hello all,

First let’s explain the basics of what we are trying to do.
We’ll build a script that will replace any type of url to a tiny url so it’s easier to post or be untraceable.

For example this *long* google maps url

http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=white+house&sll=46.75984,1.738281&sspn=10.178118,28.54248&ie=UTF8&z=15&iwloc=A

could become

http://your.site/v/12345

you can check it out here : http://www.djpate.com/portfolio/shortURL/create.php

and download the source code here

This is not very hard to do but it’s nice tutorial for beginners.

(more…)

Share

Related Posts:

A simple div slide down JS script

29
1182 days
by in javascript

Hello all,

I always wonder why people get there website loaded with 70kbs JS libs for only a couple of Effects !

So here is my script to slide down a div made only of a few lines of Javascript.

If you are looking for a tutorial on how to use jQuery sliding function click here

(more…)

Share

Related Posts:

Go to Top