acedeveloper — 2013-11-24T14:41:03-05:00 — #1
What I need is 2 simple things to be done:
I need to make my mp3 play buttons cross-browser compatible (including mobile devices & older browsers).
Improve loading time of the audio buttons for all browsers.
Here is the link to my table that contains the audio buttons. Please check it:
- Aaron C.
mittineague — 2013-11-24T15:18:35-05:00 — #2
Hi AceDeveloper, welcome to the forums.
It isn't the audio buttons causing the slow loading, it's the "BIG list".
Is there no way you can break things up into categories, eg. genre, artist, alphabetacally, etc. so as to get smaller lists?
Or perhaps a way to "paginate" it?
acedeveloper — 2013-11-24T16:03:02-05:00 — #3
Hi Mittineague and thank you for your quick reply!
mittineague — 2013-11-24T18:46:08-05:00 — #4
I'm guessing the others you've seen initially only load a portion of the list and then progressively load more, most likely using AJAX (think Facebook and Twitter). That is, by the time you read what was first loaded, more has come in, so it looks like it all loaded at once but it really didn't. i.e. if you scrolled fast enough to the bottom, or if you broke your connection, you would see that the entire list had not been loaded before the page rendered.
As for learning XML, if you are already familliar with (X)HTML you shouldn't have any problem picking it up quickly. The format is likely to be similar to a Comma Separated Variables (CSV) list inside the appropriate tags, perhaps with some as attribute values
acedeveloper — 2013-11-25T12:49:12-05:00 — #5
Thanks again. So I looked into what you're saying and you are absolutely right. It's best when using large list of songs to play that I implement AJAX & XHTML to prevent the bogging in loading time. So I am a complete beginner at all web development languages & programming in general. What do you think is the best learning resources for both AJAX & XHTML for beginners? I see that you have experience & would like for your advice? Thanks again Mittineague for your support.
mittineague — 2013-11-25T22:59:31-05:00 — #6
It's been a while since I was just starting, so I may be missing things I now take for granted, but I'll try.
The good news is you don't need to be an expert in everything. The way things change so fast it's impossible to keep up anyway, but of course the more you know the better.
I think the best place to start is to get familiar with HTML. You could start by looking at http://reference.sitepoint.com/html and other sites. And there's always right-click viewsource to see how pages have been written. The mark-up you'll find is often not best practice but it can help a lot. You don't need more than getting familiar with how it looks to start. Even this might be enough to let you start getting your hands dirty right away.
// call your function here
You don't need to upload files to your site or have a localhost server to test HTML pages, you can save a text file with the ".html" extension and it should open in your default browser.
There's a lot to web development, but having a "project" goal is a good way to learn, it helps keep focus on what you need to learn to get there.