Posts tagged tutorial
gmail, yahoo & live messenger contact inviter script
20Howdy,
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…)
Related Posts:
Using JQuery Validation plugin with tooltips
2Today 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
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 !
Related Posts:
How to install anyterm on ubuntu Karmic Koala
12Hello 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.
Related Posts:
Animated scroll to anchor/id function with jQuery
87Update : 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
Related Posts:
How to : Create a simple url shortener script is a few minutes
27Hello 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.

Last comments