Jeffrey's Blog

I'm curious what tools were used by the different groups this semester in developing the projects and mini projects.

The tools we used for MyFavoritePlaces were:

WinSCP: Freeware SCP/FTP program for connecting to webserver and transferring files.

PSPad: Freeware text editor. This supports syntax highlighting and makes code editing much easier than using notepad. This also integrates with WinSCP so you can click to "edit" in WinSCP, edit in PSPad, and then save the file back to the server without switching between various windows that may be open.

MySQL Query Administrator: Free from the makers of MySQL. Used for creating/managing MySQL databases, tables and data.

Firefox with Firebug Plugin: This combination made troubleshooting logic errors in code and CSS a breeze. (It's still a pain to troubleshoot crossbrowser problems though)

Let us know what tools you used and what you thought of them.

Thanks!

I personally like Agile development. In fact I've used it agile methodologies before I even heard about Agile.

The strengths that I like include the fast development time, the focus on results over paperwork, and the collaboration between developers and end users.

The danger to Agile techniques is the lack of documentation that is necessary for large organizations. Large organizations often have a correspondingly large IT support staff and when they need to support an application, good documentation is necessary. Because Agile focuses on getting working code to the end user, this documentation is often not done, incomplete or out of date.

Another danger in Agile is the propensity to begin coding too quickly. I think design/coding should only be started after a good understanding of the project and the major components are understood. Even though Agile focuses on iterations of increased functionality, it is important to know how your early iterations will affect later iterations

In our class project, we've had to re-design and re-implement functions from earlier iterations because the early iteration did not anticipate a future need. When you need working code in a short period of time and have to re-do code from an earlier time, the tendency is to create "spaghetti code" where code is strung together in a less than optimum manner.

Spaghetti code is very hard to maintain because it is difficult for other programmers (even the original programmer) to follow the logic when doing maintenance, enhancements or troubleshooting of the system. These type of systems will usually also have less than optimized performance.

When doing an Agile project, you should plan on time for re-factoring code and documenting the system in a way that ensures that the system will perform well and be able to be supported by the end users organization.

From Praneeth's blog:

I guess spam guys are running a marathon. From past two days I've been getting lots of spam comments(mortgage, furniture, hotgirls and what not) to my email..Just today I recieved like 6 spam comments. Ofcourse I've deleted them..This never happend to me.Earlier, I used to get once in a while which I totally understand but 6 in a day is way too much. Did any of you face similar kinda situation? Is there any solution?

I've been getting an increased amount of comment spam also. It's hard to avoid this kind of spam because the spammers are using the same techniques that we are using for systems integration to deliver the spam.

We have been able to grab search results from sources such as Google, Yahoo and other places because we have studied their API's and know the correct way to cause the source to do something useful for us. We are also able to use proxy pages to simulate a user accessing a website via a server.

Spammers are familiar with popular blog engines such as Movable Type, WordPress, and others. Using this familiarity, spammers create robots that simulate real visitors in order to crawl through blog sites and post spam with ease.

I think I'll call these robots SPLAGBOTS. This is just a randomly created word that is just coincidently reminiscient of the words spam, blog, and robots all shoved together...just like Ajax "isn't" actually an acronym for Asynchronous Javascript And XML.

Since Splagbots try to impersonate real people in the way they submit comment spam, the best way (currently) to fight them is to have the server evaluate their behavior and respond in a way that keeps the spam at bay.

For example, splagbots are incredibly fast in their crawling and posting of comment spam. Speed is necessary because the spammer's goal is to submit spam as fast as possible (faster means more spam reaches people). The server could have a mechanism to detect activity that is occurring too fast for a human and then take actions such as automatically deleting the comment or adding the splagbots ip address to a blacklist.

From Kim's blog:

I just thought it was funny some projects are actually useful in everyday life. So Jeff, are you going to keep your website up for a little bit for all to use? If so, can we get a link? :)

I hadn't thought about keeping the movie theater search up (but also hadn't thought about taking it down either). Here's the link to my mini-project http://www.myfavoriteplaces.org/movies.

