firebug

>>> $$(‘div’)[0].getStyle
>>> $$(‘div’)[1].getStyle
TypeError: $$(“div”)[1] is undefinedfinal.html (line 65)
>>> $$(‘div’)
HTMLDivElement
#3366FF

syntax error
=”#3366FF”

hZftmGyD…NSQ%3D%3D (line 2)

#3366FF

syntax error
=”#3366FF”

final.js (line 20)

>>> $$(‘*[bgcolor]‘)
HTMLBodyElement
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log(el.getProperty(‘bgcolor’))})
TypeError: el.getProperty is not a functionfinal.html (line 65)
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log($(el).getProperty(‘bgcolor’))})
TypeError: $(el) is nullfinal.html (line 65)
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log(el)})
<body id=”someid“ bgcolor=”#ffffff“ style=”margin: 0px; padding: 0px;“ onselectstart=”return false“ ondragstart=”return false“ oncontextmenu=”return false“ onload=”init()“>
<td valign=”middle“ bgcolor=”#ffffff“ style=”">
<td id=”el_0“ bgcolor=”#ffffff“ onclick=”mouseDown(‘#FFFFFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFFFF’);“>
<td id=”el_1“ bgcolor=”#ffcccc“ onclick=”mouseDown(‘#FFCCCC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCCCC’);“>
<td id=”el_2“ bgcolor=”#ffcc99“ onclick=”mouseDown(‘#FFCC99′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCC99′);“>
<td id=”el_3“ bgcolor=”#ffff99“ onclick=”mouseDown(‘#FFFF99′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFF99′);“>
<td id=”el_4“ bgcolor=”#ffffcc“ onclick=”mouseDown(‘#FFFFCC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFFCC’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_5“ bgcolor=”#99ff99“ onclick=”mouseDown(‘#99FF99′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#99FF99′);“>
<td id=”el_6“ bgcolor=”#99ffff“ onclick=”mouseDown(‘#99FFFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#99FFFF’);“>
<td id=”el_7“ bgcolor=”#ccffff“ onclick=”mouseDown(‘#CCFFFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CCFFFF’);“>
<td id=”el_8“ bgcolor=”#ccccff“ onclick=”mouseDown(‘#CCCCFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CCCCFF’);“>
<td id=”el_9“ bgcolor=”#ffccff“ onclick=”mouseDown(‘#FFCCFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCCFF’);“>
<td id=”el_10“ bgcolor=”#cccccc“ onclick=”mouseDown(‘#CCCCCC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CCCCCC’);“>
<td id=”el_11“ bgcolor=”#ff6666“ onclick=”mouseDown(‘#FF6666′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF6666′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_12“ bgcolor=”#ff9966“ onclick=”mouseDown(‘#FF9966′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF9966′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_13“ bgcolor=”#ffff66“ onclick=”mouseDown(‘#FFFF66′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFF66′);“>
<td id=”el_14“ bgcolor=”#ffff33“ onclick=”mouseDown(‘#FFFF33′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFF33′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_15“ bgcolor=”#66ff99“ onclick=”mouseDown(‘#66FF99′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#66FF99′);“>
<td id=”el_16“ bgcolor=”#33ffff“ onclick=”mouseDown(‘#33FFFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#33FFFF’);“>
<td id=”el_17“ bgcolor=”#66ffff“ onclick=”mouseDown(‘#66FFFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#66FFFF’);“>
<td id=”el_18“ bgcolor=”#9999ff“ onclick=”mouseDown(‘#9999FF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#9999FF’);“>
<td id=”el_19“ bgcolor=”#ff99ff“ onclick=”mouseDown(‘#FF99FF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF99FF’);“>
<td id=”el_20“ bgcolor=”#c0c0c0“ onclick=”mouseDown(‘#C0C0C0′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#C0C0C0′);“>
<td id=”el_21“ bgcolor=”#ff0000“ onclick=”mouseDown(‘#FF0000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF0000′);“>
<td id=”el_22“ bgcolor=”#ff9900“ onclick=”mouseDown(‘#FF9900′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF9900′);“>
<td id=”el_23“ bgcolor=”#ffcc66“ onclick=”mouseDown(‘#FFCC66′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCC66′);“>
<td id=”el_24“ bgcolor=”#ffff00“ onclick=”mouseDown(‘#FFFF00′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFFF00′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_25“ bgcolor=”#33ff33“ onclick=”mouseDown(‘#33FF33′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#33FF33′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_26“ bgcolor=”#66cccc“ onclick=”mouseDown(‘#66CCCC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#66CCCC’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_27“ bgcolor=”#33ccff“ onclick=”mouseDown(‘#33CCFF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#33CCFF’);“>
<td id=”el_28“ bgcolor=”#6666cc“ onclick=”mouseDown(‘#6666CC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#6666CC’);“>
<td id=”el_29“ bgcolor=”#cc66cc“ onclick=”mouseDown(‘#CC66CC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CC66CC’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_30“ bgcolor=”#999999“ onclick=”mouseDown(‘#999999′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#999999′);“>
<td id=”el_31“ bgcolor=”#cc0000“ onclick=”mouseDown(‘#CC0000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CC0000′);“>
<td id=”el_32“ bgcolor=”#ff6600“ onclick=”mouseDown(‘#FF6600′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FF6600′);“>
<td id=”el_33“ bgcolor=”#ffcc33“ onclick=”mouseDown(‘#FFCC33′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCC33′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_34“ bgcolor=”#ffcc00“ onclick=”mouseDown(‘#FFCC00′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#FFCC00′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_35“ bgcolor=”#33cc00“ onclick=”mouseDown(‘#33CC00′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#33CC00′);“>
<td id=”el_36“ bgcolor=”#00cccc“ onclick=”mouseDown(‘#00CCCC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#00CCCC’);“>
<td id=”el_37“ bgcolor=”#3366ff“ onclick=”mouseDown(‘#3366FF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#3366FF’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_38“ bgcolor=”#6633ff“ onclick=”mouseDown(‘#6633FF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#6633FF’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_39“ bgcolor=”#cc33cc“ onclick=”mouseDown(‘#CC33CC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CC33CC’);“>
<td id=”el_40“ bgcolor=”#666666“ onclick=”mouseDown(‘#666666′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#666666′);“>
<td id=”el_41“ bgcolor=”#990000“ onclick=”mouseDown(‘#990000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#990000′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_42“ bgcolor=”#cc6600“ onclick=”mouseDown(‘#CC6600′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CC6600′);“>
<td id=”el_43“ bgcolor=”#cc9933“ onclick=”mouseDown(‘#CC9933′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#CC9933′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_44“ bgcolor=”#999900“ onclick=”mouseDown(‘#999900′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#999900′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_45“ bgcolor=”#009900“ onclick=”mouseDown(‘#009900′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#009900′);“>
<td id=”el_46“ bgcolor=”#339999“ onclick=”mouseDown(‘#339999′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#339999′);“>
<td id=”el_47“ bgcolor=”#3333ff“ onclick=”mouseDown(‘#3333FF’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#3333FF’);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_48“ bgcolor=”#6600cc“ onclick=”mouseDown(‘#6600CC’);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#6600CC’);“>
<td id=”el_49“ bgcolor=”#993399“ onclick=”mouseDown(‘#993399′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#993399′);“>
<td id=”el_50“ bgcolor=”#333333“ onclick=”mouseDown(‘#333333′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#333333′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_51“ bgcolor=”#660000“ onclick=”mouseDown(‘#660000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#660000′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_52“ bgcolor=”#993300“ onclick=”mouseDown(‘#993300′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#993300′);“>
<td id=”el_53“ bgcolor=”#996633“ onclick=”mouseDown(‘#996633′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#996633′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_54“ bgcolor=”#666600“ onclick=”mouseDown(‘#666600′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#666600′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_55“ bgcolor=”#006600“ onclick=”mouseDown(‘#006600′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#006600′);“>
<td id=”el_56“ bgcolor=”#336666“ onclick=”mouseDown(‘#336666′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#336666′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_57“ bgcolor=”#000099“ onclick=”mouseDown(‘#000099′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#000099′);“>
<td id=”el_58“ bgcolor=”#333399“ onclick=”mouseDown(‘#333399′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#333399′);“>
<td id=”el_59“ bgcolor=”#663366“ onclick=”mouseDown(‘#663366′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#663366′);“>
<td id=”el_60“ bgcolor=”#000000“ onclick=”mouseDown(‘#000000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#000000′);“>
<td id=”el_61“ bgcolor=”#330000“ onclick=”mouseDown(‘#330000′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#330000′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_62“ bgcolor=”#663300“ onclick=”mouseDown(‘#663300′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#663300′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_63“ bgcolor=”#663333“ onclick=”mouseDown(‘#663333′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#663333′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_64“ bgcolor=”#333300“ onclick=”mouseDown(‘#333300′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#333300′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_65“ bgcolor=”#003300“ onclick=”mouseDown(‘#003300′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#003300′);“>
<td id=”el_66“ bgcolor=”#003333“ onclick=”mouseDown(‘#003333′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#003333′);“>
<td id=”el_67“ bgcolor=”#000066“ onclick=”mouseDown(‘#000066′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#000066′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_68“ bgcolor=”#330099“ onclick=”mouseDown(‘#330099′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#330099′);“ style=”border-color: rgb(102, 102, 102);“>
<td id=”el_69“ bgcolor=”#330033“ onclick=”mouseDown(‘#330033′);“ onmouseout=”mouseOut(this)“ onmouseover=”mouseOver(this, ‘#330033′);“>
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log(el.bgcolor)})
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
undefined
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log(el.getAttribute(‘bgcolor’)})
SyntaxError: missing ) after argument listfinal.html (line 65)
>>> $$(‘*[bgcolor]‘).map(function(el) {console.log(el.getAttribute(‘bgcolor’))})
#ffffff
#ffffff
#ffffff
#ffcccc
#ffcc99
#ffff99
#ffffcc
#99ff99
#99ffff
#ccffff
#ccccff
#ffccff
#cccccc
#ff6666
#ff9966
#ffff66
#ffff33
#66ff99
#33ffff
#66ffff
#9999ff
#ff99ff
#c0c0c0
#ff0000
#ff9900
#ffcc66
#ffff00
#33ff33
#66cccc
#33ccff
#6666cc
#cc66cc
#999999
#cc0000
#ff6600
#ffcc33
#ffcc00
#33cc00
#00cccc
#3366ff
#6633ff
#cc33cc
#666666
#990000
#cc6600
#cc9933
#999900
#009900
#339999
#3333ff
#6600cc
#993399
#333333
#660000
#993300
#996633
#666600
#006600
#336666
#000099
#333399
#663366
#000000
#330000
#663300
#663333
#333300
#003300
#003333
#000066
#330099
#330033
,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
>>> $$(‘*’).getStyle(‘backgroundColor’)
TypeError: $$(“*”).getStyle is not a functionfinal.html (line 65)
>>> $$(‘*’)
HTMLHtmlElement
#999900

