Solved

javascript listview (list of events)

Posted on 2014-10-26
5
103 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
Comment Utility
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
Comment Utility
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
Comment Utility
So just HTML and CSS?
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
Comment Utility
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
Comment Utility
Thank you
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

A publishing tool, a Version Control System, or a Collaboration Platform! These can be some of the defining words for the two very famous web-hosting Git repositories: Bitbucket and Github. Git is widely used amongst the programmers and developers f…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

763 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now