After this semester is over, I'll probably add more functionality to the site but for now it is a quick way to find movie theaters and showtimes.

You're right about some of our projects being useful outside of the classroom. I get caught up sometimes on the technical details and viewing this as an assignment, that I forget that other people might be interested in what I'm doing or might have suggestions to help me improve my project.

Thanks for liking my project :)

Normally, you cannot use XHR to retrieve data from a server that is not at the same location as the web page that you are on. This limitation can be overcome by using Dynamic Javascript.

Dynamic javascript takes advantage of the fact that scripts can be downloaded into a web page from external websites.

Here is an example of how to do this. Feel free to make your own example using the "_jsoncount.php" page but keep in mind that useful data will only be returned if the location is in our "favorites" database. You can go to http://www.myfavoriteplaces.org and add a few favorites to ensure that you can retrieve a popularity result.

The script returns data in JSON, so take a look at how easily the getPopular function references the data compared to trying to access data from xml.

First we need to create the dynamic javascript element that is inserted into the page.
Once the script tag is created, the browser downloads the javascript from the
supplied url. Even though the url is for a *.php page, a javascript function
is actually returned from it.

This snip of javascript creates the dynamic script tag (the "title" variable in this script contains the name of a business being queried for popularity).

//-- URL of remote script to download.
var dynaurl = "http://www.myfavoriteplaces.org/scripts/_jsoncount.php?favoriteid=" + title;

//-- Find place in document to insert the new script tag. Script call is executed
//-- as soon as the script is appended into the document
var topHead = document.getElementById("head");
topHead.appendChild(dScript);

This is the script tag that the browser creates:

<script id="xssScript" src="http://www.myfavoriteplaces.org/scripts/_jsoncount.php?favoriteid=Burger King" />

This is the javascript that is returned to the browser:

getPopular([ {"title":"Burger King", "popularity":1 }]);

Now you might wonder what this javascript is supposed to do. You'll notice that this javascript is actually calling a function called "getPopular" and not declaring a function.

This means that a function called "getPopular" must already exist. The existing function is then passed the array that is passed back with the getPopular call from the returned javascript.

Here is an example of an existing function declaration that handles the data returned from the remote server:

function getPopular(popular) {
   var vLocation = popular[0].title;
   var vPopularity = popular[0].popularity;
  
   alert(vLocation + " is liked by " + vPopularity + " member(s)");
}

I hope that this is useful example of using dynamic javascript and JSON. Have fun!

The .getElementsByTagName (GEBTN) is a very useful DOM method for navigating both HTML and XML structures.

It is important to remember that this method returns an array of dom elements that match the tag name. It is up to the developer to know the structure of the DOM in order to get the right elements in the array.

Here is an example of parsing xml data from a variable called "xml" (This data is modified from an actual Yahoo! movie feed):

<channel>
<title>Movies Opening This Week</title>
<link>http://movies.yahoo.com</link>
<description>Movies Opening in Theatres This Week</description>
<item>
<title>Perfect Stranger opens April 13th, 2007 (wide)</title>
<description>An undercover reporter tracks down a killer.</description>
</item>
<item>
<title>Pathfinder opens April 13th, 2007 (wide)</title>
<description>A legion of Vikings battles Native Americans.</description>
</item>
<item>
<title>Disturbia opens April 13th, 2007 (wide)</title>
<description>A man under house arrest witnesses a crime</description>
</item>
</channel>

Suppose we want to retrieve data from the upcoming movies and display in an alert box. In this case, we want the titles and description of the movies.

We can't just use GEBTN on "title" because that would also return the <title> node for the channel and we only want the ones related to the movies. We can see that all the movies are contained within <item> tags, so that will be our starting point.

var movies = xml.getElementsByTagName("item");

The easiest way to iterate through is using a "for" loop.

for (var i = 0; i < movies.length; i++) {

   alert(vTitle + "\n" + vDescription);

}

The "movies[i]" is referencing a specific <item> in the zero based array. "movies[2]" for example will correspond to the <item> tag that contains the <title> tag of "Disturbia...". We again use the .getElementsByTagName to get an array of tags called "title" that are INSIDE the current <item> tag as referenced in the movies[] array.

