January 2008 Archives
I wondered for a while if this real, and decided that is must be.
Damn, that shark is big. Was Roy Scheider behind the camera?
Damn, that shark is big. Was Roy Scheider behind the camera?
More : Shark vs. Dolphin.
What is the DOM? The DOM is an object oriented view of HTML documents. HUH?
An HTML page is a document, within that page exists tags such as:
<body></body>, <h2></h2>, <div></div>, <span></span>
These html tags could be referred to in a few ways, such as, tags, elements, or even objects. When working with or manipulating the dom you will mostly refer to the items as elements, like when using getElementById(). But when standing back and viewing you document in greater detail these elements represent more of a life as an object. If your familiar with OOP programming you will know and an object is related to another object as are it's attributes and so on. We refer to this as a hierarchy.
In an HTML document there are elements that are on top of other elements that cause the characteristics of that element. For instance:
An HTML page is a document, within that page exists tags such as:
<body></body>, <h2></h2>, <div></div>, <span></span>
These html tags could be referred to in a few ways, such as, tags, elements, or even objects. When working with or manipulating the dom you will mostly refer to the items as elements, like when using getElementById(). But when standing back and viewing you document in greater detail these elements represent more of a life as an object. If your familiar with OOP programming you will know and an object is related to another object as are it's attributes and so on. We refer to this as a hierarchy.
In an HTML document there are elements that are on top of other elements that cause the characteristics of that element. For instance:
More : DOM (Dominate Object Model).
Florida Marlins Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Ottawa Senators Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Yes, Ajax is a powerful household and industrious cleaner, but it has also become a powerful and dynamic part or our web surfing and web environment world. AJAX stands for Asynchronous JavaScript and XML. What is that? It's not a language, but it is considered more to be an array of web environment tools and or languages. JavaScript gives us the ability to work with and modify the Object model and XML gives us a delivery of content for our documents. When using Ajax applications in your web pages you are using not only using JavaScript and XML, but your using all resources that are available to you in your browser environment and/or server configuration. CSS is used for the styling and placement while HTML can be used the same way as CSS(if need be). Other languages(php, asp, java) are also used to handle server side requests and responses. These other languages do not understand that a request is being being from an Ajax application. They just see that a request has been made, so there isn't any additional configuration that needs to be implemented
JavaScript can be and is mostly used as asynchronous web tool already, but what makes JavaScript an Ajax application is the use of the XMLHttpRequest object. The XMLHttpRequest Object permits your web pages or users to to fetch server side content while still playing with or reading the web page that they are currently on.
The term Ajax is a generalization of the technologies that allow this interaction with server side content. Huh? An XMLHttpRequest does not only have to fetch XML docs. It can fetch any type of content(Video, Audio, XML, DB content, etc).
So let's make an XMLHttpRequest connection:
More : AJAX. What is it?.
Edmonton Oilers Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
San Antonio Spurs Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Detroit Pistons Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
As I mentioned in a previous entry, I had to create dynamic select lists. But I did not mention that those lists had to be multiple selects lists. Upon having to create this functionality because a drop down menu is a select for one item, I will show you how I did it.
From this to this:
See a working demo here:
From this to this:
See a working demo here:
More : Multiple Select Dropdown Menu.
Javascript used to be my enemy. It was a language that was boring and I felt that it had nothing to offer but form validation and a couple other things like rollover images and popup windows. Now, if you know javascript, XML, and the DOM, "May the Force be with you"! Your power to manipulate your internet/intranet sites is huge. From adding dynamic data to your site without a reload of your browser to, well, to being able to do pretty much anything with an onmouseover or any of the events(1) javascript offers.
But, know when and why to use Ajax. Ajax has become a buzzword, as was Flash and Java. People have asked for Ajax applications when there is really no need or purpose for it. Other languages and or technologies would be much more useful to use. Such as one person asking for her e-commerce site to be written in Ajax. Certainly suggested to not do that. E-commerce is not something you want to run with Ajax. Leave that to the server to handle. Agree?
But, know when and why to use Ajax. Ajax has become a buzzword, as was Flash and Java. People have asked for Ajax applications when there is really no need or purpose for it. Other languages and or technologies would be much more useful to use. Such as one person asking for her e-commerce site to be written in Ajax. Certainly suggested to not do that. E-commerce is not something you want to run with Ajax. Leave that to the server to handle. Agree?
More : Ajax or Not Ajax.
I haven't had any time to write anything recently, cause that stuff called "work" has had me so busy. But, I have found a bit of time to share with ya'll. I am in the process of creating a prototype application that runs on a bit of html, css, and all javascript. Oye!! My main file for this application is over 38 printed pages of javascript/ajax right now, and still growing. All the data/content is written into javascript arrays.
I am going to share with you a useful code practice I like to use when working with arrays and large files.
Let's cover the basics of an array first. Let's create one.
Here are a couple ways to create an array object.
var myArray = new Array(5);
var myArray1 = new Array();
Now let's populate the array's;
myArray[0] = "Michael";
myArray[1] = "Larisa";
myArray[2] = "Mark";
myArray[3] = "Patrik";
myArray[4] = "Scott";
myArray1 = ["Hockey", "Baseball", "Football", "Basketball", "Soccer", "Tennis", "Golf"];
Both of these methods will work. I almost never use the first example because as you can see we declared the size of the array "myArray(5). I just don't see the a purpose of doing that. Not that it makes a big difference though. I just find that the second array "myArray1" is much easier, quicker, and simpler to understand.
Now lets read our arrays that we just created.
I am going to share with you a useful code practice I like to use when working with arrays and large files.
Let's cover the basics of an array first. Let's create one.
Here are a couple ways to create an array object.
var myArray = new Array(5);
var myArray1 = new Array();
Now let's populate the array's;
myArray[0] = "Michael";
myArray[1] = "Larisa";
myArray[2] = "Mark";
myArray[3] = "Patrik";
myArray[4] = "Scott";
myArray1 = ["Hockey", "Baseball", "Football", "Basketball", "Soccer", "Tennis", "Golf"];
Both of these methods will work. I almost never use the first example because as you can see we declared the size of the array "myArray(5). I just don't see the a purpose of doing that. Not that it makes a big difference though. I just find that the second array "myArray1" is much easier, quicker, and simpler to understand.
Now lets read our arrays that we just created.
More : Javascript Array.
Asynchronous: of,
used in, or being digital communication (as between computers) in which
there is no timing requirement for transmission and in which the start
of each character is individually signaled by the transmitting device.
Synchronous: of, used in, or being digital communication (as between computers) in which a common timing signal is established that dictates when individual bits can be transmitted and which allows for very high rates of data transfer.
So what does this mean for me and my websites. It's a difference of time. Take for instance fast food and cooking a meal. Fast food is already prepared and just needs to be formatted or slapped between two pieces of bread and put into some type of wrapper before it can be enjoyed (If you enjoy fast-food). Cooking a meal can be considered synchronous because you have to prepare and cook the meal before you can enjoy it. A time difference of Asynch (5-10 minutes) or Synch (30-60 minutes). With website content an asynchronous action is content that is being retrieved and loaded to your document behind the scenes. Your user does not have to wait long or take further action for the requested content to be displayed. Your user can continue to read your web page while the request is being processed. A synchronous action takes a user to either refresh(f5) or click a link to go to a different page.
Synchronous: of, used in, or being digital communication (as between computers) in which a common timing signal is established that dictates when individual bits can be transmitted and which allows for very high rates of data transfer.
So what does this mean for me and my websites. It's a difference of time. Take for instance fast food and cooking a meal. Fast food is already prepared and just needs to be formatted or slapped between two pieces of bread and put into some type of wrapper before it can be enjoyed (If you enjoy fast-food). Cooking a meal can be considered synchronous because you have to prepare and cook the meal before you can enjoy it. A time difference of Asynch (5-10 minutes) or Synch (30-60 minutes). With website content an asynchronous action is content that is being retrieved and loaded to your document behind the scenes. Your user does not have to wait long or take further action for the requested content to be displayed. Your user can continue to read your web page while the request is being processed. A synchronous action takes a user to either refresh(f5) or click a link to go to a different page.
More : Asynch or Synch?.
New York Knicks Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
With prototype 1.6 being released it has left some abilities, classes, functions, or methods behind. One of those depreciated classes is the Insertion class which was replaced with insert(). insert allows you to insert content into your documents. That content can be either text, HTML, a DOM Element, or any type of object with a toHTML or toElement method. The content can be placed using a parameter of bottom, top, before, or after value. Let's try it.
First we are going to create a function and call it myFunction and a new String object which we will use for our insert.
function myFunction() {
var test = "This is a new String.";
}
Now let's create an instance of our insert class.
new Element.insert('myDiv', {top:test});
So now our script looks like this
First we are going to create a function and call it myFunction and a new String object which we will use for our insert.
function myFunction() {
var test = "This is a new String.";
}
Now let's create an instance of our insert class.
new Element.insert('myDiv', {top:test});
So now our script looks like this
More : Prototype 1.6, insert();.
The this keyword is used to refer to the originating object or function that it belongs to or is executed from. Such as in the function myFunction(this).
Example:
function myFunction(item) {
alert(item);
}
<a href="somelink" onclick="myFunction(this.id)" id="mylink">link</a>
The alert that will be displayed will read mylink, because the this keyword refers to the element <a href> and the id of that element is mylink.
When using events and forms, you will find that the this keyword offers you great control over your DOM. Let's try a form example with using the this keyword.
Example:
function myFunction(item) {
alert(item);
}
<a href="somelink" onclick="myFunction(this.id)" id="mylink">link</a>
The alert that will be displayed will read mylink, because the this keyword refers to the element <a href> and the id of that element is mylink.
When using events and forms, you will find that the this keyword offers you great control over your DOM. Let's try a form example with using the this keyword.
More : this. Keyword.
There are Object properties and Standard properties for your DOM Elements. The properties listed below are your Standard Element properties.
className: Gets/sets the class name of your Element.
Syntax: object.className = className
Example:
className: Gets/sets the class name of your Element.
Syntax: object.className = className
Example:
<body id="myid" class="mystyle">
<script type="text/javascript">
x=document.getElementsByTagName('body')[0];
document.write("Body CSS class: " + x.className);
document.write("<br />");
document.write("An alternate way: ");
document.write(document.getElementById('myid').className);
</script>
More : DOM - Standard Properties.
Dallas Mavericks Wallpaper
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
Some old, some new, some retired, some not, some originals, some not.
Most of these are left over from a project I was on a year ago.
You might want to bookmark this page for future reference and updates.
HyperText Markup Language 4 as we know it has not changed since 1999, but as we know from being a part of the internet culture and development of it, that things have evolved in the past 8 years. CSS, JavaScript, and XML have really changed what we can accomplish and create for the world to read, use, or play with. Back in 2004 the next phase of HTML was being pioneered by the WHATWG (Web Hypertext Application Technology Working Group). Oh yeah, them you say. In 2007 the W3C passed HTML5 on to the HTML working group and made it their primary focus. For the past few month quite a few documents have been created outlining the new and forth coming HTML5.
When will HMTL5 be ready for use or be finished? Your guess is as good as mine and it may never reach a completed or finished phase, but some features of HTML5 can already be used. One such tag is <canvas>. Here's a Mozilla Tutorial for the <canvas> tag. It's an element that can work together with JavaScript for rendering images and animations in a specified canvas size. See the example link above.
Other new elements expected for HTML5 are - section, video, progress, nav, meter, time, aside. You can get a run down of what these elements are and there purpose at the W3C. Reference it here.
Read more here:
wiki HTML5
New Elements
To explain:
onclick() != onClick().
They both work the same as does onmouseout() and onMouseout() and the other JavaScript events but are they the same? Yes, they both serve their purpose but syntax wise, no. They are not equal. If you find yourself using camel type text for a precoded , event your validation will fail with the W3C compliances. I am sure many people are used to this, as I am. When I write a function, I use camel type text such as myFunction() which is ok to do and out of habit we do it with events like onMouseover, but like I said, it doesn't pass validation.
Whether you're using a strict or loose dtd, you'll see the error: 'there is no attribute "onClick"' or likewise for the event type.
What I find interesting is that most references will show you the function as onClick(), but when it's used in an example, sometimes it's coded as onclick().
onclick() != onClick().
They both work the same as does onmouseout() and onMouseout() and the other JavaScript events but are they the same? Yes, they both serve their purpose but syntax wise, no. They are not equal. If you find yourself using camel type text for a precoded , event your validation will fail with the W3C compliances. I am sure many people are used to this, as I am. When I write a function, I use camel type text such as myFunction() which is ok to do and out of habit we do it with events like onMouseover, but like I said, it doesn't pass validation.
Whether you're using a strict or loose dtd, you'll see the error: 'there is no attribute "onClick"' or likewise for the event type.
What I find interesting is that most references will show you the function as onClick(), but when it's used in an example, sometimes it's coded as onclick().
The strict doctype is my preference to work with. There are a hand full of doctypes to use, which can be found here. The purpose of using a doctype is for the proper rendering of web related materials in varying browsers(ie, Firefox, IE, Safari, etc). Choosing to not a use a doctype sends the browser into Quirks mode which could cause invalid markup and have the result of different browsers rendering your (X)html, css and DOM, to appear as it would in the old days of the web by an outdated browser.
One of the features that I like about the strict doctype is that it keeps me informed of what is or has been depreciated in the world of elements and attributes for HTML 4.01. A small group of these depreciated elms or attributes is the <center> element or align, background, and language attributes. The depreciated items are to be handled by the css instead of in the markup.
If you are a beginner to web development or web programming you should try using the loose.dtd, which is much more forgiving. But for the advanced developers get your web pages compliant with a strict.dtd. There are far to many sites our there in this world wide web which are not compliant or following any type of standards.
One of the features that I like about the strict doctype is that it keeps me informed of what is or has been depreciated in the world of elements and attributes for HTML 4.01. A small group of these depreciated elms or attributes is the <center> element or align, background, and language attributes. The depreciated items are to be handled by the css instead of in the markup.
If you are a beginner to web development or web programming you should try using the loose.dtd, which is much more forgiving. But for the advanced developers get your web pages compliant with a strict.dtd. There are far to many sites our there in this world wide web which are not compliant or following any type of standards.
More : Strict Doctype.
2whoa.com - NEW!!
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Home
jQuery
Javascript
Archives
MLB Wallpapers
NFL Wallpapers
NBA Wallpapers
NHL Wallpapers
Flames Wallpaper
Watch Live Games!
NHL
NBA
Soccer
NFL
and more..
BMW, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Volvo, Toyota, Volvo, Saab, Audi, Nissan Mercedes, Volvo, Nissan,Volvo Volvo Volvo Honda, Acura, Honda, Acura Forerunner, SUV, Volvo, Mercedes, Toyota
Chicago Blackhawks
Stanley Cup
Pittsburgh Penguins
Boston Bruins
Fire & Flames
