JavaScript - Multiple List Items

Hi,

I am looking for an efficient way to go thru all the list items I have in an unordered page and change an attribute. I know I should be able to do it using getElementsByTagName, but I can't seem to get it all working. Can someone please point me in the right direction?

Thanks,
Thad

I have a cgi script (using perl for database queries) in which I have two select boxes. I am populating the left select box with rows from a database, and then provide buttons for people to move items to the right select box.

So far so good, everything works, the move right, move left, and move right all and move left all buttons work, data is always sorted in both lists.

My only problem is, when I click the submit button, the follow up program only displays data that was highlighted/selected in the right select box, not all of the data in the right select box.

I don't know how to tell the script, via javascript, to highlight everything in the right select box when the submit form button is clicked.

I would think i could just call a function via -onClick for the submit button. I could use some help with the function to select all data in that list.

I can post code if it is helpful.

Thanks,
Taylor

I am creating a quote calculator as a mobile app using the JQuery Mobile plugin in Dreamweaver CS5.5. This supports HTML5 & Javascript.

I have included a drop down list in which the user selects a specific Annual Volume. I have 2 different calculations that need to be done based on the users selection. Different calculations meaning that I need 2 different number values assigned to the option.

For Example:

Calculation #1 (I'm calculating what the Run Quantity is based on what the user selects as the Annual Volume. If user selects an Annual Volume of 150,000 then the calculated result for Run Quantity needs to be 3500)

HTML for this scenario:
Code:

<li data-role="fieldcontain">
    <p><span class="ui-listview-inset">Annual Volume:</label>
      <select name="annualvolume" id="annualvolume">
    
     onChange="Calculate();">
        <option value="1000">10,000</option>
        <option value="2000">30,000</option>
        <option value="3500">150,000</option>
        <option value="6000">300,000</option>
        <option value="10000">500,000</option>
        <option value="20000">1,000,000</option>
        </select>
    </p>
  </li>

Calculation #2 (within the same form as the above calculation, I also need to calculate what the Annual Sales will be. The math to calculate the Annual Sales is to multiply the Final Piece Price (which is another calculation within this form) with Annual Volume. However with this Calculation # 2 I need the value to be 150,000 when user selects 150,000 and NOT 3500 as it was before.

I've tried tweaking the HTML in following manner to assign 2 values within the same drop down, but it didn't work correctly.
Code:

<option value="3500" amount="150000">150,000</option>

My javascript is as follows (please note that I deleted all the result fields except for the 3 that reference my described calculations above. My actual calculator has over 20 results all based on the user's inputs. This is why there are so many variables listed in my javascript - they are for the other results)

Code:

<SCRIPT LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, materialtype, presstype, Etext, Ftext, annualvolume, annualvolume2,Htext, Itext, form)
{
//INPUTS
var A = parseFloat (Atext);
var B = parseFloat (Btext);
var C = document.getElementById('materialtype').value;
var D = document.getElementById('presstype').value;
var E = parseFloat (Etext);
var F = parseFloat (Ftext);
var G = document.getElementById('annualvolume').value;
var GA = document.getElementById('annualvolume').amount;
var H = parseFloat (Htext);
var I = parseFloat (Itext);

//RESULTS
form.RunQuantity.value = G
form.FinalPiecePrice.value = (((C*A) + F) + ((D/G) + E) + (((C*A) + F) + ((D/G) + E )) * (H *.01) + (((C*A) + F) + ((D/G) + E ) + (((C*A) + F) + ((D/G) + E )) * (H *.01)) * (I *.01))
form.AnnualSales.value = (form.FinalPiecePrice.value * GA)
}

</script>

Currently I am simply having the user enter the annual volume twice so I can do the 2 calculations, but this is really clunky and not ideal.

I'm fairly new to Javascript but have learned a lot from reading other posts by people like you. This is the first thing I haven't been able to figure out on my own and any help would be greatly appreciated.

I'm trying to use this code to create 6 sets of (each set 2 Dynamic List boxes). However I have the problem that Category 1-6 selection does not select the correct (adjacent) subcateory list box and instead populates the last selection in subcategory list box 1. How can I set the Java/HTML code so that for example Category #3, populates the selection/case into SubCategory#3 list box?

Form Code (only with 2 Category, SubCategory) this when working will be expanded to 6.

Code:

<table border="0" width="560">
<tbody>
<tr>
<td align="center"><strong>Item#</strong></td>
<td align="center">Paint Type</td>
<td align="center">Colour</td>
<td align="center">Litres</td>
</tr>
  <tr>

    <td width="56%" align="left" valign="middle">1.<select name="category" id="category" onchange="javascript: dropdownlist(this.options[this.selectedIndex].value);">
 
      <option value="">Select Range</option>
      <option value="New Paint">New Paint</option>
      <option value="Recycled Paint">Recycled Paint</option>
    </select></td><td name="cell1">

                 <script type="text/javascript" language="JavaScript" >
 document.write('<select name="subcategory1" id="subcategory1" name="cell1" ><option value="" name="subcategory1">Select Product</option></select>')
 </script>

 <noscript><select name="subcategory1" id="subcategory1" >
 <option value="">Select Product</option>
 </select>
 </noscript>

</td><td>
 <input class="formbox" size="20" name="01_colour" /></td><td>
 <input class="formbox" size="5" name="01_litres" /></td>
  </tr><br>

  <tr>

 
    <td width="56%" align="left" valign="middle">2.<select name="category2" id="category2" onchange="javascript: dropdownlist(this.options[this.selectedIndex].value);">
 
      <option value="">Select Range</option>
      <option value="New Paint2">New Paint</option>
      <option value="Recycled Paint2">Recycled Paint</option>
    </select></td><td name="cell2">
<script type="text/javascript" language="JavaScript">
 document.write('<select name="subcategory" id="subcategory"><option value="" name="subcategory">Select Product</option></select>')
 </script>
 <noscript><select name="subcategory" id="subcategory" >
 <option value="">Select Product</option>
 </select>
 </noscript>
 

</td><td>
 <input class="formbox" size="20" name="02_colour" /></td><td>
 <input class="formbox" size="5" name="02_litres" /></td>
  </tr>    
 

</table>

Java Script which I think is the problem, I cant work out how to name the relevant cell the selection should display in.

Code:

<script language="javascript" type="text/javascript">
function dropdownlist(indexlist)
{

document.SampleForm.subcategory1.options.length = 0;
	switch(indexlist)
	{
	
		case "New Paint" :
		   	 document.SampleForm.subcategory1.options[0]=new Option("Select Product","");
			document.SampleForm.subcategory1.options[1]=new Option("Air-Conditioners/Coolers","Air-Conditioners/Coolers");
			document.SampleForm.subcategory1.options[2]=new Option("Audio/Video","Audio/Video");
			document.SampleForm.subcategory1.options[3]=new Option("Beddings","Beddings");
			document.SampleForm.subcategory1.options[4]=new Option("Camera","Camera");
			document.SampleForm.subcategory1.options[5]=new Option("Cell Phones","Cell Phones");
	
	break;
	
		case "Recycled Paint" :
			    document.SampleForm.subcategory1.options[0]=new Option("Select Product","");
			document.SampleForm.subcategory1.options[1]=new Option("Interior, Flat/Matt","Interior, Flat/Matt");
			document.SampleForm.subcategory1.options[2]=new Option("Interior, Low Sheen","Interior, Low Sheen");
			document.SampleForm.subcategory1.options[3]=new Option("Interior, Semi Gloss, Acrylic","Interior, Semi Gloss, Acrylic");

			document.SampleForm.subcategory1.options[4]=new Option("Interior, Gloss, Acrylic","Interior, Gloss, Acrylic");

			document.SampleForm.subcategory1.options[5]=new Option("Interior, High Gloss, Acrylic","Interior, High Gloss, Acrylic");
			document.SampleForm.subcategory1.options[6]=new Option("Interior, Suede","Interior, Suede");
			document.SampleForm.subcategory1.options[7]=new Option("Exterior, Flat/Matt","Exterior, Flat/Matt");
			document.SampleForm.subcategory1.options[8]=new Option("Exterior, Low Sheen","Exterior, Low Sheen");
			document.SampleForm.subcategory1.options[9]=new Option("Exterior, Semi Gloss, Acrylic","Exterior, Semi Gloss, Acrylic");
			document.SampleForm.subcategory1.options[10]=new Option("Exterior, Gloss, Acrylic","Exterior, Gloss, Acrylic");
			document.SampleForm.subcategory1.options[11]=new Option("Exterior, High Gloss, Acrylic","Exterior, High Gloss, Acrylic");
			document.SampleForm.subcategory1.options[12]=new Option("Paving/Concrete","Paving/Concrete");
			document.SampleForm.subcategory1.options[13]=new Option("Dulux Acratex","Dulux Acratex");
	
	break;
	
	

	
	}




return true;
}
</script>

Thanks

Daniel