syntax error
=”#999900″

November 25, 2008. Ajax. Leave a comment.

cn-plugin for javascript

apple has API for moving maps

javascript quicktime guide

coding w/ quicktime – for good quality video. better than flash. has nice compression scheme

apple quicktime provides many behaviors

quartz composer-apple opengl. faster than jitter. good for dashboard. looks like quicktime movie

comes free w/ mac os10 leopard

<embed type=”application/x=quartzcomposer”

src=”qc.qtz”

javascript <-> as-speed is slow

crossing language barrier is always slow

changing external javascript to change content created in flash

transparent bg is available in flash

open source flash

dont need flash for flash development

ExternalInterface in php n as-allows to catch error beforehand

js n as dont care about # of functions

if(checkJaaScriptReady())

as n js are almost merging

mootools swiff

quicktime-good for audio

will pick a day- figure out what time to meet w/ david next week

November 18, 2008. Ajax. Leave a comment.

cn

comet not easy to use in flash

canvas doesn’t work in IE

json php-need to turn on error reporting to c errors.

mootoos-fx.scholl method-allows scroll thru long screen page

http://mootools.net/docs/Plugins/Fx.Scroll

var myFx=new Fx.Scroll(window).toBottom().chain(function(){

this.toTop.delay(1000,this);

});;

