Jun 20

You ever wonder how to re-create those cool looking slider techniques in the apple iphone?
well you too can create them on your website using simple tools like jQuery and jQuery Ui

off
on

first thing is throw in your header the 2 files needed,

<script src="/js/jquery.js" type="text/javascript"><script>
<script src="/js/ui-jquery.js" type="text/javascript"><script>

grab the images.

and this code, throw the script and style in the head of your page.

<script>
//
// required jquery , and jquery ui
// created by flowerpoop
// share with all your friends.
// questions? leave a comment below.
//
//
$(document).ready(function(){
    $("#block").draggable(
        { // drag along the x-axis and stay in the parent
        axis: "x",
        containment: "parent",
        snap: $("#bar"),
        snapMode: 'inner',
        snapTolerance: 20,
        stop: function() {
            position = $("#block").position();
            if (position.left > 100) { //changes the postion of the arrow
                $("#bk").attr("src","/images/s_bar_left.png");
                $("#ss").attr("class","shaded");
                $("#uns").attr("class", "solid");
            };
            if (position.left < 10) {  //changes the postion of the arrow
                $("#bk").attr("src","/images/s_bar_right.png");
                $("#ss").attr("class","solid");
                $("#uns").attr("class","shaded");
            };
        }
        }
    );
    //makes clicking on the text as well
    $("#uns").click(function(){
        $("#block").animate(
        {left: 0},
        500,
        null,
        function(){
            $("#ss").attr("class","solid");
            $("#uns").attr("class","shaded");
            $("#bk").attr("src","/images/s_bar_right.png");
        });
    });
    //makes clicking on the text as well
    $("#ss").click(function(){
        $("#block").animate(
        {left: 111},
        500,
        null,
        function(){
            $("#ss").attr("class","shaded");
            $("#uns").attr("class","solid");
            $("#bk").attr("src","/images/s_bar_left.png");
        });
    });
});
</script>
<style>
.shaded {
    cursor:pointer;
    font-size:8pt;
    margin:0 3px;
    color:#FFFFFF;
    opacity: 0.1;
    margin-top:5px;
    filter: alpha(opacity=10)
}
.solid {
    cursor:pointer;
    font-size:8pt;
    margin:0 3px;
    margin-top:5px;
}
#bar {
    position:relative;
    margin:0 2px;
    background:transparent url('/images/s_bar.png') no-repeat scroll center top;
    width:145px;
    height:23px;
}
#block {
    cursor:pointer;
    position:absolute;
    margin-top:2px;
    z-index:1
}
</style>

<div id="bar">
    <div id="block">
        <img id="bk" src="/images/s_bar_right.png" />
    </div>
    <div id="uns" class="shaded" style="float:left;">off</div>
    <div id="ss" class="solid" style="float:right;">on</div>
</div>

advertisments: if you feel compelled to click on any, please do!

Jun 16

for some strange reason i keep getting hit with spam registrations.

Today’s bot registered with a name of jacob73kolp and an e-mail address of jacobkolp@gmail.com.

This brings the total of known bots to five:

  • adol77dai51
  • alina77vere9uk
  • ralyjones25
  • ken75muraski
  • jacob73kolp

I have placed these non poopers in my blacklist.
its an easy wordpress plugin.

http://web-professor.net/scripts/

the guy who runs it looks like steven colbert.

advertisments: if you feel compelled to click on any, please do!

Jun 15
Lakers Win Game 5
icon1 admin | icon2 PLAIN | icon4 06 15th, 2008| icon3No Comments »

Yea!

but will they win the series?

advertisments: if you feel compelled to click on any, please do!

Jun 15

can i say more? i wish i had a better shot.

advertisments: if you feel compelled to click on any, please do!

Jun 15
strange seaweed
icon1 admin | icon2 PLAIN | icon4 06 15th, 2008| icon3No Comments »

looks kinda interesting.

advertisments: if you feel compelled to click on any, please do!

Jun 14
moving.
icon1 admin | icon2 PLAIN | icon4 06 14th, 2008| icon3No Comments »

I will be moving soon, I just put in an application to a place in lovely los angeles, adjacent to Santa Monica. pretty nice over all.

the place has hardwood floors. and gas range and oven. even get to bring my fridge, so I don’t have to get rid of it. It looks like I wont be able to fit it in. Like the last place i lived in, in Torrance, they had the same thing, so the fridge was on the side of the counters.

so far so good. If every thing goes well i will be moving pretty soon. here are pics of my new place. these were taken by the property management.

advertisments: if you feel compelled to click on any, please do!

Jun 11
Rough
icon1 admin | icon2 PLAIN | icon4 06 11th, 2008| icon3No Comments »

I haven’t been writing much as i have been posting more and more flowerpoop. I call this post Rough, as it is how i feel these days. My air is unkempt, i need a haircut. My car is unwashed. well i dont wash my car, because, i actually save lots of water that could go to some person who needs it. Like i say to people at my work who ask. its going through a scientific dirt experiment. imagine all the water that can be saved if we dont water out grass. or wash out cars so often. maybe millions of gallons.

I had an interesting brief conversation with my sister this afternoon about legos. Yes I love legos. if i had a set, it would still keep me going for amused for hours. I would love to be a lego designer at legoland. bt thats a different story.

why is it rough you mas ask.

James whats so rough? is it life? is it work?
Well its a combination of many things. it is part work, life and everything around me. thats basically it.
although i would love to get into it. for PC sakes. its as delicate as vinegar and water. you may have 1 cup of each, and if you combine it, you never get 2 cups ever.

I have some advertisements on flowerpoop.com and this intresting one for snorgtees showed up. pretty racy eh.

There is one lady at my work who is on Maternity leave, she is very sweet. I hope she has a pleasant maternity leave. and these cupcakes are for you.

Other than that. I hope my writing skills are getting better, although my spelling skills are still atrocious , this is the whole reason i started this blog. So i can get better at writing.

Happy Trails fellow poopers.

advertisments: if you feel compelled to click on any, please do!

« Previous Entries