To use the Google AJAX Map API we’ll first include the JS (JavaScript) file to make it possible.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

We can include that JS file anywhere on your page as long as it’s valid markup. Along with that we’re going to use some helper JS functions to make things easier.

  var geocoder;
  var map;
  var hide = false;
  function initialize() 
  {
      geocoder = new google.maps.Geocoder();
      var latlng = new google.maps.LatLng(-34.397, 150.644);
      var myOptions = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress(map_loc) {
    if(document.getElementById('map_canvas').style.display == '')
    {
      document.getElementById('map_canvas').style.display = 'none';
      hide = true;
    }
    else
    {
      if(hide == false)
      {
        initialize();
        var address = map_loc;
        if (geocoder) {
          document.getElementById('map_canvas').style.display = '';
          geocoder.geocode( { 'address': address}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
              map.setCenter(results[0].geometry.location);
              var marker = new google.maps.Marker({
                  map: map, 
                  position: results[0].geometry.location
              });
            } else {
              alert("Geocode was not successful for the following reason: " + status);
            }
          });
        }
      }
      else
      {
        document.getElementById('map_canvas').style.display = '';  
      }
    }
  }

These helper functions will allow us to take a regular address and use them in the Google AJAX Map API. With all that behind us let’s get to the simple code display our map.

<a href="javascript:codeAddress('3730 Las Vegas Blvd S, Las Vegas, NV 89109');">3730 Las Vegas Blvd S, Las Vegas, NV 89109 (Map)</a>
<div id="map_canvas" style="width: 100%;height:480px;display:none;"></div>

That is all!

To start off with we’ll use an example mul­ti­di­men­sional array of people with their names and age:

$people = array(
  array('name' => 'Bob', 'age' => 27),
  array('name' => 'Mary', 'age' => 22),
  array('name' => 'Clint', 'age' => 29),
  array('name' => 'Adam', 'age' => 42),
  array('name' => 'Sarah', 'age' => 24)
);

Now lets write the function that will sort our array for us:

/***
* arraySubSort, takes a multidimensional array and sorts it by values of $subkey using $sort function.
* 
* @param array    $array
* @param string   $subkey
* @param function $sort
*/
function arraySubSort($array, $subkey, $sort = asort) {
  foreach($array as $key => $value) {
    $temp[$key] = strtolower($value[$subkey]);
  }
  
  $sort($temp);
  foreach($temp as $key => $value) {
    $result[] = $array[$key];
  }
  return $result;
}

The function arraySubSort($array, $subkey, $sort = asort) will take our array as the first parameter, the second parameter the key we’re sorting by, and the last parameter can be left blank for the default asort() or you can use another sort function.

Lets sort by age.

print_r(arraySubSort($data,'age'));
/* arraySubSort Result
Array
(
    [0] => Array
        (
            [name] => Mary
            [age] => 22
        )

    [1] => Array
        (
            [name] => Sarah
            [age] => 24
        )

    [2] => Array
        (
            [name] => Bob
            [age] => 27
        )

    [3] => Array
        (
            [name] => Clint
            [age] => 29
        )

    [4] => Array
        (
            [name] => Adam
            [age] => 42
        )

)
*/

As you can tell this can prove to be quite useful.
Using the third parameter we can use other sort functions, click here to read more about the others.

Enjoy!

Should I really buy it now? The domain name is rather unique. As such I decided not to purchase; when this all happened I was already logged into my GoDaddy account. A couple of days later I noticed an email giving me 15% off of the very same domain purchase I wanted to make that day.

You might think 15% isn’t much?! If you’re penny pinching this is a great way to save just a little extra money.

To summarize the trick:

• Log into GoDaddy.
• Select your domain.
• Get to the last stage of checkout before actually paying.
• Leave that checkout page open for a minute or two. (Just to be sure, they may track your session in real-time using JS.)
• Close page.
• Wait a few days for an email to arrive in your inbox with 15% savings.
• Buy your domain and enjoy the 15% off!

“A penny saved is a penny earned.” — Benjamin Franklin

Both of these methods provide a lot of useful functionality to your website’s UI; such examples include hiding forms, elements, and other parts of pages by clicking another element. In this tutorial I’ll show you how to determine the state of a “div” element.

