notes and other stuff

I was looking a bit at yui slider packet, and it seems todo way too much. I am one of these crasy people that like to know how my code works and after look at yui code base, I decided it was too much for just a simple little slider.
 
Naturally js-frames are perfect if you just want something quick and dont think its fun to deal with cross browser issues. As I have come to know javascript better, I prefer to avoid all these frameworks.
I just want something that is easy to change/maintain/simple and doesnt have to many dependency.
 
So I decide to spend a little hour to create a simple slider that does what i want. It ended up just below 30 lines of javascript.
 
The HTML :

<div id="volumeBar" class="volumeBar">
<div id="volumeSlider" class="volumeSlider">

The Javascript: 
 
   
  var volumeBar = document.getElementById('volumeBar'); 
 
     var slider = document.getElementById('volumeSlider'); 
 
     var getPosition = function(el) { 
       var curLeft = curTop = 0; 
       while(el) { 
         curLeft += el.offsetLeft; 
         curTop += el.offsetTop; 
         el = el.offsetParent; 
       } 
       return {left : curLeft, top : curTop}; 
     } 
 
     volumeBar.onmouseup = function(e) { 
       volumeBar.onmousemove = null; 
       var event = e || window.event; 
       var volLeft = getPosition(volumeBar).left; 
       var width = volumeBar.offsetWidth; 
       slider.style.width = (event.clientX - volLeft)/width * 100 + 'px'; 
     }; 
 
     volumeBar.onmousedown = function() { 
       var volLeft = getPosition(volumeBar).left; 
       var width = volumeBar.offsetWidth; 
       document.onmouseup = function() { 
         document.onmouseup = null; 
         volumeBar.onmousemove = null; 
       }; 
       volumeBar.onmousemove = function(e) { 
         var event = e || window.event; 
         slider.style.width = (event.clientX - volLeft)/width * 100 + 'px'; 
       }; 
       return false; 
     };



						

						
						
						
            
          						
						
						
							
                
                  
							  

							    Filed under  //  
							      
              
                
							        javascript  
							      
              
                
							        slider  
							      
              
            
							  
     
							
                
              
						

						
						
            
          
					

So i started at my new work, goomradio.com, a little internet radio station that seems to have the right connections, at least while i was there they manage to get kelly clarkson to visit company, to do a radio interview.

In other news i am getting forced to work on mac, well not directly forced, but well group pressure, i cant believe how hard its todo the switch from vista to mac, everythings is just so different, and not in the good way.

• i am having a hard time switching between windows, windows that i know i left open just disappear.
• bad support, quite a few programs doesnt seems to work as well as they do on windows, firefox, eclipse
• modal window, that doesnt have the right z-index
• userfriendly ? how do i create a new file, i need to go to console ... 
• all cool programs seems to cost money
• i got real problems with right and double clicking, and i hate the sound
• the console is nice, but i hate the fact that i am force to use it

But well besides from that there is a cool few problems on the mac, vlc playlist handling is some much better on mac, textmate is pretty cool and skitch a nice little screenshot program. Gonna spend a month with it, if that doesnt work i am installing vista on it.

click here

1. Light my fire - The Doors
2. Beds Are Burning - Midnight Oil
3. A View to a Kill - Duran Duran
4. Play We Didn't Start The Fire - Billy Joel
5. Ring Of Fire - Johnny Cash
6. Burning Down the House - Talking Heads
7. I'm On Fire - Bruce Springsteen
8. Into The Fire - Thirteen Senses

I attempt to fit them all into a pre 2000 periode, and keep they genrewise close, could spend a few more iterations on it.

I have really been waiting for this day, I cant believe it took people so long to come up with a application to handle this. I recall the first attempt, to my knowledge, to addresse the problem of managing desktop icon: Fire up mspaint, find your background image, add boxes + group titles.

This is so cool

I wish html forms could do more, they are just so static, and more less useless on a dynamic website.

Like imaging if you could do something like this :

<form action="/api/rest/createUser" onsubmit="jsonRequest(this.requestUrl)">


  <input type="submit" value="do magic"/>


  <select name="video">


    <option value="1">Video 1</option> 


    <option value="2">Video 2</option>


  </select>


</form> 

Where jsonRequest would do a asyc request, and the requestUrl would have the value of the action and all the parameters.

eg. if Video 1 was selected, the requestUrl would have the value on submit of :

/api/rest/createUser?video=1

That would make forms a bit more useful. Perhaps I should take a look at HTML5 and see if help is coming.

So very true, its a very fine balance, one step to the wrong side ...

Why do people call it a "free upgrade!" its free already ... as far as i know.

I am just wondering if the ff3 version that i downloaded, wasnt free. In that case i want my money back, and then get the free version. Even though i wouldnt mind paying for ff3, or well a version that didnt leak so much perhaps.

Since I joined joost, i feel like, i need to share some of the great content we got on joost.com. I found this show, a year ago or something, but it first hit me around 2 months ago that it got a really really bad intro ... bad in the good way

By the way just listen to the intro, no need to watch the video...