Matt#

Fire ASP.net client side validation programmatically

2008-03-01T20:06:00.001-08:00

This one is really nice. I had a scenario where I wanted to do client side validation, but server side processing was going to be done via a WebMethod call via a JQuery POST. I really like the ASP.net validators for basic validation, so I wanted to use them in this case. Turns out that ASP wires the validation call into the submit javascript somewhere. After a bit of perseverance and some experimentation, I ran across this method:

Page_ClientValidate(validationGroupName)

Turns out that little gem will fire the validators, and return the state of things, which is exactly what I wanted. Here is a basic javascript function that uses it.

function doSave() {
  if (Page_ClientValidate("valgroup")) {
    alert("valid");
  }
}

CSS Selectors, Part I

2008-03-01T19:53:00.001-08:00

This is one of the big things that in my opinion, separates the CSS beginner from the intermediate.

CSS Basics

CSS (Cascading Style Sheets) starts with the word "Cascading" for a reason. You have external stylesheet files that apply to multiple pages, internal inline stylesheets for page specific rules, and tag level style rules. Each level will override all outer levels (so a tag level style attribute will override rules set in the header, or in an external file).

Selectors

Now, when defining a style rule for a tag, you give it the tag name, followed by brace brackets ({ }), in which you define what attributes you want. So, something like this:

a { color: Red; font-weight: bold; }

tells the browser that for all <a> tags, make the colour red, and the font bold.

Now, what if you want most of your <a> tags to be red and bold, but there are five navigation links you want to be a nice maroon? Based on what we talked about earlier, the obvious choice is something like this:

<head>
  <title>CSS Pwnz J00!!</title>
  <style type="text/css">
    a {
      color: Red;
      font-weight: bold;
    }
  </style>
</head>
...
<a href="index.html" style="color: Maroon">Home</a>

What the rules in the header tell the browser is that all <a> tags are to be red and bold, what the style attribute in the link tells the browser is that for this tag (and its children), make the colour maroon. These two directives are in conflict, so the one that is at the innermost level wins, the result being

... Which is a marooned, bolded link.

This is where most peoples knowledge seems to end. You can achieve the effect desired with these skills alone. There is alot more to the story though if one wants to write elegant code. One of the prime principals to keep in mind when writing elegant solutions is something called "Separation of Concern". But that will have to wait for part II.

Hello, World

2008-03-01T19:36:00.001-08:00

First blog posts are always cheesy and a bit of a pain, so I'll make this short and sweet.

I'm a ASP.net guy, and this is going to be a developer blog. But I wasn't always on the ASP side of things, so expect regular posts on general Web technology. This is mostly a place to put cool things I know that are either hard to learn about, or things which too many people don't know who should.

So anyway's, hopefully you will find this stuff interesting, as always, comments and suggestions are welcome.