For this example, we know that there is only one <title> tag under our selected <item> tags, so we can select it with the index of [0]. We also know that the <title> tag contains one child and that it is a text node, so we reference it with ".firstChild.nodeValue".

I hope this is useful to anyone that might be having problems using xml from javascript. This is just a basic example of getting data out of xml using dom methods, but I hope it is informative enough that a reader can understand the basic concepts.

When using a PHP proxy, it is important to check whether it has received relevant parameters from the calling page. Some parameters might be required and some might be considered optional.

When checking for missing data, you could allow the PHP page to assign default values to missing data. This can allow you to configure default values in the PHP page for infrequently used parameters and allow the defaults to be overridden if the caller decides to send the parameter in the proxy call.

For example, if your proxy is designed to retrieve pictures, you could have your proxy automatically decide that the picture size will be 320x240 unless calling page wants something differently. Perhaps sending something like "&height=640&width=480" would cause the proxy to return images at 640x480.

Using default values for required values can be helpful in testing because the PHP page can be called without having to go through an html page. This is also helpful for testing html pages that call the proxy by allowing the proxy to be called without supplying parameters.

//-- This attempts to assign variable $loc the value from parameter "loc" if page is called with GET method

$loc = $_GET["loc"];

//-- After the attempted assignment, this line checks if $loc was actually set to a value. If it was, it keeps its assigned value, otherwise it is given a default value..in this case a default zip code of "48186"

$loc = (isset($loc) ? $loc : "48186");

I have proxy that pulls a Yahoo! weather feed. It uses "loc" as a parameter for the local zip code. If it is not supplied, the proxy uses "48197" to retrieve the data.

//-- This link specifies a zip code of "48154" and gets weather back for Livonia
http://myfavoriteplaces.org/movies/scripts/_getweather.php?loc=48154

//-- This link omits the zip code and gets weather back for Ypsilanti using "48197" as the default
http://myfavoriteplaces.org/movies/scripts/_getweather.php

This type of checking is also good for determining if this page was called from another page or if a visitor is trying to access the page directly. Some php files are not supposed to be run by themselves, so checking for valid values can allow the script to fail gracefully.

For example the following would let the user know that they shouldn't run this file directly and then stops running the script on the page.

if (!isset($loc)) { die ("You cannot access this file directly..."); }

From Matthew's blog:

I was just curious where you are hosting it. If you of you have an individual server setup, or if you are hosting it somewhere. I would like to host a web page of my own in the future, and I'm just wondering what the route you took was.

We are using Pair Networks to host the site. I've used Pair for years and have always enjoyed their service offerings, customer support and more than reasonable pricing. Pair has several tiers of service (all based on FreeBSD servers running Apache) that is geared toward web developers.

If you need MySQL databases, humungous e-mail accounts (which you can access with either POP/SMTP or from webmail interface), PHP 4/5, Perl, Python, then Pair is the perfect place to go.

To see some of Pair's offerings, go to http://www.pair.com/services/web_hosting/. For anyone that wants to have a powerful environment for learning, building personal and professional websites, I'd recommend the "Advanced" account which provides the best service/price value. There are a couple more basic account types but they don't provide PHP or MySQL which is almost essential for building interactive websites.

For actually registering a domain name, I usually use pairNIC (a sister company of Pair Networks). Their domain registrations aren't the cheapest ($19 for one year) but I've had great service from them compared to other registrars. For this project though, I used Yahoo! Small Business to register the domain because they were running a special. In fact it looks like they are running the same one right now...$1.99 to register a domain name for the 1st year.

As a side note, LearningRemix.net runs on Pair Networks so you've already been using Pair and didn't know it :)

From Rosie's blog:

I have to say, I'm quite frustrated with trying to get cross compatibility with IE and Firefox running my mini-project...Anyhow, I am asking for help at this point, because I'm so frustrated!...

Rosie,

I haven't had a chance to look real deep at your examples, but the quick glance at your text-utils.js reminds of the similar experience that I had that turned out to be due to differences in how IE and FF handle namespace.

