Div tag scroll bars

I'm not sure if any of you have run into this problem but when I was outputting my XML to my web site I was constantly overflowing the div window with results. At first I was trying to minimize the results by creating for loops that only printed a certain number of results. While this was effective it didn't allow me to have as much content as I wanted to display. However, there was a solution.

I did a search in Google for "Scroll bar DIV tag" I was surprised by the amount of results but I was more surprised at how simple it was. You can check out the results of the search here. Anyway the only thing I had to do was to put this simple bit of code into my style sheet.

overflow: auto;

That's it, not too complicated but oh so effective for presenting tons of results in a small window in order to fit into web site. This little gem allowed me to stuff 25 news stories into a small widow within the page. Here is the results.

Ajax Group Iteration 1

I'm really excited about our group project and can't wait to see how things develop as we go. So far we have completed iteration 1 and have a good idea of what we want our site to do. Our web page will be a place for younger people especially recent graduates to go and search for careers, find local places to live, and give the weather for that location. This information will display using Google Maps.

For iteration 1 we had a simple web page and used the button onClick event handlers to display our information. This was just a starting point to demonstrate the xmlhttprequest and our basic plan. We have already started the design layout for iteration 2 which will show how our actual site will look.


We are continuing to work towards iteration 2 and get a better understanding of the API's we will be using. Using the Proxy-pass through we plan to return the xml and find the information we need. When things begin to come together, we will know if we need make modifications or additions to our original plan.

My Iteration 1

So I decided to talk a little bit about iteration 1 for the individual project. Suffice to say that I ran into quite a few challenges but the experience gave me a much better understanding of what AJAX is capable of. My theme is a ski conditions web site that will allow you to click on a ski resort icon, located on the left hand side and display information about the resort.

On the first iteration I wanted to accomplish getting the trail map of the resort to load in a separate div tag along with the description of the resort. For the most part this is my first experience with extensive css so it was a struggle to try and understand what i needed to do in order to accomplish my goal. I followed chapter one very closely as it was very similar to me objectives. Load a page and load some image files to speed up the process of clicking on them. I also wanted to have a description box that listed the details for the resort. While it took me nearly 10 hours to get it all working the site is going as planned.

For the second part I would like to integrate google maps api as well as a weather api that when a resort icon is clicked it displays the trail map, the map of the mountains location, as well as the current weather conditions. While I'm confident that I will be able to accomplish this I'm still very lost as to how these api's are integrated into the site. My hope is that as we progress through the class I will have a better understanding of the process. The one thing that I will say is that after spending weeks reading about AJAX without a whole lot of success understanding how it worked. I feel like rolling up my sleeves and writing the code was the best way for me to understand the concepts as well as the help of Google, when it came to searching things I wanted to accomplish. While i looked through many javascript sites like W3Schools.com, I had much better luck doing google searches for things like "loading images on startup javascript". When I did stuff like that I found excellent examples of how others had coded similar objectives.

About iteration 1

Well I've been in class for a few weeks now and I'm learning bit by bit. This is my first time working with JavaScript and Ajax. So I know there's a big learning curve. I was really nervous about iteration 1. I know the professor said that the first program would be pretty simple, well maybe simple for someone who has had JavaScript experience. I got started on iteration 1 a week early. I don't think i knew exactly what to do. I used the professors example as a reference and then I went from there.

I had a bit of trouble in the beginning, I had a few errors in the program. in the script tag i forget to put the name of my JavaScript file. Also the naming of titles in my HTML didn't match the names in the JavaScript. The biggest issue is just trying figure out why the program is not working. I found after checking for errors several times and then loading my program to the server it finally worked. It only worked when i put it on the server. I know the professor and several other students said that loading the program to the server may help.

I think the hardest part of iteration one is figuring out how to start or what you want your program to do. once you plan it you just need to put the program together sometimes its easier said then done.

Iteration 1: AHHHHHHHH!

Iteration 1 is due on Wednesday! Have I started, that would be a firm, NO! But I have at least thought about it and am very worried that it won't live up to the expectations of the class. I've never done AJAX or heard of it before this class. I will try and do my best but like Drake said if it doesn't work, we don't get credit. I was thinking about doing something with a picture like the lab but with a button like Drake's example. I don't even know where to begin with this process. I guess I can try it first and then see what happens with it.

For starters, I guess I can read over the lab again and try to go over Drake's example. If I still confused which I probably will be, I'll probably check out the w3schools site to see if they can help me on a beginners level.

I'm just hoping that I can get through the course. I'm curious to know what other people are doing for iteration one as well as how they're doing. Is anyone else frustrated with this programming language that has no compiler which we have gotten so used to? If I'm struggling I might be asking my classmates for help so be prepared classmates because I will probably be confused and frustrated by Wednesday.