Solved

javascript listview (list of events)

Posted on 2014-10-26
5
114 Views
Last Modified: 2014-10-27
I want to create a list view of events on a website using javascript, html5, and css. I could use a library for javascript.

I want each event to have the following:
a picture
a title
a few description sentences
a button to register
date of the event

what is a good way to do this? Or a library widget? Just looking for some basic pointers to the right tool for this exact thing.

Thanks,
alex
0
Comment
Question by:alexmac05
  • 3
  • 2
5 Comments
 

Author Comment

by:alexmac05
ID: 40405460
this is exactly the sort of thing i'm looking to create. perhaps i'll just try with an HTML table, but i thought there would be a widget for this

https://www.eventbrite.com/directory?format=Class
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 40406096
you do not need JavaScript just to create the view.  if it's a list then you should use the list element: ul

don't use tables for layout. it might seem easier now but will give you a huge headache later.
0
 

Author Comment

by:alexmac05
ID: 40406378
So just HTML and CSS?
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
ID: 40406393
yup.

something along the lines of:

ul
  li
   div <-- in here put all the bits and pieces, picture, text, etc...

do a reset on the list elements to remove margins padding and bullets.
0
 

Author Closing Comment

by:alexmac05
ID: 40406395
Thank you
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question