JavaScript

Re: validating candian postal codes [solved]

31-Mar-13 12:12

I'm going crazy here. I've used this code for years and never had a problem. I tested a previous version of the the regex string for Canadian Postal Codes and it worked fine. But today doing a DHL Shipping upgrade testing on Canadian Addresses, I can't get my Canadian Postal Code Regex to produce a match.

So I'm trying K1A 0G9, K8N 5W6, LDU 9Z0
for example. I ran some test in RAD Regex Expresson tester, and could not produce a match as well using
/^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$/

Wait, I just tried this and got a match with the RAD Regex Expression tester, hmm
^[ABCEGHJKLMNPRSTVXY]\d[ABCEGHJKLMNPRSTVWXYZ] \d[ABCEGHJKLMNPRSTVWXYZ]\d$

This seems to work with every variation in the RAD tester, maybe this one
^[ABCEGHJKLMNPRSTVXYabceghjklmnprstvxy]{1}\d{1}[A-Za-z]{1} *\d{1}[A-Za-z]{1}\d{1}$

Wish a real Canadian would enlighten me on this one.

I must admit the canadian postal code system is pretty slick, but not sure why I have so much trouble with it.

var match_b_PostalCode;
var re_Shipping_PostalCode_CA = new RegExp("^[ABCEGHJKLMNPRSTVXY]\\d[ABCEGHJKLMNPRSTVWXYZ]( )?\\d[ABCEGHJKLMNPRSTVWXYZ]\\d$/i");
var re_Shipping_PostalCode_MX = new RegExp("^\\d{5}(-\\d{4})?$");
var re_Shipping_PostalCode_US = new RegExp("^\\d{5}(-\\d{4})?$");
var txt_Shipping_PostalCode = $('[id*="_txt_Modal_ShipRate_AddressInput_PostalCode_Field"]').val().toUpperCase().trim();
            
   switch (countryCode_Value) {
      case "CA":
         match_b_PostalCode = re_Shipping_PostalCode_CA.exec(txt_Shipping_PostalCode);
      case "MX":
         match_b_PostalCode = re_Shipping_PostalCode_MX.exec(txt_Shipping_PostalCode);
      case "US":
         match_b_PostalCode = re_Shipping_PostalCode_US.exec(txt_Shipping_PostalCode);
   }

jkirkerx1-Apr-13 7:20

Jquery - Setting focus on Canvas

1-Apr-13 7:20

Figured it out in jFiddler, I forgot to put breaks in the switch statement, stupid me!

Time and date

Tichaona J31-Mar-13 4:15

Tichaona J

31-Mar-13 4:15

Am not sure what I’ve done wrong. The below code is supposed to show the time and date as Time|Date: 16:08:24 31/3/2013, however its now showing up as Time|Date: 16:08:24 0/3/2013…

JavaScript

