Michael G's Blog

yayo gallery prelim website

Posted in Uncategorized by michaelg1980 on March 26, 2010

Here it is miss Gyna!

Advertisements

Javascript Form Validation

Posted in Uncategorized by michaelg1980 on March 16, 2010

Hey,
I got my javascript form validation half right.  I just couldn’t figure out how to combine separate functions that 1.Validate the “name” field and 2.Validate the “email” field.  Miss Gyna, can you help?

Link to half working javascript form validation

Sitemap, Wireframes, Files

Posted in Advanced Scripting by michaelg1980 on March 9, 2010

Javascript Rotating Banners

Posted in Uncategorized by michaelg1980 on March 2, 2010

Hey guys!

This weeks homework was balls!  Javascript rotating banners.  Fo’ real. : Link

Guest Speaker

Posted in Advanced Scripting by michaelg1980 on February 17, 2010

Excellent speaker. Kudos, Gina, for snagging him. 😀

I forgot his name, but his enthusiasm and dedication was most impressive.  The thing I came away with was “Love what you do and do it will all your heart.”  In a nutshell.  It sounds cliche to say it and write about it, but “being proactive” was what it boiled down to for me.  He said it more than once, “If you don’t love graphic design, get out of it.  It will eat you up if you don’t love it”  By extension, “If you don’t love web design, then get out…”  And, this is where I found myself in relation to the speaker.  He obviously loves what he does, and I know what I would love to do, and it’s not graphic or web design.  Though I’m sure graphic and web skills  will come in handy a little later.  No, I am not a designer.  I am an artist.  An educated artist.  It is my earnest and passionate intention to open and curate a gallery.  Doing this, I imagine I too will exude the same spark, the same energy, focus and power I saw in the speaker earlier today.

“Don’t ask yourself what the world needs. Ask yourself what makes you come alive and then go do that. Because what the world needs is people who have come alive.” ~Howard Thurman

What’s going on below?

Posted in Uncategorized by michaelg1980 on February 16, 2010

The code:

<!DOCTYPE html PUBLIC “_//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=”Content-Type” content=”text/html; hcarset=UTF-8 />
<title>Untitled Document</title>
<style type=”text/css”>
.urgent {
color : red;
font-weight : bold;
font-size : 20pt;
}
.notsourgent {
color : blue;
font-weight : normal;
font-size : 70%;
}
</style>
<script type=”text/javacript”>
function makeLessUrgent() {
document.getElementByID(“urgentmessage”).classname=”notsourgent”;
} This javscript defines a function named “makeLessUrgent.” It looks for an element id “urgentmessage” and replaces its style with the class “notsourgent” defined in the head above.
</script>
</head>
<body>
<div class=”urgent” id=”urgentmessage”>THIS IS URGENT!</div>
<br />
<input type=button id=”msgbtn” size=”20” value=”Dealt with”
onclick=”makeLessUrgent();” /> Here the function “makeLessUrgent” gets actived “onclick” by the button.
</body>
</html>

Link to my non-working javascript homework. Yay!

What’s this stuff mean?

Posted in Advanced Scripting by michaelg1980 on February 2, 2010

The Javascript File Code:

// initialize the counter and the array
var numnames=0;
var names = new Array();
function SortNames() {
// Get the name from the text field
thename=document.theform.newname.value;
// Add the name to the array
names[numnames]=thename;
// Increment the counter
numnames++;
// Sort the array
names.sort();
document.theform.sorted.value=names.join(“\n”);
}

The HTML Code:

<html>
<head>
<title>Array Sorting Example</title>
<script type=”text/javascript” language=”javascript” src=”sort.js”> <<This part links to the Javascript file above
</script>
</head>
<body>
<h1>Sorting String Arrays</h1>
<p>Enter two or more names in the field below,
and the sorted list of names will appear in the
text area.</p>
<form name=”theform”>  <<Here’s where the form is first identified so that the statement “document.theform…,” in the function SortNames, knows where to go and grab something.
Name:
<input type=”text” name=”newname” size=”20″>   <<This is the place the value “newname” is entered by the user and located by the  statment “thename=document.theform.newname.value;” in the function SortNames.
<input type=”button” name=”addname” value=”Add”
onclick=”SortNames();”> <<This is where the function SortNames is activated by user’s click.
<br>
<h2>Sorted Names</h2>
<textarea cols=”60″ rows=”10″ name=”sorted”>  <<Here, the text area “sorted” is identified, so the method “names.sort” knows where to put the data identified by the property below it: “document.theform.sorted.value=names.join(“\n”);”
The sorted names will appear here.
</textarea>
</form>
</body>
</html>