Please look at my blog posting where I described my work around. In my posting, look for the "gml:" as a guide for where to place your "aws:" ns prefix. Hope this is helpful.

Tom posted on his blog:

[Re: Logging user out of facebook] ...I guess the logout PHP on Facebook get the session or user id out of the browser variable or cookie and then deletes it. I think the only thing we might are able to do is to open a popup or an extra site which logs the user out while the main browser window displays our own login page.

Or has anybody another idea to approach this problem?

Google (and other sites) use dynamic javascript to overcome limitations on cross site access. This is done by dynamically adding script tags that point to scripts on other sites. I've briefly tested this concept against your problem by creating test page that generates a dynamic script pointing to the logout.php page. Because script tags normally contain script (go figure), the script tag needs to have it's type attribute set to text/html so that the browser doesn't get confused with the response from the remote server. I don't know how to include a POST parameter with this technique (for the confirm parameter) so this may or may not actually work if that parameter is really required.

You can access the test page at http://www.myfavoriteplaces.org/test/test.html. I'm able to verify that the script runs properly on IE and Firefox on my computer...and that the logout.php does get called. I don't have a facebook account so you'll have to see if this works against an actual logged in user.

Here is a portion of the test.html that creates the dynamic javascript:

Hope this helps.

I want to say thanks to Kae, Joern, Dean and everyone else that noticed that MyFavoritePlaces.org breaks when the site isn't able to determine the user's geographic location.

I think we have this fixed now. if you were getting the "(Unknown City?)" error when visiting our site, please give it another try. (and let us know if you experience any more freezeups)

The geolocator service for our website usually returns "(Unknown city)" if it cannot locate the geographic location of the user's ip. We trapped for this in phase 2 but it appears that some ip's return "(Unknown City?)" which wasn't being caught. We are trapping for this response now as well.

http://www.myfavoriteplaces.org

MCubed

This site allows visitors to locate job listings from Indeed and shows where they are located on a map. This is a very useful tool for job seekers, especially for people that are relocating.

Strengths
1. Easy to use
2. Very relevant tool for today's economy (especially here in Michigan where even the state government is talking about shutting down)

Suggestions
1. Clear the map and sidebar automatically when a new search is performed instead of separate button
2. Allow user to see # of job openings in several cities that match job type.
3. Link job type that user to information on that job...typical duties, required skills, average salary, job outlook, etc
4. Link location information to comparison of cost of livings, quality of life, etc between locations. A person taking a job in California earning $75,000 doesn't get to enjoy as much as a person making $75,000 in Ohio due to cost of living differences.

Whereismycaffeine?

This is a site that selectively targets caffeine retailers in the Ann Arbor area. The site is planned to show user ratings of various retailers.

Strengths
1. Visually appealing site
2. Shows address and hours of operation
3. Data is verified by human

Suggestions
1. The separate page of pictures is not very useful by itself. Try to integrate on main page or consider removing pictures.
2. During the presentation, it was noted that Flickr can take weeks to make tags/pictures available. You might consider allowing visitors to upload pictures directly to your site and associate to caffeine retailers
3. The list of shops is a bit small, could be made bigger
4. Sort the list of shops...alphabetically maybe

Team Extreme!

This is a one-stop place for finding a lot of information about basketball teams. The site displays a map with markers for basketball teams. Clicking on the team in the boxes below or from the drop down list displays a balloon with statistics, news and game schedule for that team.

Strengths
1. Nice design and layout
2. Presents a lot of information that basketball fans are likely to be looking for
3. Site makes it easy to locate information with minimal effort
4. Good use of tabs and scrolling sections to keep information contained

Suggestions
1. Interactions with map seems to be very slow. Is there any way to speed up the movement (caching, reposition map before showing balloon?)
2. Any way to allow visitors to buy tickets to games?

AJACS

This site allows visitors to see different places in India. Selecting a city from the dropdown list will display a marker on the map showing where the city is and creates a balloon showing local points of interest. Clicking on an attraction brings up a collage of pictures that the visitor can view.