To start off with we’ll write some simple code binding a click event to a handle (in this example, anchor) and the div that we’re going to toggle.

<script type="text/javascript">
$(function() {
  $('#handle').click(function() {
    $('#my_div').toggle();
  }); 
});
</script>
<div id="my_div" style="display: none;">Hello, Using toggle you can now see me!!</div>

We now have a div with the identifier “my_div” which has its css display set to none.
Let’s write that handle to toggle its visibility.
<a id="handle" href="javascript:return false;">Click me to toggle 'my_div'</a>

Click me to toggle ‘my_div’

Finally! We have our anchor (link) to toggle the visibility of that pesky “div.” Don’t tell the “div” that I said that, okay? Let’s move on. We’ll now write the simple conditional statement that will tell us if that pesky– I mean lovely div is visible or not.

<input onclick="if($('#my_div').is(':visible') == true) { alert('is visible'); } else { alert('is not visible'); }" type="button" value="What State is the toggle?" />

You could also save the result in a variable such as:

var status = $('#my_div').is(':visible'); // Will return true or false.

IP Address -> 2 parts (Network + Host)
192.168.0.1 -> Public Address
255.255.255.0 -> SUbnet Mask (Used to determine network portion)

Binary Scale = 128 — 64 — 32 — 16 — 8 — 4 — 2 — 1

Andding Process
Works with binary
[ Octect ]
– IP in Binary         = 4x8bits = 32 bits
[192.168.0.1]      1 1 0 0 0 0 0 0 . 1 0 1 0 1 0 0 0 . 0 0 0 0 0 0 0 0 . 0 0 0 0 0 0 0 1

- Subnet Mask in Binary = 4x8bits = 32 bits
[255.255.255.0]      1 1 1 1 1 1 1 1 . 1 1 1 1 1 1 1 1 . 1 1 1 1 1 1 1 1 . 0 0 0 0 0 0 0 0

- Network Portion (IP)    = 4x8bits = 32 bits [Replaces Host part of IP]
[192.168.0.0]      1 1 0 0 0 0 0 0 . 1 0 1 0 1 0 0 0 . 0 0 0 0 0 0 0 0 . 0 0 0 0 0 0 0 0

Example
– IP      [192.168.241.38]
– Subnet [255.255.224.0]  224 (Binary) = 1 1 1 0 0 0 0 0
[Last digit 1 in the binary is equal to 32]
.0
.32
.64
.96
.128
.160
.192
.224
.256 [Invalid it passes 255]

8bits  8bits 8bits
Class A     [Network . Host . Host . Host]
^- 0–126 (127)

Always Starts [Binary] = 0 _ _ _ _ _ _ _

