HTML - Can't Get Select Multiple Tag To Show Only 2 Times

Is there any way to limit the selection form a multiple select box to a certain number.

<select multiple="multiple" size="5">
<option>Beer</option>
<option>Vodka</option>
<option>Guinness</option>
<option>Sambuca</option>
</select>

How can I stop people selecting more than 2 options?


Cheers in advance for the help.

Hello All,
I'm creating a form which has got several parts, divided by tables, which are radio buttons, check boxes etc. All the radio button tables work well with the exception of one where it lets you choose all three options or two, as if they were checkboxes.

The code is:
PHP Code:
<div class="roundedcornrboxorange">
   <div class="roundedcornrtoporange"><div></div></div>
      <div class="roundedcornrcontentorange">
<table width="100%">
<tr>
<td colspan="3"><h3>Which level do you think you're currently are?</h3></td>
</tr>
<tr>
<td width="30%"><input type="radio" name="level[beginner]" id="beginner" value="1"/> Beginner</td>
<td width="30%"><input type="radio" name="level[intermediate]" id="intermediate" value="1"/> Intermediate</td>
<td width="30%"><input type="radio" name="level[advanced]" id="advanced" value="1"/> Advanced</td>
</tr>
</table>

      </div>
   <div class="roundedcornrbottomorange"><div></div></div>
</div> 


Does anyone have an idea what could be going wrong?

The css (in case it helps) is:

PHP Code:
.roundedcornrboxorange {
margin: 5px 0 0 0;
width: 800px;
clear: both;
   background: #ff7b06 url(../images/roundedcornr190406grad.gif) repeat-x top left;
}
.roundedcornrtoporange div {
   background: url(../images/roundedcornr190406tl.gif) no-repeat top left;
}
.roundedcornrtoporange {
   background: transparent url(../images/roundedcornr190406tr.gif) no-repeat top right;
}
.roundedcornrbottomorange div {
   background: url(../images/roundedcornr190406bl.gif) no-repeat bottom left;
}
.roundedcornrbottomorange {
   background: transparent url(../images/roundedcornr190406br.gif) no-repeat bottom right;
}

