Category Archives: Javascript

Phone Dialer

Posted on by
Reply
After having to use conference calling to an international number for work, then dial the meeting room code, I decided to have a go at a project idea I had over a year ago. I wanted to create a webapp that would, given a number, ‘dial’ that number using the touch tones through the computers speakers. Then you could hold your land line up to the computer and get the computer to dial for you.

I know this may sound like ultimate laziness but when you have to rejoin the conference call after a technical failure, it would have been nice just to copy and paste the number into a field and press dial and get a computer to do it for you rather than having to transcribe the numbers, mess it up, try again…

It would also be useful for when you look up a number online. Again this thing would be faster and avoid getting the wrong number.

Anyway, I tried again over the weekend and have created a quick demo. I used the files found on wikipedia and then converted them to mp3 and shortened them to .25seconds.

You can try the demo if you like, I make no guarantee anything but it should work.
http://amar.homelinux.com/dialer

Javascript Time Entry Field

Posted on by
Reply

For a project I am doing for my dad, I created a form that requires the user to input lots of times. This was to be done in the format “HH:MM:SS”. After I created the form and handed the project over for testing, it was mentioned that typing a colon is a pain and it would be nice if it was filled in automatically.

No problem!

So I set the default value of the field to “00:00:00″. This did not help, because you need to overwrite the existing information and it became a pain.

Ach well – I’ll use javascript

So I thought that this must be a fairly simple task and used quite regularly on the internet in different places so I started looking around for “javascript time data entry” and other searches. Unfortunately this only brought up many javascript calendars to enter dates and javascipt clocks to show an analogue or digital clock on your page.

I DON’T WANT THAT!!!

So instead I hacked myself.

<script type=”text/javascript” charset=”utf-8″>
// <![CDATA[
document.onkeyup = function keyPress(event)
{
field = document.getElementById('time');
str = field.value.split(":");
if (str.length 2) && !(str.charAt(2)=='.')){
indx = field.value.lastIndexOf(':')+3;
field.value = field.value.slice(0,indx)+"." +
field.value.slice(indx);
}
}
}
// ]]>
</script>

with this script embedded in the of the document (or an external js file), the field with id “time” would be checked every time a key (or click) has been pressed. If there are 2 characters after the last colon, then a colon is inserted until 3 blocks of characters have been entered. After this if the user keeps typing, a “.” is inserted after the first 2 characters after that last colon to allow inputting of sub second accuracy.

Unfortunatly am having issues with blogger displaying a demonstration but I can link you to a simple html file with all the code you need