I am developing a messaging service between members of my site. I am developing this with asp.net mvc. When a user goes to the SendMessage view to send a message to another member, there is a dropdown list which presents the sender with all the members of the site, which he or she will pick as the recipient. However, i don't want it to be a dropdown, i want it to be a text box, where a user types in the first couple of letters of a name, and the dropdown appears then with only the members which have the same couple of letters. This is basically like every email system out there (facebook and gmail have it just like that). And after they chose one, they can select another one in the same textbox, just separated by a comma or something like that.

Basically, how do i achieve that in javascript? I'm not even sure what that functionality is called, that's why i had to explain it properly.

Any help is greatly appreciated. thank you

Hi all,

I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).
I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.

This piece of code is working well . . . .
Code:

<?php

$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');

if(isset($_GET["County"]) && is_numeric($_GET["County"]))
{
$County = $_GET["County"];
}

if(isset($_GET["Region"]) && is_numeric($_GET["Region"]))
{
$Region = $_GET["Region"];
}

?>

<script language="JavaScript">

function autoSubmit()
{
var formObject = document.forms['theForm'];
formObject.submit();
}

</script>

<form name="theForm" method="get">

<!-- County SELECTION BASED ON city VALUE -->

<?php

?>

<select name="County" onChange="autoSubmit();">
<option value=''</option>

<?php

//POPULATE DROP DOWN MENU WITH COUNTRIES FROM A GIVEN city

$sql = "SELECT * FROM county_regions";
$counties = mysql_query($sql,$link);

while($row = mysql_fetch_array($counties))
{
echo ("<option value=\"$row[CountyID]\" " . ($County == $row["CountyID"]? " selected" : "") . ">$row[County]</option>");
}

?>

</select>

<?php

?>

<br><br>

<?php

if($County!= null && is_numeric($County))
{

?>

<select name="Region" onChange="autoSubmit();">


<?php

//POPULATE DROP DOWN MENU WITH RegionS FROM A GIVEN city, County

$sql = "SELECT * FROM county_regions WHERE CountyID = $County ";
$Regions = mysql_query($sql,$link);

while($row = mysql_fetch_array($Regions))
{
echo ("<option value=\"$row[CountyID]\" " . ($Region == $row["CountyID"]? " selected" : "") . ">$row[Region]</option>");
}

?>

</select>

<?php

}

?>

What follows is my form where the javascript is not working - edited quite a bit to save on space!

Code:

<head>
 
<script language="JavaScript">

function autoSubmit()
{
var formObject = document.forms['subform'];
formObject.submit(); 
}

</script>

</head>

<form enctype="multipart/form-data" method="post" action="add_attraction01.php" FORM NAME="FormName">     
<input type="hidden" name="MAX_FILE_SIZE" value="32768" />    
<label for="Business_name">Business Name</label>    
<input type="text" size="60" STYLE="color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: #72A4D2;"     
<id="Business_name" name="Business_name" maxlength=60/><font size="1" face="arial" color="red">Required field</font><br />    
<label for="StreetAddress">Address</label>    
<input type="text" size="60" rows="2" id="StreetAddress" name="StreetAddress" maxlength=120/><font size="1" face="arial" color="red">Required field</font><br />    
<label for="Town">Town</label>    <input type="text" size="25" id="Town" name="Town" maxlength=25/><font size="1" face="arial" color="red">Required field</font><br /> 

<?php

$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');

if(isset($_GET["County"]) && is_numeric($_GET["County"]))
{
$County = $_GET["County"];
}

if(isset($_GET["Region"]) && is_numeric($_GET["Region"]))
{
$Region = $_GET["Region"];
}

?>

<form name = "subform" method="get"> 

<select name="County" onChange="autoSubmit();"> 
<option value=''</option>

<?php

$sql = "SELECT * FROM county_regions";
$counties = mysql_query($sql,$link);

while($row = mysql_fetch_array($counties))
{
echo ("<option value=\"$row[CountyID]\" " . ($County == $row["CountyID"]? " selected" : "") . ">$row[County]</option>");
}

?>

</select>

<?php

?>

<br><br>

<?php

if($County!= null && is_numeric($County))
{

?>

<select name="Region" onChange="autoSubmit();">


<?php

$sql = "SELECT * FROM county_regions WHERE CountyID = $County ";
$Regions = mysql_query($sql,$link);

while($row = mysql_fetch_array($Regions))
{
echo ("<option value=\"$row[CountyID]\" " . ($Region == $row["CountyID"]? " selected" : "") . ">$row[Region]</option>");
}

?>

</select>

<?php

}