.roundedcornrtoporange div, .roundedcornrtoporange,
.roundedcornrbottomorange div, .roundedcornrbottomorange {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornrcontentorange { margin: 0 10px; } 


Many thanks in advance

im having a problem with a double login box showin up
http://www.recon.wsnw.net

Hi guys,
not much of a programmer and new here... but putting a site together for a friend. I have an swf file taking up the majority of a page. On the edges of are a couple of AP images (using dreamweaver). Looks great when all loaded up, but the images within HTML load well before the SWF (depending on connection speed) and it looks a bit goofy. Is there any kind of script that will hold back displaying these images until the flash is fully loaded?

Many thanks for any and all advice!!!

I'm not sure if this is the right category because I have no idea what controls this.

I have a frame with a bunch of pictures for easy updating on several pages. On a slower connection, the pictures load one by one. Is there any way to make the frame display only when all the pictures have been loaded?

Thanks.

jk111

Reference Link: {website taken off for personal reasons}

If you visit the link I posted, what I want to happen, is when you click on the tabs Home, Giving Programs, Leave A Legacy or Make a Gift, I want the content of them to appear in the green box that is below the tabs. When you click on the tabs to the right - Events, Home, Home, I want their content to appear in the box that is below those tabs.

I have that much figured out - but my question is - when you click on the links on the left, or on the right, the information in the opposite box (from the previous link that was clicked) goes away. Is there anyway to keep the information up in both boxes at all times?

Example: If you click on Make a Gift -
Tab content 4 here
Tab content 4 here
shows up in the green box below the tabs.

BUT... when you click on Events to the right -
TOOOOOOOOOOLS
shows up - but 'Tab content 4 here' goes away.

PROBLEM - I want 'Tab content 4 here' to stay up.

Thanks so much in advance!!

I have this task as part of an HTML class project.

It has to be done using the <embed> tag, and must repeat a wav file twice (playing it three times total).

This is the code I'm using:

<p>
<embed src="background.wav"
width="145" height="100" hidden="true" autostart="true" playcount="3" loop="3" />
</p>

It doesn't loop at all in firefox, and in IE it loops constantly. If I remove the loop="3" attribute, it works properly in IE.

Is there any way to get this working across browsers using the embed tag, or would a more complex method be needed? (such as javascript browser detection with browser specific code).

I'm really stuck on this, any help would be really appreciated.

Please help. This is what I have so far http://bartletagency.com/m/x2.php

Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars

if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00

how can i do this please?

here is the code I have which made up the PHP file i linked you to above.


code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Lesson 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<?php
if ($_SERVER['REQUEST_METHOD'] != 'POST'){
$me = $_SERVER['PHP_SELF'];
?>
<h1 align="center">Business Cards</h1>
<form name="form1" method="post" action="<?=$me?>">
<table border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td align="right" valign="middle">Quantity:</td>
<td><select name="Quantity: ">
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
<option value="10,000">10,000</option>

</select>
</td>
</tr>


<tr>
<td align="right" valign="middle">color</td>
<td><select name="color">
<option value="blue">blue</option>
<option value="green">green</option>

</select>
</td>
</tr>

<tr>
<td align="right" valign="middle">3</td>
<td><select name="3">
<option value="small">3-1</option>
<option value="medium">3-2</option>

</select>
</td>
</tr>


<tr>
<td> </td>
<td><input type="submit" name="Submit"
value="Send">
</td>
</tr>
</table>
</form>



<?php

} else {
error_reporting(0);
// initialize a array to
//hold any errors we encounter
$errors = array();
// test to see if the form was actually
// posted from our form
$page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
if (!ereg($page, $_SERVER['HTTP_REFERER']))
$errors[] = "Invalid referer<br>\n";
// check to see if a name was entered

if (count($errors)>0) {
foreach($errors as $err)
echo "$err<br>\n";
echo "<br>Please use your browser's Back button to fix.";
} else {
// no errors, so we build our message
switch($_POST['color']){
case 'red':
$recipient = 'mathew420@gmail.com';
break;
case 'green':
$recipient = 'mathew420@gmail.com';
break;
case 'blue':
$recipient = 'mathew420@gmail.com';
break;
default:
$recipient = 'mathew420@gmail.com';
}
$subject = "Widget On Line Order";
$from = stripslashes($_POST['Name']);
$msg = "Message sent by $from\n";
$msg.="\nSize: ".$_POST['size'];
$options=$_POST['options'];
$msg.="\nOptions:";
if ($options)
for ($i=0;$i<count($options);$i++)
$msg.= "\n- $options[$i]";
else
$msg.="\n- None";
$msg.="\nColor: ".$_POST['color'];
$extension=($_POST['extension'])?"Extension: Yes":"Extension: No";
$wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No";
$deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No";
$msg.="\n$extension\n$wallmount\n$deskmount";
$msg.="\n".stripslashes($_POST['MsgBody'])."\n";
if (mail($recipient,$subject,$msg)){
echo "<p>Thanks for your order!</p>";
echo nl2br($msg);
} else
echo "An unknown error occurred.";
}
}
?>
</body>
</html>




thanks so much

Hello all!

I'm working for school at an website, and I've a problem.. I've made a link, when you click on it it open some tekst information. I would this 4 time, just only the first one works...! Even if you click at the secound, third or forth link, it opens the first one

Anybody can help?

Here is the code;

In the head;

Code:

<script type="text/javascript">function showcodes(a,codediv){   var divje = document.getElementById( codediv );   if (divje.style.display == "block")   {      divje.style.display = "none";      a.innerHTML='Klap uit';   }   else   {      divje.style.display = "block";      a.innerHTML='Klap in';   }}</script>

And in the body;

Code:

<span style="cursor: pointer;" onclick="showcodes(this,'div_tekst');"><font color="FF0000">Klik hier!</font></span><div id="div_tekst" style="display: none;">


              <font color="#FF9900">
              Wil je even snel weten wat voor weer het is? Hier een overzichtje!<br><br>
              Hier zie je wat voor weer het momenteel is, als je je muis erbij houd, zie je een 
              paar gegevens!
              <br><br>
              <IFRAME SRC="http://gratisweerdata.buienradar.nl/hetweer.php" NORESIZE 
              SCROLLING=NO HSPACE=0 VSPACE=0 FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0 
              WIDTH=50 HEIGHT=40></IFRAME>
              <br><br>
              <script 
              src=http://m.fileindex.nl/files.js>
              </script>
              <br><br>
              <IFRAME SRC="http://www.fileindex.nl/iframe.php?
              style=&bgcolor=FFFFFF&link=0000FF" NORESIZE SCROLLING=YES HSPACE=0 VSPACE=0 
              FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0 WIDTH=250 HEIGHT=100></IFRAME><font>
</div>

I hope someone could help me!

Edit*; here is the example; http://informaticacase.freehostia.com/ (click in the example on 'het weer')

I'm not new to HTML but I'm definitely still a beginner. So, please don't expect me to know exactly what your talking about.

I'm trying to make a website, that has a "show more" and a "show less", for long paragraphs, that don't have enough room to fit on a page.

Here's my code:

head:

Code:

<style type="text/css">
<!--
#wrapper {
}
a {
cursor:pointer;
}
-->
</style>