reanalyze 10 websites

download json object

mootools – grab every single element from other wesbites

$$(‘*’).getStyle(‘backgroundColor’) in firebug

document.getElementsByTagName(‘div’)[0].style.backgroundColor

HTMLDivElement

mootools

RGB, RGBA

small database of different sites

meta data about color palette info about wesbite will be found along with background color info

greasemonkey-code for collect color info from websites

http://browserplus.yahoo.com/

drop picture on website n immediately uploads to flickr

http://www.yelp.com/nyc

http://www.crazyblinddate.com/

mootools supports snap function

week after next class-workshop class

go over mootools

next class-flash & quicktime

November 11, 2008. Ajax. Leave a comment.

cn

http://www.panic.com/goods/-drag and doppable into shopping cart

November 4, 2008. Ajax. Leave a comment.

cn

http://platial.com/

xml n html content to search results

http://github.com/

http://www.slicehost.com/

things not to do for safari

  • can’t use keyword names as property names when defining object
  • can’t have extraneous comments it’ll crash

http://www.macosxhints.com/article.php?story=20030110063041629

October 28, 2008. Ajax. Leave a comment.

cn

final – use css script to find colors, use userscript

upload link to projects

need terminal for instruction manual

October 21, 2008. Ajax. Leave a comment.

6

flicker tag cloud

Final Proposal

October 21, 2008. Ajax. Leave a comment.

5: canvas tag

canvas exercise

October 14, 2008. Ajax. Leave a comment.

cn

come up w/ proposal for midte project a week after holiday-show it working somehow

open web-API, open source

closed web-

google maps-was developed by one person. scrollable map.

widget-fetches data from network

gadget-little application built on services

x11

JSON easier than XML

October 7, 2008. Ajax. Leave a comment.

cn

canvas tag-able to draw, supports drop shadow

canvas API is smaller than Processing API

Apple invented canvas tag

canvas size has to match css

canvas-transparent drawing area

3d models to show on web browser-greatly discussed among web browser companies

push and pop matrix in canvas

no mootools in canvas

paths don’t get saved

October 3, 2008. Ajax. Leave a comment.

Next Page »