A Link to my first array!

Fuckin’ wit Javashit

Posted in Advanced Scripting by michaelg1980 on January 26, 2010

Week 3 – Why am I here?

Well, this week our assignment was to create original interactivity similar to the iRock example we did in class.  Here’s what I did: http://mcgarcia1980.aisites.com/advanced_scripting/week2_hmwk_1.1.html

I made it as a joke because, frankly, I’m tired of learning new languages.  I used the basic format used for the iRock thing. “Function,” “variable” “if.”
Cheers!

Here’s a link to something cool: http://yayeveryday.com/post/8797

My Notes, Summarized

Posted in Advanced Scripting by michaelg1980 on January 13, 2010

Week 1 – Intro to JavaScript

Overview:

  • XHTML provides the structure
  • CSS provides the style
  • JavaScript provides the action or interaction (performed by the browser)

JavaScript History:

  • First appeared in 1995, developed first by Netscape (RIP)
  • JavaScript was created as a client side  language to make web operations faster.  Because modems were ass slow.

JavaScript Implementation:

  • JavaScript is made up of three layered parts:
    1. ECMA script – provides the core functionality base, on which more robust scripting languages are built (DOM or Adobe Flash, etc)
    2. DOM (Document Object Model) – provides methods and interfaces for working with the content of a page. Adds support for mouse and user interface events.  Kind of standardized.
    3. BOM (Browser Object Model) – provides methods and interfaces for interacting with the browser.  Ex: Allowed access and manipulation of the browser window. Least standardized.

Server-Side and Client-Side:

  • Server-Side – computations, etc. that occur on the server (CGI, ASP, PHP)
  • Client-Side – computations, etc. occur on the clients’ browser (RIA).  Uses less bandwidth, so good option to make things faster and more economical.

Define the items below:

  • Web 2.0 – 2nd generation of the web.  Describes the move towards interactive participation of users with information/content.  Users are the focus and “pullers” and generators of the content they want.
  • Ajax – A combination of multiple languages.  Offer the ability to asynchronously update a page in the background without interfering with the display and/or behavior of  the existing page.
  • RIA – Internet apps that can run in tandem with or independent of an internet connection/browsers. Ex: “E-bay Desktop”
Tagged with:

Site Mock-Up >> Vixen Productions

Posted in Intermediate Scripting by michaelg1980 on December 2, 2009

Here’s the site mock-up version 1.  And, here’s the feedback I got from my clients:

The mock up looks good.  We love the background design and really think you captured the essence of Vixens….we have some changes that we would like to see depending on your time frame.  We were not sure how detailed you wanted us to get but we tried to review it with changes and ideas that we had to integrate with what you had done already….I also wanted to let you know that Deanna is leaving tomorrow morning for Paris but you can reach me if you have any questions – just shoot me an email …Deanna returns about the 8th.  Thanks for everything!!  It looks good.

So these are the things we would like to see changed or altered:

  • Verbage next to Vixen Productions: change to “Vixen Productions maximizing the scene for your partying pleasure”
  • Do the lines move like an equalizer or stand still – we would love it to move to the music….
  • We like the background – can we tint it a bit to bring more liveliness without overpowering verbage and pics…right now it is a bit flat can we add a gold tint or something to make it no so flat
  • Love to have the pictures – 3 on left more artistic in placement or do not even have to be a perfect square – they could have a border/flash/rotate – get more creative with placement…..but captured good images from bands to crowds – if we wanted to change pics would this be possible after mock up?  In final we have a crowd shot we would love to pick one and maybe change one more of the bar staff picture of guy and girl…did not know how hard this would
  • Layout of Vixen productions with pic on right we like a lot – may tweak verbage a bit but for now looking good…need to follow us on Facebook – but love clickables and the follow us on myspace button
  • Need to change verbage on Vixen productions on Page two after Vixen Productions/also need to add clickable to follow on facebook like page one
  • Remove “The Owners”, “Remove the Points of Contact” keep “The Original Vixens” in red.  Then Miss Deanna and Miss Kim are the ladies that…….remove “Kim Vixen and make it Miss Kim and take out “these”
  • Remove “to the right add Explanation Point.
  • Make the pictures of Vixens two on top two on bottom for pictures

I’m in the process of making these revisions and plan on showing it to the client one more time, getting them to sign off, then moving onto coding.