<script type="text/javascript">
<!--
function switchMenu(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != "none" ) {
		el.style.display = 'none';

	}
	else {
		el.style.display = '';
	}
}

function hide(){
document.getElementById("seemore1").style.display='none';
}
//-->

body:

Code:

<body onload="hide();">

content:

Code:

<div id="seemore1"><font color="white">..and it will display more content in a new paragraph..</font></div><a onclick="switchMenu('seemore1');" 

title="Test"><font color="white">Show More</font></a>

But, I also want to change the "Show More" text, to "Show Less" after it has been clicked, so people know to click it again, to shrink it. This is what I tried to add to it, but it failed.

head:
Code:

<script type="text/javascript">

oldTextAry = new Array();

function changeText (fieldObj, newTexStr) {
if (newTexStr == fieldObj.innerHTML) {
fieldObj.innerHTML = oldTextAry[fieldObj.id];
} else {
oldTextAry[fieldObj.id] = fieldObj.innerHTML;
fieldObj.innerHTML = newTexStr;
}
}

</script>

body:
Code:

<a href="#" onclick="changeText(this,'Show Less');" id="text1link">Show More</a>

I tried the most simple thing that I thought of.. was adding both around the text, but, obviously that didn't work..

Does anyone know of any solution to my problem?

Dear All,
I find that I can do that in firefox, ie 9, but not ie 8 and ie 7. anyone knows the answer.
HTML Code:

           <select id="resourceTypeTree" name="resourceTypeTree">
            <script type="text/javascript">obj158= new Object;obj158.sid = 158;obj158.seq = 1;obj158.lv = 1;obj158.lvText = "首頁";obj158.upLvSid = 1;obj158.isShown = 1;obj158.isNetvigated = 1;obj158.url = "/cle/landingPage.php";obj158.remarks = "";obj158.lastUpdate = "2011-04-18 16:15:50";obj158.uiNextSeq = 0;obj158.nextSid = 160;</script>
            <option value="158" onclick=selectClick('tree',obj158); >→首頁</option>
            <script type="text/javascript">obj3= new Object;obj3.sid = 3;obj3.seq = 2;obj3.lv = 1;obj3.lvText = "語文學習基礎知識";obj3.upLvSid = 1;obj3.isShown = 1;obj3.isNetvigated = 0;obj3.url = "/cle/pages/webSiteReferenceList.php?sid=3&upLvSid=1";obj3.remarks = "";obj3.lastUpdate = "2011-04-18 16:28:05";obj3.uiNextSeq = 7;obj3.nextSid = 160;</script>
            <option value="3" onclick=selectClick('tree',obj3); >→語文學習基礎知識</option>
            <script type="text/javascript">obj10= new Object;obj10.sid = 10;obj10.seq = 1;obj10.lv = 2;obj10.lvText = "漢字形音義";obj10.upLvSid = 3;obj10.isShown = 1;obj10.isNetvigated = 0;obj10.url = "/cle/pages/webSiteReferenceList.php?sid=10&upLvSid=3";obj10.remarks = "";obj10.lastUpdate = "2011-03-16 13:46:44";obj10.uiNextSeq = 10;obj10.nextSid = 160;</script>
            <option value="10" onclick=selectClick('tree',obj10); >→→漢字形音義</option>
            <script type="text/javascript">obj38= new Object;obj38.sid = 38;obj38.seq = 1;obj38.lv = 3;obj38.lvText = "漢字的演變";obj38.upLvSid = 10;obj38.isShown = 1;obj38.isNetvigated = 1;obj38.url = "/cle/pages/webSiteReferenceList.php?sid=38&upLvSid=10";obj38.remarks = "";obj38.lastUpdate = "2011-03-16 14:25:54";obj38.uiNextSeq = 0;obj38.nextSid = 160;</script>
            <option value="38" onclick=selectClick('tree',obj38); >→→→漢字的演變</option>
            <script type="text/javascript">obj39= new Object;obj39.sid = 39;obj39.seq = 2;obj39.lv = 3;obj39.lvText = "字形的正體、俗體、異體";obj39.upLvSid = 10;obj39.isShown = 1;obj39.isNetvigated = 1;obj39.url = "/cle/pages/webSiteReferenceList.php?sid=39&upLvSid=10";obj39.remarks = "";obj39.lastUpdate = "2011-03-16 14:25:54";obj39.uiNextSeq = 0;obj39.nextSid = 160;</script>
            <option value="39" onclick=selectClick('tree',obj39); >→→→字形的正體、俗體、異體</option>
          </select>