?>
<input type="text" size="20"id="Tel_No" name="Tel_No" maxlength=20 onkeypress="return isNumberKey(event)"/><font size="1" face="arial" color="red">Required field</font><br />    
<br/>    
<input type="submit" value="Submit your attraction" name="submit" onclick="return BothFieldsIdenticalCaseSensitive();"/>   
</form>
</body>
</html>

It's probably obvious to you guys!!

Thanks in advance for your help.

I would like to make an ordered list, for example:
1. Airplane
2. Boat
3. Car

I'd like one of the words to be displayed on my webpage, for example: Boat
Then I'd want an up button, and a down button. The up button would display Airplane instead of Boat, and the down button would display Car instead of Boat.

Once it got to Car, the same up button would change it back to boat.


How do I do this?
Thanks.

09-01-10

Not sure exactly where to post this thread as it involves HTML, Javascript and embedded media players. It probably would be more appropriate here as there is much Javascript involved....

Hello,

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:

http://codingforums.com/showthread.php?t=50666

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 user’s 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:
“Media Player Using an .M3U Playlist”

Jukebox utilizing an .m3u playlist:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
body {
text-align:center;
}
</style>
<script type="text/javascript">
function PlayIt(what){
player.document.getElementById('music').innerHTML='<object width="300" height="300" '
      +'classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" '
      +'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" '
      +'standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">'
      +'<param name="url" value="'+what+'">'
      +'<param name="uiMode" value="full">'
      +'<param name="autoStart" value="true">'
      +'<param name="loop" value="true">'
      +'<embed type="application/x-mplayer2" '
      +'pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" '
      +'showcontrols="true" uimode="full" width="300" height="45" '
      +'src="'+what+'" autostart="true" loop="true">'
+'</object>';
}
</script>
</head>

<body>
<div id="music">
<object width="300" height="300"
      classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
      codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
      standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
      <param name="url" value="">
      <param name="uiMode" value="full">
      <param name="autoStart" value="true">
      <param name="loop" value="true">
      <embed type="application/x-mplayer2"
      pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
      showcontrols="true" uimode="full" width="300" height="45"
      src="" autostart="true" loop="true">
</object>
</div>
<br>
<br>
<select name="player" onchange="PlayIt(this.value)">
<option value="none">::Choose a Song::</option>
<option value="JukeboxList.m3u">Jukebox List</option>
</select><br>
</html>

Here is the .m3u playlist for the above code:


Code:

#EXTM3U
#EXTINF:Bill Evans - G Waltz
media/G Waltz.mp3
#EXTINF:Dan Pincus - In Your Time
media/In Your Time.mp3

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:
“Media Player Using Links”



Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
body {
text-align:center;
}
</style>
<script type="text/javascript">
function PlayIt(what){
player.document.getElementById('music').innerHTML='<object width="300" height="300" '
      +'classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" '
      +'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" '
      +'standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">'
      +'<param name="url" value="'+what+'">'
      +'<param name="uiMode" value="full">'
      +'<param name="autoStart" value="true">'
      +'<param name="loop" value="true">'
      +'<embed type="application/x-mplayer2" '
      +'pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" '
      +'showcontrols="true" uimode="full" width="300" height="45" '
      +'src="'+what+'" autostart="true" loop="true">'
+'</object>';
}
</script>
</head>

<body>
<select name="player" onchange="PlayIt(this.value)">
<option value="none">::Choose a Song::</option>
<option value="media/GWaltz.mp3">G Waltz</option>
<option value="media/InYourTime.mp3">In Your Time</option>
<option value="http://urltosong3.mp3">Song 3</option>
<option value="http://urltosong4.mp3">Song 4</option>
<option value="http://urltosong5.mp3">Song 5</option>
</select><br>
<div id="music">
<object width="300" height="300"
      classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
      codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
      standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
      <param name="url" value="">
      <param name="uiMode" value="full">
      <param name="autoStart" value="true">
      <param name="loop" value="true">
      <embed type="application/x-mplayer2"
      pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
      showcontrols="true" uimode="full" width="300" height="45"
      src="" autostart="true" loop="true">
</object>
</div>
</html>

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:
“Media Player Within an IFrame Using .m3u Playlist””


Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>JukeBox</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
</head>

<body>

<IFRAME name="frame" src="JukeboxList.m3u"
width="100%"
height="347"
scrolling="no"
frameborder="0">
[Your user agent does not support frames or is currently configured not to display frames.]
</IFRAME>

</body>
</html>

Thanks!
Dan