<script>
function startTime()
{
var today=new Date();
var d=today.getDay();  //---Day Sunday
var dt=today.getDate();  //---Date 1-31
var mt=today.getMonth() + 1;  //---Month
var y=today.getFullYear();//---Year
var h=today.getHours();  //---Hours
var m=today.getMinutes(); //---Mintutes
var s=today.getSeconds(); //---Seconds
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML= "Time|Date:"+" "+h+":"+m+":"+s+ " " + d+"/"+mt+"/"+y;
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>

Note: Everything else is fine except for the date, what with it bring up '0' instead of '31'

Re: Time and date

dusty_dex31-Mar-13 4:41

dusty_dex

31-Mar-13 4:41

You have used d instead of dt in getElementById line. Sunday = 0

"It's true that hard work never killed anyone. But I figure, why take the chance." - Ronald Reagan

That's what machines are for.

Got a problem?
Sleep on it.

Simon Lee Shugar29-Mar-13 2:54

29-Mar-13 2:54

So on my site I've got a panel that slides out using Jquery, in that panel / div I've put a HTML5 game, the game works fine as a stand alone html document but I wanted to add it as a little surprise into a slide panel, however for the life of me I cannot keep the focus on canvas.

I've tried setting the tab index in the css to 1.

Here's the code I'm using.

JavaScript

// Create the canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
canvas.id="gameCanvas";
div = document.getElementById("slide-panel");
div.appendChild(canvas);

JavaScript

$(document).ready(function(){
 
$(".btn-slide").click(function(){
document.getElementById('gameCanvas').focus()
});

});

Simon Lee Shugar (Software Developer)
www.simonshugar.co.uk

"You can be a king or a street sweeper, but everybody dances with the grim reaper" - Robert Alton Harris

Jasmine250129-Mar-13 6:55

Jasmine2501

29-Mar-13 6:55

Try the JQuery focus(), it seems to work a little better. Fires the focus event...

$('#gameCanvas').focus();

Simon Lee Shugar3-Apr-13 12:51

3-Apr-13 12:51

Thanks I'm using .focus instead now, actually think its due to where I'm loading the script and how the Eventlistnerers are loaded, unfortunately lacked a lot of free time this week to experiment!

Simon Lee Shugar (Software Developer)
www.simonshugar.co.uk

"You can be a king or a street sweeper, but everybody dances with the grim reaper" - Robert Alton Harris

jkirkerx30-Mar-13 18:57

30-Mar-13 18:57

Not sure if this helps, noticed div had no var to represent the object before append, I like using css instead of the element attributes width and height.

// Create the canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.style.display = block;
canvas.style.width = 512;
canvas.style.height = 480;
canvas.id="gameCanvas";
var div = document.getElementById("slide-panel");
div.appendChild(canvas);

Dennis E White2-Apr-13 5:57

Dennis E White

2-Apr-13 5:57

jkirkerx wrote:
I like using css instead of the element attributes width and height.

jkirkerx wrote:
canvas.style.width = 512;
canvas.style.height = 480;

Setting the width and height of a canvas control via CSS has negative impacts associated with it. You need to set height and width via the element attributes.

I agree however that in situations outside of the canvas element you would want to set these via CSS.

as if the facebook, twitter and message boards weren't enough - blogged

jkirkerx2-Apr-13 6:28

2-Apr-13 6:28

In my beginning, I used the width and height elements, but switched over to pure css later on in the years.

I know in HTML emails, I set both. I'll have to investigate the negative impacts because now I'm curious about it.

Dennis E White2-Apr-13 6:35

Dennis E White

2-Apr-13 6:35

I think if you check the safari docs on canvas it even mentions there that you have to set the height and width via attributes.

when I wrote the jQuery plugin for http://dooscrib.com/[^] I had issues with coordinates not working if the height and width were set via CSS vs attribute.

since the canvas control came out of the camps of Apple I would trust their docs most. Smile | :)

as if the facebook, twitter and message boards weren't enough - blogged

jkirkerx2-Apr-13 6:38

2-Apr-13 6:38

Canvas must be a HTML 5 element, sorry if I sound dumb about it. I'm still using VS2010 because I don't own a licensed copy of Windows 7 for my VS 2012.

Dennis E White2-Apr-13 6:42

Dennis E White

2-Apr-13 6:42

it is an HTML5 element.

jkirkerx wrote:
sorry if I sound dumb about it

not dumb about it. I am just saving the frustration of having to learn about the pitfalls of doing the CSS route. I spent hours debugging my plugin trying to get the CSS route to work till I came across the apple docs for safari that clearly said to use the attributes.

as if the facebook, twitter and message boards weren't enough - blogged

Simon Lee Shugar3-Apr-13 12:50

3-Apr-13 12:50

Cheers for the input, still working on this, just lacking free time at all this week!

Anyway while debugging I tried throwing in the style, it didn't like style.display=block it decided not to draw the canvas!

Simon Lee Shugar (Software Developer)
www.simonshugar.co.uk

"You can be a king or a street sweeper, but everybody dances with the grim reaper" - Robert Alton Harris

Thou mewling ill-breeding pignut!

AspDotNetDev7-Apr-13 13:10

AspDotNetDev

7-Apr-13 13:10

Just as an idea, try setting the focus after the slide out animation has finished, rather than right when the slide element is clicked. If you are using the animate function in jQuery, I believe there is a "complete" function you can pass in that will execute once the animation is complete.

Simon Lee Shugar7-Apr-13 21:34