Regards,
Man Pak Hong, Dave

manpakhong@hotmail.com

Hey guys and thanks in advanced for helpin' me out with this one.

Anyways, I'm building a sort of "Advanced" search functionality.

I want to give the user the ability to select multiple checkboxes in different categories (forms) but to be able to account for each checkbox even though they are in different forms.

For example a Newspaper might have a search for an article by:

Code:

<FORM>(form name = "formONE")
Paper Type
Weekly  []
Daily   [x]
Monthly []

{SUBMIT BUTTON}
</ FORM>

<FORM> (form name = "formTWO")
Location
Upper East  []
Null County []
Down South  [x]

{SUBMIT BUTTON}
</ FORM>

<FORM> (form name = "formTHREE")
Article Section
Lifestyle  []
Sports     [x]
Weather    []
Finances   []

{SUBMIT BUTTON}
</ FORM>

SO looking at the above...If the user "checked" (I placed 'x' in there) those boxes...and clicked ANY of the submit buttons, I want to be able to pull-in EACH of the checked items from ALL THREE of the forms.

What is happening now with my code, is I'm only getting the results for the form which I clicked the 'submit' button in.

I know you might ask, "why not just put them in one form?"... but I have them in separate forms because I want the user to have the ability to "CHECK/UNCHECK ALL" for each category (i.e. Paper Type, Location, Article Section...)

Is it as easy as just wrapping all of those forms in one GIANT form, and supply each submit button with the name of that GIANT form?

I hope this makes sense, and let me know if you need anything else at all...it's the last piece of this search and I just want to get it out of the waY!!

Thanks guys!

i made this site today and for some strange reason, it will not show up in IE AT ALL!!!!!what is wrong with it?
heres link
http://ascskate.ueuo.com/testpage.htm
and code
HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>pixelbypixeldesigns | welcome to pixelbypixeldesigns
<style type="text/css">
<!--

 body,td,th {
	font-family: "Century Gothic";
	font-size: 12px;
        font-weight: bold;
	color: #FFFFFF;
	background-repeat: no repeat;
}
body {
	background-color: #000000;
	background-image: url(bg.jpg);
        
 }
#Layer2 {
	position:absolute;
      	top:0px;
	width:750px;
	height:100%;
	z-index:1;
	left:216px; 
      
                
        
}
#layer1 {
        width:100%;
        top:0px;       
        height:50px;
        z-index:2;
        left: 216px;
       
}