Strengths
1. Selecting a city brings up current news related to the city.
2. Weather tab shows local weather
3. Picture collage allows zooming to any picture
4. Able to zoom in on map in satellite mode

Suggestions
1. Once city has been displayed once, user should be able to click on the pin and have balloon reappear.
2. Is there any narratives that can be included to give a history of each attraction?

I really like this site and I'm looking forward to the 3rd iteration.

Map Your Buddies

This site allows users to get list of buddies from facebook and display their location on a map.

I'm glad that this group also created a demo area for those of us without facebook accounts. This iteration appears to have done a lot of work in integrating the user login function into the project so the user doesn't have to login to facebook separately. (I'm not sure how the security is handled, some users may not want to enter their facebook account information on someone elses website)

Strengths
1. Web layout looks very good
2. Clicking on the map markers displays list of buddies located there
3. Clicking on the buddy list displays some info on that buddy

Suggestions
1. When clicking on map markers and list of local buddies shows up, it would be nice to be able to click on the buddy right there to see info.
2. Sort the buddy list by name to make easier to find buddies.

ISA Site Mashup

This site allows international students to quickly locate information and places around Ypsilanti. I like the concept but I think that the site needs to provide more search functionality that is geared toward international students. Right now the search functions are more general in nature (other than the restaurant searches but only one has been implemented)

Strengths
1. Intuitive interface
2. Shows traffic, weather and local news
3. Pre-Defined search boxes allows visitor to quickly search for specific places
4. Map zooms to show where search results are at on map

Suggestions
1. Display search results in a way that allows the visitor to see them as a list instead of having to click on each result marker.
2. Have more searches that are relevant to international students

HackNMash

This site is designed to complement the ParentsWithoutPartners.org website which is an organization devoted to single parents and their children.

On the first iteration, there was a map with markers pointing to events but no calendar or list of events to describe the events listed on the markers. In this iteration there is a calendar and list of events but no map?

Strengths
1. EXCELLENT target audience
2. Good service selection to use in project

Suggestions
1. When providing the link to the mashup, please be more specific...It took me a while to find the right page because of all the links on the site. In fact, the link to the event calendar was buried in a link on a child page...pwp.html -> events.html -> events2.html.
2. Bring back the googlemap and link it to your google events list and calendar.
3. Keep same look and feel of rest of website when on the HackNMash page

To get the most out of the current iteration of My Favorite Places, please note that the "Change User" button is supposed to "switch" to the user listed in the box to the left of the button.

Currently, creating a user is not a formal process (no registration or password is required) and simply uses the value in the text box as the user. The current user is supposed to be stored in a cookie so that subsequent visits will automatically show the users favorites. On the users initial visit to the site, the page "suggests" a username of the users IP address, but I would recommend changing the "default" user id to something more personal (and easier to remember) before adding favorites.

There appears to be an inconsistent problem with the userid getting saved as a cookie...especially with Internet Explorer...and most frequently on computers in the CIS lab. If you go to the website for the first time but are able to see a list of favorites already, you are probably experiencing this problem and are seeing favorites that have been saved with a userid of "null".

As some have noted, the site needs instructions added and we will try to get instruction added shortly.

After creating a list of favorites, you can create an rss feed to incorporate into other applications or sites. This feature is available as soon as you save your first favorite. For example, if you choose a user id of "johndoe", you can access an rss feed of your favorites by pointing to http://www.myfavoriteplaces.org/rss/johndoe.

The site, as it existed at the second iteration is at http://www.myfavoriteplaces.org/phase2 but you are also welcome to visit the "work in progress" at http://www.myfavoriteplaces.org at any time to see our current progress.

Thank you everyone for your comments and suggestions.

From David Phipps' Blog:

The flickr api we incorporated into our site works great in firefox (big surprise) and returns an error in IE.

I have also felt the pain of Microsoft's "innovative" way of following standards. But in this case, the error is understandable. You are trying to access the .innerHTML of the "photos" element but you actually have two elements called "photos". One of the elements is an img tag which is causing the error. Change the img's name and id to something else and your error will go away.

We encountered another browser compatibility problem (Thanks Microsoft!) that took some investigation and trial & error to fix. Actually, we rely on error's occuring in order to fix it.

The problem that we had was that when we appended new nodes into the div for our "favorites" list, Internet Explorer would ignore the associated style sheets. Firefox handled them fine (Hurrah Firefox!). It turns out that for whatever reason, IE does not add the class attribute to the element as expected.

It seems that you can't use the a normal *.createElement("div") method with IE and then add class attributes. Microsoft either requires a different attribute name (possibly "classname") or the class attribute can be set by calling createElement with html tag equivalent.

So, to work around this, our code now tries to create the div element using the Microsoft syntax, and if an error occurs (which it will for normal browsers), we catch the error and create the div and set the class attribute the right way.

,,,Iterating through XML results...

var dElement = null; try {

if ((i/2) == (Math.round(i/2))) {
dElement = document.createElement("<div class='resData'>");
} else {
dElement = document.createElement("<div class='resDataAlt'>");
}

} catch(err) {

dElement = document.createElement("div");
if ((i/2) == (Math.round(i/2))) {
dElement.setAttribute("class", "resData");
} else {
dElement.setAttribute("class", "resDataAlt");
}
}

From Chidambaram's Blog:

Is there any special reason why you want to parse the xml output from google base in your PHP and NOT in javascript ?

Actually, in the *.php file, there is a lot of xml parsing code, but the code has all been commented out. A more cleaned up copy of the file can be found here.

Our intent is to use the google search php page to ONLY return XML. We will then parse the XML in either javascript or from a totally different PHP page. The tradeoffs between using javascript or php is, as you noted, javascript is easier to debug but using php can reduce the number of bugs (incompatibilities between browsers) that need to be debugged.

With javascript, the developer will spend a lot of time testing the code against a variety of browsers, versions and platforms. By parsing with php, the developer only needs to test against a single platform/version.

From Raymond's blog:

The only problem I'm having is trying to get it to parse correctly...it keeps deleting the html.

We found the reason that the entire page was getting deleted and replaced by the xml. The search data is collected in a form but instead of calling our javascript code, our form was calling the *.php page directly instead. This caused the browser to open the *.php page as a new page...the *.php page then proceeded to execute properly and display the xml results in the browser window by itself.

Sometimes when you have an XML document, all you want to do is display the data in your web page without having to create mountains of code to parse the XML and build new DOM.

I've found a couple interesting links on using XML transformations using XSL as a template to convert XML into an HTML fragment that can be easily moved around your DOM. This uses an XSLTProcessor object, which I'm just now starting to play with, which has a "transformToFragment" method which I think will make displaying XML much more efficient.

Here is a link about transformations at Mozilla.

Here is a link about transformations at Agave Group.

Of course, if you need to use the data in some other fashion, such as making calculations, then I think you will still need to build code to parse the DOM object.

From Chidambaram's blog

Is anyone in the class using Yahoo weather RSS feed ? I am trying to make use of this for our project. It takes a location id, for the city you need the weather information for, as a parameter and returns an xml file../..it returns the current weather conditions in a CDATA rather than a XML element...

We're not using the Yahoo weather feed, but I did follow the link you provided to get the xml from Yahoo's weather fee.

The CDATA is holding html formatted weather info but the actual weather data is also available within the same xml file in other elements/attributes. For example the <yweather:condition> and <yweather:forecast> tags contain the same temperature and weather condition info that is in the CDATA section.

I tested my gmail account again and had similar results as I did previously: my emails are taking a long time to reach recipient email accounts.

I sent my first test message to an email account I have with Pair networks. It took nine minutes to show up. I sent a second test message to my emich account. It took THIRTY-FIVE minutes to show up.

I remembered that I have "greylisting" enabled in my Pair email account in the SPAM control settings. "Greylisting" is a fairly recent anti-spam technique where the mail server temporarily rejects messages if the server doesn't recognize the ip address of the sender or recipient. Legitimate mail will be re-sent by the original server after a short period of time (while Spam software will not re-attempt delivery) and the mail server will accept the message on the subsequent attempt.

I disabled the greylisting feature and the gmail emails began arriving with seconds of being sent. In looking at GMails help, I found that GMail does not send the ip address of the sender in the message. So, I know now why it is taking so long to receive messages to my pair account.

I still haven't verified the cause of the delay with my emich account yet. There aren't any settings in the emich email settings to control spam so I'm assuming all such settings are controlled by the administrator. If this is the case (and EMU is using some form of greylisting), I would think everyone else would be experiencing similar delays.

I've just tried using the new GMail account to send test messages to a couple of my other email accounts. I'm finding that it is taking about 15 minutes or so for messages sent from GMail to actually reach my other email accounts. Mail sent to GMail seems to arrive normally though.

Has anyone else tried using GMail? If so, has your experience been similar?

If anyone has thought about registering a domain name for your project, you might consider registering a name through Yahoo!. Right now, they a special offer where new customers can register a domain name for $1.99 for the first year. After you register the domain, you can setup a redirect so people can enter www.yourprojectdomain.com in the browser but then get redirected to your project pages on emich or wherever you have them.

There are other domain registars such as PairNIC (which I like a lot) but registration fees usually range from $10-20 and the $1.99 special seems reasonably priced for a domain name which might only be used for a couple months.

In reply to Chidambaram's Blog

I'm sure that you will need to use *.responseXML instead of *.responseText. Using *.responseXML returns a DOM object that has the getElementsByTagName method while *.responseText does not. I changed one of my own *.responseXML lines to *.responseText and was able to get the same error message you described...the error went away after I changed it back.

In your message, you are using the variable "xmlDoc.getElements..." but your error message is coming from "document.getElements...". Are you sure you don't have another line of code that might be causing the problem?

I had some problems getting *.getElementsByTagName to work right in both IE and Firefox. In my case, it looks like the problem was due to the tag name having a colon ":" in the name. The tag name is "gml:name". Firefox only recognizes it as "name" while IE required "gml:name". I got this working with this ugly looking code:

var xmlLocation = objXHRfindME.responseXML;
var resLocation = xmlLocation.getElementsByTagName("name");

if (resLocation.length == 0) {
var resLocation = xmlLocation.getElementsByTagName("gml:name");
}

var location = resLocation[1].childNodes[0].nodeValue;
replaceText(document.getElementById("MyLocPlaceholder"), location);

I'll need to go back later and clean this up a bit. Right now I'm using the length property to fix a browser cross compatibility problem but this doesn't seem like the best solution. Also, the length property should probably be checked once again before trying to access data that might not really exist.

For our group project, we were going to use cookies to store "favorite places" for visitors. Unfortunately, cookies can only hold a limited amount of data. We can save a few favorite locations successfully but as we continue to add we seem to run out of space.

Cookies are supposed to hold a minimum of 4k but browsers seem to use the minimum as the maximum.

Instead, we will attempt to store favorites in a MySQL database and use just use cookies to hold the key.

Review of MCubed - Iteration 1 as announced here.

I really like this projects concept of showing the locations of job openings graphically. This would be very beneficial for people that are looking for jobs and want to know where the jobs are located.

I know that this iteration was using a static xml file and that the next iteration is supposed to get the xml from a web site that aggregates job listings from multiple sources. I hope the next iteration also allows the visitor to specify location and type of job being sought.

I hope you are also planning to include additional information on these jobs...perhaps info on the company that is hiring. You might need to be careful though, because many of these job listings may be listed under a job recruiter and not the actual employer.

Keep up the good work...I'm looking forward to the next iteration...(I'm looking for new opportunities myself)

For anyone that is taking the ERP class and wants to practice using the SAP software from home, you can download the client software from SAP's ftp site. I don't have much time during the week to make it to the CIS lab, so being able to access SAP from home has been very helpful to me.

After installing the client software, you will need to enter the host information in order to connect to the correct system with your account. You can get the host information from the login screen in class or in the lab. If you want to email me, I can provide the host info...I just don't want to post that info on a public blog. My email is jhayton at Eastern's emich dot edu email account.