I'm working on my website (maxsteele2.pbwiki.com, for those who wonder), and I can't embed projects so they can all be an the same page, all running at once, because the sound would mix. So my problem is, I want a drop-down list in which selecting an option changes the current project to that one, but I don't know how to do one. Archmage, andresmh, JSO, PetertheGeek, nikkiperson2, or anybody really, your help would be greatly appreciated. Plz help me! I'll reward you with a music video for Green Day's Castaway.
Offline
Does your website support, say, subpages? If so, you could make one of each project.
If not, try making a page hidden from the manu, only accesible by a link on the games page.
And if you do that, no music video for me, please.
Offline
It might be hard, but I would try to use javascript or just do what technoguyx said
Offline
technoguyx wrote:
Does your website support, say, subpages? If so, you could make one of each project.
If not, try making a page hidden from the manu, only accesible by a link on the games page.
And if you do that, no music video for me, please.
I actually want them all on one page, but only one is visisble at the same time. Any clues?
Offline
How about using javascript like techy said? (i know some web programming languages)
Offline
Okay, here's how I'd do it:
First you get the embed code for each project you want.
Then, you make a <div> element for these, with the code for the default inside it.
Also, you make a drop-down menu, such as:
<select> <option name='project1'>project1</option> <option name='project1'>project1</option> </select>
You then add an onchange attribute to the select tag, referring to a javascript function.
This function would then take the current selected option, and change the innerHTML property of the div tag accordingly!
Ex:
function changeProject()
{if (document.getElementById('optionsList').tabIndex == 0)
{document.getElementById('projectDiv').innerHTML = 'code to embed desired project'};
else if (document.getElementById('optionsList').tabIndex == 1)
{document.getElementById('projectDiv').innerHTML = 'code to embed desired project'};
else (document.getElementById('optionsList').tabIndex == 2)
{document.getElementById('projectDiv').innerHTML = 'code to embed desired project'};
}Offline