Defining Objects - Revision history

Bacchas: /* Navigation */

2017-04-11T18:08:56Z

Navigation

← Older revision		Revision as of 18:08, 11 April 2017
Line 1:		Line 1:
	== Navigation==		== Navigation==
	''' ~~JSON File~~ '''		''' object '''
	<pre>		<pre>
	var mainNav = [{		var mainNav = [{

Bacchas at 18:08, 11 April 2017

2017-04-11T18:08:32Z

← Older revision		Revision as of 18:08, 11 April 2017
Line 1:		Line 1:
			== Navigation==
			''' JSON File '''
			<pre>
			var mainNav = [{
			item: "Home",
			url: "../index.html"
			},
			{
			item: "Product Videos",
			url: "../videos/index.php"
			},
			{
			item: "Photo Gallery",
			url: "../photogallery.html"
			},
			{
			item: "Installation Instructions",
			url: "../installation/index.html"
			},
			{
			item: "Catalog Download",
			url: "../catalog/index.html"
			},
			{
			item: "Tradeshows",
			url: "../tradeshow.html"
			}

			];
			</pre>
			''' Function That Creates the Navigation and Calls it '''
			<pre>
			function showMainNav(arr) {
			var output = "<ul>";
			var i;
			for (i = 0; i < arr.length; i++) {
			output += '<a href="' + arr[i].url + '">' + '<li>' + arr[i].item + '</li></a>';
			}

			if (elements.mainNavigation !== null) {
			elements.mainNavigation.innerHTML = output + '</ul>';
			} // end if
			} // end showMainNav

			showMainNav(mainNav);
			</pre>

			=== Using For In Loop ===
			The for in loop does not always display the array in the order typed
			'''HTML '''
			<pre>
			<h2>My List</h2>
			<ul id="links">
			</ul>
			</pre>
			<pre>
			<script>
			var info = {
			"full_name": "Ray Villalobos",
			"title": "Staff Author",
			"links": {
			"blog": "http://iviewsource.com",
			"facebook": "http://facebook.com/iviewsource",
			"youtube": "http://www.youtube.com/planetoftheweb",
			"podcast": "http://feeds.feedburner.com/authoredcontent",
			"twitter": "http://twitter.com/planetoftheweb"
			}
			};

			var output = "";
			for (key in info.links) {
			// if the link has the key property
			if (info.links.hasOwnProperty(key)) {
			output += '<li>' + '<a href="' + info.links[key] +
			'">' + key + '</a>' + '</li>';
			}
			}
			var update = document.getElementById('links');
			update.innerHTML = output;
			</script>
			</pre>

	== Object create ==		== Object create ==
	<pre>		<pre>

Bacchas at 21:03, 6 November 2016

2016-11-06T21:03:35Z

← Older revision		Revision as of 21:03, 6 November 2016
Line 36:		Line 36:
	</pre>		</pre>
	'''Creating a new Object for the john object'''		'''Creating a new Object for the john object'''
	var harry = Object.create(john);		var harry = Object.create(john);
	==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==		==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 21:03, 6 November 2016

2016-11-06T21:03:08Z

← Older revision		Revision as of 21:03, 6 November 2016
Line 1:		Line 1:
	== ~~Objects~~ ==		== Object create ==
	<pre>		<pre>
	var john = {		var john = {
Line 17:		Line 17:
	for(var item in john ){		for(var item in john ){
	console.log(item + " - " + john [item]);		console.log(item + " - " + john [item]);
	~~==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==~~

	== Create an Object with a calculated value within the object ==		== Create an Object with a calculated value within the object ==
Line 35:		Line 35:

	</pre>		</pre>
			'''Creating a new Object for the john object'''
			var harry = Object.create(john);
			==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 23:56, 1 November 2016

2016-11-01T23:56:37Z

← Older revision		Revision as of 23:56, 1 November 2016
Line 1:		Line 1:
			== Objects ==
	<pre>		<pre>
	var john = {		var john = {
	name: 'John',		name: 'John',
	lastName: 'Smith',		lastName: 'Smith',
Line 7:		Line 8:
	isMarried: false,		isMarried: false,
	family: ['jane', 'mark'],		family: ['jane', 'mark'],
	calculateAge: function(~~yob~~) {		calculateAge: function() {
	return 2016 - ~~yob~~;		return 2016 - this.yearOfBirth;
	}		}
	};		};
			console.log("--- " + john.calculateAge());
	console.log(john.calculateAge(~~1990~~));
	</pre>		</pre>
	===Loop through items===		===Loop through items===
Line 18:		Line 18:
	console.log(item + " - " + john [item]);		console.log(item + " - " + john [item]);
	==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==		==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

			== Create an Object with a calculated value within the object ==
			'''this will create the john.age with the calculated value'''
			<pre>
			var john = {
			name: 'John',
			lastName: 'Smith',
			yearOfBirth: 1990,
			job: 'Teacher',
			isMarried: false,
			family: ['jane', 'mark'],
			calculateAge: function() {
			this.age = 2016 - this.yearOfBirth;
			}
			};

			</pre>

Bacchas at 23:45, 1 November 2016

2016-11-01T23:45:09Z

← Older revision		Revision as of 23:45, 1 November 2016
Line 1:		Line 1:
	<pre>		<pre>
	var ~~comptype~~ = {		var john = {
	~~brand~~: '~~ibm~~',		name: 'John',
	~~ram~~: '~~128 Gigs~~',		lastName: 'Smith',
	~~hdrive~~: '~~1 Terabyte~~'		yearOfBirth: 1990,
			job: 'Teacher',
			isMarried: false,
			family: ['jane', 'mark'],
			calculateAge: function(yob) {
			return 2016 - yob;
			}
			};

	}		console.log(john.calculateAge(1990));
	</pre>		</pre>
	===Loop through items===		===Loop through items===
	for(var item in ~~comptype~~){		for(var item in john ){
	console.log(item + " - " + ~~comptype~~[item]);		console.log(item + " - " + john [item]);
	==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==		==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 19:23, 25 October 2016

2016-10-25T19:23:06Z

← Older revision		Revision as of 19:23, 25 October 2016
Line 10:		Line 10:
	for(var item in comptype){		for(var item in comptype){
	console.log(item + " - " + comptype[item]);		console.log(item + " - " + comptype[item]);
			==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Java Script\|Category]]==

Bacchas at 15:48, 21 October 2016

2016-10-21T15:48:47Z

← Older revision		Revision as of 15:48, 21 October 2016
Line 7:		Line 7:
	}		}
	</pre>		</pre>
	===Loop through items==		===Loop through items===
	for(var item in comptype){		for(var item in comptype){
	console.log(item + " - " + comptype[item]);		console.log(item + " - " + comptype[item]);

Bacchas: Created page with "

  var comptype = {  brand: 'ibm',  ram: '128 Gigs',  hdrive: '1 Terabyte'  }

===Loop through items== for(var item in comptype){ console.log(item + " - " + compty..."

2016-10-21T15:48:32Z

Created page with "<pre> var comptype = { brand: 'ibm', ram: '128 Gigs', hdrive: '1 Terabyte' } </pre> ===Loop through items== for(var item in comptype){ console.log(item + " - " + compty..."

New page

<pre>
var comptype = {
brand: 'ibm',
ram: '128 Gigs',
hdrive: '1 Terabyte'

}
</pre>
===Loop through items==
for(var item in comptype){
console.log(item + " - " + comptype[item]);