#footer {
       position: absolute;
       bottom: 0;
       width:800px;
       height:25px;
       z-index:3;
      
}
#drop {
padding:0;
margin:0;
height:2em;
list-style-type:none;
border-left:1px solid #FFFFFF;
}
#drop li {
float:left; 
width:5em; 
height:2em;
line-height:2em;
border-right:1px solid #00000;
position:relative;
text-align:center;
}
#drop li a, #drop li a:visited {
display:block;
text-decoration:none; 
color:#FFFFF;
}
#drop li a span, #drop li a:visited span {
display:none;
}
#drop li a:hover {
border:0; /* needed to trigger IE */
color:#000000;
}
#drop li a:hover span {
display:block;
width:5em;
height:2em;
text-align:center;
position:absolute; 
left:-2px; 
top:-3px; 
color:#00000; 
cursor:pointer;
}

.date {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	border-top-style: none;
	border-right-style: none;	
	border-left-style: none;
 
	border-bottom-color: #FFFFFF;
	font-family: "Century Gothic";
	border-bottom-width: 1px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #990000;
	background-color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

//-->
</style>
</head>
<body>


<div id="layer2">

<div align="left"><img src="top.png"></center>
<center><ul id="drop">
<li><a href="#nogo">About</a></li>
<li><a href="#nogo">Porfolio</a></li>

<li><a href="#nogo">Contact</a></li>
<li><a href="#nogo">Links</a></li>
<li><a href="#nogo">FAQ</a></li>
</ul></center>
</div>

<p class="date">10.25.06</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi ut massa. Fusce eleifend facilisis tortor. Nullam quis urna. Quisque sagittis ligula. Etiam commodo neque vel mauris. Quisque ac nunc. Fusce laoreet mi in velit gravida accumsan. Cras venenatis feugiat enim. Sed mattis mattis odio. Ut mattis cursus augue. Morbi eros leo, luctus et, semper sed, aliquam ut, lacus. Praesent et urna ac dolor egestas eleifend. Curabitur aliquam eleifend neque. Fusce sed odio. Nullam sapien. 


Nullam libero urna, accumsan vel, tempus sit amet, pharetra sit amet, quam. Proin cursus. Ut neque sapien, venenatis eget, adipiscing ac, gravida quis, nisl. Sed nec magna. Nulla dignissim mollis libero. Cras gravida lectus a enim. Etiam eleifend suscipit pede. Nulla facilisi. Etiam nec augue vitae dui venenatis eleifend. Nunc malesuada interdum lorem. Sed porta nibh pharetra nunc. Suspendisse eu dolor. Donec auctor. Praesent pulvinar orci non urna. Donec ornare vestibulum lectus. Vivamus rhoncus, justo vel ornare feugiat, libero felis rutrum nisi, in vulputate mi orci non lectus. 
<p><a href="#">test link</a></p>

Etiam velit dolor, condimentum et, faucibus in, condimentum sit amet, magna. Suspendisse lobortis volutpat turpis. Integer nisi augue, feugiat quis, sagittis non, posuere ac, dui. Pellentesque id turpis id ante fermentum laoreet. Vivamus at arcu. Vivamus at purus vitae elit fringilla euismod. Duis nec nisi. Cras non nisi et augue blandit posuere. Sed dignissim ornare purus. Cras mollis, turpis id vulputate pretium, mauris mi tempus urna, sit amet dapibus risus risus vel mauris. Ut massa. Quisque eleifend. Praesent vel urna. Nam ornare ligula sit amet velit. Cras dolor nulla, nonummy sit amet, congue sed, commodo id, sapien. Ut quis eros eget mi molestie ornare. Nulla venenatis quam a lorem. Praesent non neque quis elit bibendum ultrices. Praesent eleifend dolor quis ligula. 







</div>


<div id="footer" align="right"><a href="#">Home</a> | <a href="#">About</a> | <a href="#">Portfolio</a> | <a href="#">Contact</a> | <a href="#>Links</a> | <a href="#">FAQ</a>
</body>


</html>

Does anyone know where I can find a script that will allow a bunch of pictures to be changed into a slideshow. But I need this slideshow to be of pictures scrolling horizontally. where it just keeps looping. does that make sense?