Rails 3, JQuery-mobile and iPhoney
Clone me on git: git@github.com:w2davids/demo_rails_app.git 1. Create a new rails app 2. Download Jquey-mobile (javascipt, images, css files): http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.zip 3. […]
13th Sep 2011
Rails 3, JQuery-mobile and iPhoney
Clone me on git: git@github.com:w2davids/demo_rails_app.git
1. Create a new rails app
2. Download Jquey-mobile (javascipt, images, css files):
http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.zip
3. Unzip and copy contents as follows (create folders in demo_rails_app where needed):
jquery.mobile-1.0b2.js -> demo_rails_app/public/javascript
jquery.mobile-1.0b2.css -> demo_rails_app/public/stylesheets/
images/ -> demo_rails_app/public/images
4. Generate a scaffold for the model Task.
This will generate:
-Controller (task_controller) and
-Default view templates (index, new, show, update html files)
5. Modify the default config/routes.rb
6. Create the database tables to hold the tasks using rake db:migrate
7. Modify the views/layouts/application.html.erb as follows referencing the jquery-mobile css and javascript files
8. Modify the views/tasks/index.html.erb as follows:
9. Modify the views/tasks/new.html.erb as follows:
10. Modify the views/tasks/show.html.erb as follows:
11. Modify the views/tasks/edit.html.erb as follows:
12. Start the rails server
13. Direct a browser at http://localhost:3000 OR use iPhoney http://marketcircle.com/iphoney/