I would like to create a page that has a dropdown menu populated with a list of images. When someone selects an image, the image and a URL to a webpage will display (screenshot below). Each image will have a different URL. How do I accomplish this?
View 9 RepliesI wanted to create a small DHTML code that created a unordered list of input forms dependent on the number selected from the select dropdown menu. Problem is that it doesn't seem to want to generate the list. I think the variables are within the scope of the function too, and I didn't get an errors from the javascript console when using firebug. The script itself runs, I tested it when I used the old standby alert(); to see if the script was active. Here's the code:
[Code]...
I am trying to construct a Jukebox for my website. I have spent considerable time all over the WEB and at this forum which addressed the issue in a 50 page thread. Please see: [url]
I got a lot of ideas from this thread but still cannot figure a way to do the following within the Jukebox. These are my main two questions for everything below:
1.How can I have the Jukebox cycle through all tunes and then start over from the beginning?
2.How can I allow the user to select a tune from a list but not a drop down list, have the Jukebox start from the users selection and then play all songs to the end. Then as in #1, start over from the beginning?
Per this thread I came away with basically two ways to assemble the jukebox. One uses links in a drop down list which the user can choose from. The other is to use an .m3u playlist. The user can only select a playlist from the drop down.
Below, I have included the code for each Jukebox. To see the Jukeboxes in action please go to my website where I have posted some test pages exhibiting the jukeboxes that I am referring to.
The following is the Jukebox which utilizes an .m3u playlist. If I end up using this idea I would like the tunes in the .m3u playlist to be displayed and allow the user to be able to choose a tune in the list. Then have the list play to the end of all tunes in the list. Then start over from the beginning of the list. After this code is the .m3u playlist.
Go to url removed and click on the link that says:
Jukebox utilizing an .m3u playlist:
Here is the .m3u playlist for the above code:
The following code is for the Jukebox that has a list of links in a dropdown list. If I go with this idea, I would like for the list not to be a dropdown list but just a list of tunes. The user should be able to click on any tune in the list and the player should start from that point, play all the remaining tunes in the list and then start from the beginning.
Go to url removed and click on the link that says:
Another idea I found on the WEB also uses an .m3u playlist. The good thing about it is that it lists all the tunes in the playlist which the user can then select from. This jukebox calls up an entire Windows Media Player. If I was to use this idea I would like to be able to disable the left side of the player where the user has options such as burning to CD, Media Guide, Radio Tuner etc¦
Go to url removed and click on the link that says:
I've created a page that uses 2 seperate functions for passing variables.The first runs when the page loads and requests categories from a database to fill a dropdown box.The second function sends a date value and the contents of the select from the dropdown box to search a database then outputs the results to the page.They both use getelementbyid to display their results. the category search uses <div id="txtindex"> and the date/dropdown search uses <div id="txtupdate">My problem is the results from the date/dropdown which should display in the 'txtupdate' div are displaying where the dropdown box used to be, so in the 'txtindex' div.
View 9 Replies View RelatedI have a project where I need a selection of one dropdown menu may affect the select of multiple other dropdown menus on the same page.First, a table is generated, and within each row, it contains a dropdown menu. Assume: Rows A, B, C, etc..., and Dropdown selection: 1, 2, & 3If dropdown in Row A selects 2, then I want the selection of dropdowns in rows B & C to dynamically change to 2.And if in Row C user selects 3, then the selection in dropdowns in rows A & B should dynamically change to 3.
View 1 Replies View RelatedI'm fiddling around with designing a site and trying to get my JS bearings down. I'm wondering why the second option isn't making the drop down list disappear.
<html>
<head>
</head>
<script language="JavaScript">
function fncShow(){
document.getElementById('box').style.visibility = 'visible';
} function fncHide() {
document.getElementById('box').style.visibility = 'hidden';
}
</script>
<body>
<select name="box">
<option selected>Choose one</option>
<option value="first" onclick="JavaScript:fncShow();">first option</option>
<option value="second" onclick="JavaScript:fncHide();">second option</option>
</select>
</body>
</html>
Basically, I am trying to create a drop down menu that, when a link is chosen, instead of leading to an external page will make information appear underneath... is this possible, and if so, how?
View 2 Replies View Relatedi have a dropdown list where a user can select, 'Yes','No', and 'Other'. What i need to have happen, is that if a user selects other, i need a textfield to appear so the user can enter a custom variable. does anyone have code for this?? Code:
View 3 Replies View RelatedI've been beating my head against a wall for a few days trying to get this working. I'm trying to create a dynamic menu where a user selects one item and another select list is shown, then another and another (and so on). Here is my JS, it *should* be taking the ID of the div, comparing it to the selected value and then showing another div by settings it's class property to visible:
[Code]...
cna anyone tell me how to use the Select = "selected" option for a simple dropdown. for example when someone chooses c it will have a code like <option selected="">c</option> (am I doing it right, well if you got a firebug some site with dropdowns offers that option) so can anyone tell me how that works. I will be using it for a purpose of just selecting parts on my array, well incorporating it
<html>
<body>
<select>
[code]....
Is it possible to make a sliding navigation menu with a dropdown list. Here is an example of the menu I am referring to: [URL]
View 2 Replies View RelatedI know this is simple and has been done before. I'm trying to create a dropdown menu for secondary links. I want it to appear when you hover over a primary link. I can't do a simple .hover function with two handlers because once the user moves the mouse to go into the secondary menu, it will slide back away.
The easy solution is to put that secondary menu within the selector of the primary menu - but it's not possible with my setup.
i would like to create a list of all images inside a specific div. It should be outputted as ul li list. The List should be clickable and on click i would like to be send to the position of the image on my site.
View 1 Replies View RelatedI was wondering if there was a jquery plugin that will allow me to show images in a select menu item kind of like the way myspace has there mood icons
View 1 Replies View RelatedI am wondering if I can get the value of a drop down box that was created using ajax.I have a div tag holding the spot on item.php and when the user make a selection it calls my getitem.php which returns a drop down with the populated items.
<option value="0"></option>
<?
while($row = mysql_fetch_array($result))[code].....
So I have no tag handler since they were all created back on the getitem.php page. What is the best way to do this? I would love the have the drop down tags on item.php but how do I dynamically populate the list then?
I have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
How can I execute this:From the dropdown list build up from mysql database (say a list of fruits).I select "Add New Fruit". This triggers it to either have a modal form to add new fruit or a table form.Once submitted, Select dropdown list RELOADS including the newly added data (fruit) without reloading the whole page which contains other form control such as textbox.
View 1 Replies View RelatedIs it possible for javascript to disable a dropdown menu on pageload? I have a select menu that has three options, 1, 2, and 3. So on pageload if option 2 is selected then I want the rest of the dropdowns disabled?
View 2 Replies View RelatedHere is how the code works: (its like a phone directory)
-User first selects the dept.
-Once selected, a second drop down populates with the names of each person in that department.
-I want the contact info to show on the page once they select this last step.I need for when the user selects this second options for a link to open inside a iFrame inside of the same html page.Here is the code for the HTML doc:
HTML Code:
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000" onLoad="fillCategory();">
<FORM name="drop_list" action="yourpage.php" method="POST" >
<SELECT NAME="Department" onChange="SelectSubCat();" >[code]......
I want to reload an html page onChange event of dropdown list and retain the old values filled in the page.
View 1 Replies View RelatedI'm trying to achieve a notification feature which you see on facebook, myspace and so on. Here the trick that I use:I've pulled a number of data that a user has not been read (where active ='0') from a database to display on a notification icon on the menubar -- the exact notification icon you will see on facebook and myspace -- says 2 unread messages in bright red.As the user click on the notification button to open up a dropdown menu and read their unread messages I process the script and update the active = '0' to active = '1' and refresh the page.The problem is when the page is refreshed, the dropdown menu and the notification both disappeared.How do I remove only that number in red and keep the dropdown menu open, I know that both facebook and myspace didn't even refresh a page.In this case, I don't even know whether I use javascript or ajax. I've stolen (borrowed) the feature from twitter.
View 1 Replies View RelatedI need to create a menu on my page, which will have two headings then when you click a heading a submenu tree appears moving like you would see in windows explorer on the left hand side only I need this in my page.
View 3 Replies View RelatedI'm trying to create a page that takes data and turns it into images - I'm starting very simply. For each row of text, I first:
if(j.match(/[a-z]+_\d+/)){
colorval='red';
} else {
colorval='blue';
}
then I add a sequence of numbers for positioning to an object called pixs (with a numerical index as well that may or may not be useful):
var xpos = startwidth+d_num;
var ypos= startheight+d_scroll;
pixs[num]= {};
pixs[num]['xpos']=xpos;
pixs[num]['ypos']=ypos;
pixs[num]['color']=colorval;
As I loop through my arrays of little pieces of data, all of this information is stocked into pixs - BUT then- I have to insert this information from pixs to a function, like:
$(container).fillRect(xpos,ypos, width, height, {color: color}) where width and height are each preset vars.
My challenges here are to 1) successfully loop through the pixs object. 2)Use jquery if possible (or if easier) to get these variable values into the function to evaluate. 3) Successfully '.fillRect' with each loop. 4) Use the append method (or something?! again, I am a n00b) to get all of these instances of fillRect onto the container in the html document (which appears to be set up and working with instances of fillRect not using variables as parameters)
Could anyone help me out with a peice of script that will reload the page once a choice is made from a list/menu, so dependant on the choice ($_POST data) another list menu will also display when the page reloads .. I tried a few javascripts from google, but none reloaed the page.
View 5 Replies View RelatedI'm just now trying to get my head around AJAX in general and jQuery's AJAX specifically.I have a table that is generated from php/mysql. A sample of the rendered page can be seen here. I've also attached a text document with the php code that generates the page.What I'm trying to do is, when a user clicks on one of the edit buttons, I want to open a jQuery UI Dialog popup and populate a form with the current information for the class the user clicked on. Then, after the user clicks on a Submit button (and some basic validation), jQuery's ajax() sends the data for processing to a php script. Upon successfully processing the changes to the class I want to close the Dialog popup and show the changes in the table on the main page.[code]
View 4 Replies View RelatedI want to use a drop down menu and found a horizontal example from John Resig. But I want to turn it into a vertical menu. How can I do that?
View 2 Replies View Related