arvindandrion.com

I have made a scrollable title and summary that can adjust the top position, left position and width. If you’re creating a dynamic website for client, lets say CMS or a WordPress site, would it be nice to create this cool functionality in the admin page? This example may be old, but I can’t help myself to create one.

I’m now going to do build this seriously this time . I’m working on a small personal project called grocery checklist. This  is very simple, you just choose what items you want for example apple, grapes and mango. Once you have click each of them it will add to your basket and when your done, click next and it will bring to the print page . I think this will be fun and helpful. Making a checklist before you go to grocery can help you a lot especially when your on a budget.  For now the available category is fruits. The most fun part is designing the items. I’m not a professional illustrator so I will try to make all the items good looking as much as possible.  I have finished the layout and I will continue adding  items in the following days if I’m not busy.

Hi guys you might say that “Oh no! not another image slideshow” yes I know. I have made this plugin for me to keep things simple and use what exactly what is needed. Imagine using 2kb plugin I think less if compress. That’s a big discount ahahahahaah! I hope you got my point. Hey I’m not a fully, king or master javascript programmer I’m just starting up. So if you guys have a nice idea or good approach might as well share it in the comment. I might enhance this plugin by adding paging and more effects in transition. In the future I think.

(more…)

I’m now in my home country Philippines since last week of April. I spent 2 weeks try to meet all my friends. And It was fun! Mid of May 2010 I did Anterior Cruciate Ligament (ACL) Surgery in my right knee. How did I get this? It was a long story maybe I will tell you next time. But now I’m feeling better and hopefully I can get back to work this end of July.

This simple script will help you design your <input type=file > in more attractive way.
By overlapping a designed <input type=”button” > that will act as browse button and adding another <input type=”text” > that will show the value of the file upload. Using Jquery on change() the we can get the value of the <input type=file > and pass it to our <input type=”text” >. If your having a hard time to visualizing, you can check the demo or download the file and explore it. Please do check it with firebug so that you can see more clearly.

Here’s what happened to us with my buddy Aftab. I had designed the form like this.

The inputs have the values of username and password. Just by looking at it you will think that all we have do in the code is like this

<input name="username" value="username" value="username" />
<input name="password" value="password" value="password"/>

Yes that’s true, but only in the username input will show the word and the password inputs will show dots.

I tried to use jquery .val() in the password but I’m still having the same result. So I came across facebook login and see how they’re doing this trick. And that’s the time I call aftab and we checked on firebug.

You have to open firebug to see the magic. On default, the input password it’s like this

<input name="password" type="text" value="Password" />

Once you clicked, the input will changing to

<input name="password" type="password" />

You can achieve this using jquery on .focus(). Here’s the code.

CSS:

#rlPass{
    display:none;
}

HTML

<input id="loginPass" type="text" value="Password"  />
<input id="rlPass" type="password" />

JQUERY

$(document).ready(function() {
    $("#loginPass").focus(function(){
        $(this).hide();
        $("#rlPass").css("display", "inline");
    });
})