Number of useable host 2^power(n) — 2 [n = # of bits]
2^power(24) = 16,777,214 Host

Default Subnet: 255.0.0.0
Network Portion: 8bits
Host Portion: 24bits

8bits  8bits
Class B     [Network . Network . Host . Host]
^- 128–191 [Range]

Always Starts [Binary] = 1 0 _ _ _ _ _ _

Default Subnet: 255.2550.0.0
Network Portion: 16bits
Host Portion: 16bits

8bits
Class C     [Network . Network . Network . Host]
^ — 192–223 [Range]

Always Starts [Binary] = 1 1 0 _ _ _ _ _

Default Subnet: 255.2550.255.0
Network Portion: 24bits
Host Portion: 8bits

Class D
^ — 224–239 [Range] [Multicast Channel]
Always Starts [Binary] = 1 1 1 0 _ _ _ _

Class E
^ — 240–247 [Range] [Experimental Channel]
Always Starts [Binary] = 1 1 1 1 0 _ _ _

NAT– Network Address Translator
Wire Address = First number in the class range
Broadcast Address = Last Number in the class range
Example Class A
– 0 = Wire Address
– 127 = Broadcast Address [Loopback]

Breakpoints = Class starting binary — 255
Example Class A = 0 _ _ _ _ _ _ _
0 1 1 1 1 1 1 1 -> 255 — 128 = 127

Binary          Decimal                Total
[1] -> 1 1 1 1 1 1 1 1 = 128 + 64 + 32 + 16 + 8 + 4 + 2 + 1    = 255
[5] -> 1 1 0 1 1 1 0 1 = 128 + 64 + 16 + 8 + 4 + 1        = 221
[2] -> 0 0 1 1 0 1 0 1 = 32  + 16 + 4  + 1            = 53
[3] -> 1 1 1 0 0 1 0 0 = 128 + 64 + 32 + 4            = 228
[4] -> 1 1 1 0 1 1 1 1 = 128 + 64 + 32 + 8 + 4 + 2 + 1        = 239
5  -> 1 0 1 0 1 0 1 0 = 128 + 32 + 8  + 2            = 170

192.168.2.1/24 -> 24 = Number of network bits or subnet mask bits
24/8 = 3 Octects = 3 Networks and 1 Host
N     N    N   H   [N = Network, H = Host]
192 . 168 . 2 . 1

Possible Subnets /24
/16
/8
/30

[32 bits = total bits in an IP Address]
Number of possible host -> /24 -> 32 — 24 = 8 bits 2^8 — 2 = 254 Possible Host

Private Network Address’s [Not allowed to access the internet]

Class A [10.0.0.0] /8 Subnet Mask

Class B [172.16.0.0 <-> 172.31.0.0] /16 Subnet Mask

Class C [192.168.0.0] /24 Subnet Mask

Local Area Netork [Private Address] -> NAT (Network Address Translation) -> Internet
Private IP                Public IP

Unicast        Source Destination 202.18.1.4/24    Network-[202.18.1.0] Host-[4]
IP    Multicast    Source Destination 168.21.1.14/16    Network-[168.21.0.0] Host-[14]
Broadcast    Source Destination 168.21.1.14/16    Network-[168.21.0.0] Host-[14]

168.21.1.14 = 1 0 1 0 1 0 0 0 . 0 0 0 1 0 1 0 1 . 0 0 0 0 0 0 0 1 . 0 0 0 0 1 1 1 0
Subnet        = 1 1 1 1 1 1 1 1 . 1 1 1 1 1 1 1 1 . 0 0 0 0 0 0 0 0 . 0 0 0 0 0 0 0 0
ANND        = 1 0 1 0 1 0 0 0 . 0 0 0 1 0 1 0 1 . 0 0 0 0 0 0 0 0 . 0 0 0 0 0 0 0 0
IP Host    =         168   . 21              . 0               . 0

Wire Address (Network Address) 192.168.0.0 Never assigned to a computer, the 0.0 presents the wire address.

. 0 0 0 0 0 0 0 0 . 0 0 0 0 0 0 0 1 [First usable host]
. 1 1 1 1 1 1 1 1 . 1 1 1 1 1 1 1 1 [Broadcast Address]

124.10.11.2/28
255.255.255.240
124.10.11.0 (network use ANNDING to find it)

1 1 1 1 0 0 0 0 0 = 240    1 1 0 1 1 1 1 1 = 224 [IP]
0 0 0 0 0 0 0 1 0 = 2    1 1 1 1 0 0 0 0 = 240 [Subnet]
0 0 0 0 0 0 0 0 0 = 0    1 1 0 1 0 0 0 0 = 208

124.0.11.0    1    14    15 Broadcast
.16    2
.32    3
.48    4
.64    5
.80    6
.96    7
.112    8
.128    9
.144    10
.160    11
.176    12
.192    13
.208    14
.224    15
.240    16
.256    -> Broadcast

10.10.21.38/9 What is the wire Address?
What is the subnet mask?

13 bits for network /13 _ _ _ _ _ _ _ _ | _ _ _ _ _ [Last digit in binary string = the amount of steps.

Multicast — Group of host MAC (GET THIS INFO)
Broadcast — All MAC FFFF FFFF FFFF
255.255.255.255

IP Address Systems
– Static [Manually Assigned]
– Assigned manually
IP Address
Subnet Mask
Default Gateway
– Dynamic [Automaticly assigned by software — DHCP Sever]
– Assigned Automaticly
IP Address
Subnet Mask
Default Gateway

These notes are property of Bryse Meijer