I have two lists/menus that are start and end times and I want to make the end time list/menu advance 2 hours from whatever is chosen in start list/menu. The values in both of the list/menu are
[CODE]
<select name="Time" class="Body" id="Time">
<option value="">Choose Start Time</option>
<option value="06:00:00">6:00 am</option>
<option value="06:30:00">6:30 am</option>
<option value="07:00:00">7:00 am</option>
<option value="07:30:00">7:30 am</option>
ETC........

<select name="Time2" class="Body" id="Time2">
<option value="">Choose End Time</option>
<option value="06:00:00">6:00 am</option>
<option value="06:30:00">6:30 am</option>
<option value="07:00:00">7:00 am</option>
<option value="07:30:00">7:30 am</option>
ETC........
[ICODE]
any ideas on how to accomplish this? you can find my file at http://www.crazywayno.com/startend.php

----------------------------------------------------------------

I also tried this javascript but it doesn't add the additional 2 hours it just repeats the first value.
[CODE]
<script type="text/javascript">
function cfunc()
{
document.getElementById("Time2").value=document.ge tElementById("Time").value
}
</script>

<select name="Time" type="text" id="Time" onmouseup="cfunc()">
<option value="">Choose Start Time</option>
<option value="06:00:00">6:00 am</option>
<option value="06:30:00">6:30 am</option>
<option value="07:00:00">7:00 am</option>
<option value="07:30:00">7:30 am</option>
ETC..........

<select name="Time2" class="Body" id="Time2">
<option value="">Choose End Time</option>
<option value="06:00:00">6:00 am</option>
<option value="06:30:00">6:30 am</option>
<option value="07:00:00">7:00 am</option>
ETC...........
[ICODE]
You can find this at http://www.crazywayno.com/2fields.php

Thanks

Hi,

I hope someone can help me. I'll be honest and say I don't know much about javascript, but am fairly comfortable in html.

I am building a website that will have multiple image swaps on multiple pages. I am building this in wordpress, and I'm guessing that means my approach will be different than if I wasn't using wordpress.

Here's how one page would work: There are 10 images shown. 1,2,3,4,5,6,7,8,9,10. When number 1 is clicked on, I want a new image - 1a. When 2 is clicked on, 2a. So there are 20 different images in all on a given page.

Also, I want the user to be able to click on the image again to restore the original image. I would prefer onclick to onmouseover.

There will be literally dozens of pages like this on the site, managed by wordpress, so hundreds of images to swap. Basically the first image is a question - the second image is the answer.

Is this possible?

I am building a shopping cart in Volusion. I've come really far and can find my way around HTML and CSS.

But the template I am using has a zebra function that it uses on the shopping cart screen. The colors it is using are terrible, and I can't figure out how to change them.

By zebra, I mean it picks every other row in a table and assigns a different background color.

I am noticing in firebug that the div-ids of the items in the cart have div-ids taht are not listed in any of the CSS files in the theme.

I figured out that this type of coding is usually done in JavaScripting. I tried editing that file in every logical way, and I can get no response out of it aside from my browser hanging. I even tried commenting out different sections.

Also, the div-ids coming up in firebug aren't found in the .js file either.

I'm not sure if you are at all familiar with Volusion, but they provide absolutely no assistance and try very hard to make things as hard as possible so customers will be desperate for their design services. All support will say is, "we are prohibited from providing any coding information. Would you like me to transfer you to sales?" They routinely remove resources that were once helpful. Nice customer service.

Anyway, I've been working at this for days and I've come so far I hate being stuck at this point even though I'm just about ready to dump V.

Can anyone give me any ideas on what to try? I feel like I've tried everything.

I attached the file and here is the URL to the test site:
http://v806427.kp5zkqan3xyu.demo22.volusion.com/

Thanks in advance, I'm dying over here.

Essentially, I have an ASP.net page where I load a record set server side and upload it into a listbox. I'm trying to do all the movement functionalities of the listbox items client side.

Specifically, I'm trying to figure out how to copy selected listbox items from one listbox to another -- on button click. I've searched for a while, but every example that I found moves the actual item into another listbox, I just want to copy the selected item to another listbox.

I'm very new to JavaScript, so ff someone can provide an example or pseudo code, I would greatly appreciate it.

Hi all,

I having a problem. I am having 10 images, and I three places on a webpage where I want to show 3 out of those 10 images randomly. But when for example image 5 is shown on spot 1, it cannot be shown on spot 2 or 3 and the same for spot 2 and 3.

Is this possible with Javascript?

Greetz,

Bob