archived posts:

Javascript

Edwardsville, IL Bar App
On an on going personal/development project.

Used jQuery Mobile, PHP, HTML and CSS to develop a web application. It includes the meta information used to display as an app if a user selects ‘Add to Home Screen’ on the iPhone. This gives the web app a custom icon, splash screen and removes the URL bar at the top of the iPhone screen. View it here: m.evillelife.com (best viewed on a mobile phone).

 


jQuery Mobile Sports App
Another personal project using jQuery Mobile, HTML, CSS and PHP – only this web application uses RSS feeds to gather sport stories and information from stlhighschoolsports.com. View it here evillelife.com/s (best viewed on iPhone).

Using jQuery and tournament game data from JSON objects, I created and filled in basketball tournament brackets.

The JSON objects were created by looping through each tournament and organizing the data into JSON objects. A JavaScript file with a JSON object was created for each tournament and then ftp’d to the web server where it was used by a different JavaScript file to display a bracket.

The jQuery and JavaScript used to display the bracket parses through the JSON object which included tournament info and round by round game data. Then it built a bracket, positioned everything and appended the HTML to the bracket page to be displayed.

jQuery code snippet:

JSON object snippet:

stlsportsThe current project – STLhighschoolSPORTS.com – still in development.

I am currently helping develop a new website based around High School sports in the St. Louis area. The site is built off of WordPress and a custom built scripting engine that produces up-to-date stats and scores on a daily bases. My role for this project has been as a developer/programmer. The first challenge on this new project (more…)

Throughout many design process I have needed to use either JavaScript or PHP or both.
As far as Javascript goes I have worked with jQuery to create slideshows and tabbed content. I have also used JavaScript for form validation and dynamically inserting data into web sites. I have a lot of experience with WordPress which is built on PHP. I have created my own Widget using PHP and manipulated functions and plugins to work the way I needed them to work. I have also used PHP to create and manipulated mySQL databases.

I created a form to help build a jQuery and jCarousel image belt. The idea was to be provide a simple interface so that anyone could come in and paste a website url and an image url and see what the image would look like in real time. As the user enters new data the results show up below the form. Once the data is entered, the user can click submit and the form builds a text file that can be imported using jCarousel. The form is also automatically populated with the current data in the text file in case only one or two images or links need to be changed. View it in action

I also used JavaScript and PHP to create a form to input company information for a directory listing. As the data is inputed the results are displayed under the form so the user can double check the information. Once the user clicks submit the data is stored in a mySQL database. View it here.

Along with the directory input form, I created an expanding directory listing. The initial content shown about the business is the basic name, address, phone number, etc. When the user clicks ‘Click to Find Out More’ the box expands to show more information about the company. This allows users to see more business without scrolling as much and to find out more about that business without leaving the page.

These are just a few uses of JavaScript and PHP. I have used these languages many other times and continue to build my knowledge by reading tutorials and other resources.

©2012 hargisMdesign Designed By: Michael Hargis & Web Design Blog