I am trying to add a dropdown list with the point values 1, 2, 3 ,4.If I use the number 1 from the dropdown for the first question, I need it to not allow the user to use that value again for questions 2, 3, and 4.
View 1 RepliesI have to create a page having drop down lists in such senario:-My page shows a drop down to select "country" . After selecting country from it , the page shows another drop down to select "state" (here state are only of that particular country).After selecting state, the page shows another drop down to select "District".
View 1 Replies View RelatedI have two dropdown lists, and I want to have each option from the first dropdown list to give the specific options on the second dropdown list. For instance,
<select name="module">
<option value="pic1.jpg>TM1</option>
<option value="pic2.jpg>TM2</option>
<option value="pic3.jpg>TM3</option>
[Code].....
Note: The option values are just examples, but each option must have a value in order for other things to work.
Here is what I need to do:
If TM1 is selected, only Box1 and Box 2 are available (Box3 is removed from the dropdown "location" list);
If TM2 is selected, only Box 2 is available (Box 1 and 3 are removed from the dropdown "location" list);
If TM3 is selected, all options in the dropdown "location" list are available.
I have two dropdown lists, and I want to have each option from the first dropdown list to give the specific options on the second dropdown list.Anyway, let me show you what I really want to do. Please see the code below. If you want to properly run this, please make six dummy images and name them as followed: silo_1_ empty.jpg, silo_2_empty.jpg, silo_3_empty.jpg, tm1.jpg, tm2.jpg, tm3.jpg.What I want to do next is to apply a restriction to the dropdown lists. For instance, if TM#1 is selected, only Silo1 can be selected from the LOCATIONS, and Silo2 and 3 will be removed from the option. If TM#2 is selected, Silo 2 and 3 can be selected and Silo 1 will be removed. TM#3 can be in all locations.
In total, there are 12 modules and 20 locations. Each module image can only appear in one location at a time, but the options to select a location are restricted.
Im just wondering if anyone knows how to create a dropdown menu which lists all anchors on that page dynamically?
View 3 Replies View RelatedI am trying to figure out how to dynamically show/hide certain form elements based on the selection from the drop down list.My form is defined like so[code]...
View 6 Replies View RelatedI have a Custom Dropdown Lists that converts Option tags to UL tags with jQuery. The Dropdown List is working perfectly as long as theres just one on each page.I'm trying to figure out how i can have multiple Dropdown Lists (in this case two) on the same page, and how to populate the second Dropdown List (with say Cities from the Country) based on the selection made in the first Dropdown.
View 2 Replies View RelatedSo my problem is that I've got a main navigation with a dropdown menu underneath "products". I positioned the dropdown menu, set it to display: none, then wrote jQuery to slideToggle the menu when a particular LI is hovered over. The issue is that when I hover over the "Products" LI and try to hover over the dropdown, it disappears because I'm no longer hovering over that LI.
You're probably thinking "Just make nested lists!!!!". Well, I don't want to. I've got some jQuery being applied to the main navigation that I don't want to effect the dropdown. I just want a way to be sure the dropdown is open when the mouse is hovered over either the main LI or the dropdown UL and that the dropdown is closed when the mouse is hovered over neither.
In my code I've tried to make it so that if the mouse is over the dropdown UL it stays open, but the mouse leaving the LI trumps that maybe? HELP PLEASE! My HTML and jQuery is below.
[Code]...
Dependable dropdown lists (4 level)
1 Level dropdown list
2 Level dropdown list
3 Level dropdown list
4 Level dropdown list
Every dropdown list is depends on another dropdown list
For example if I select a value from 1 dropdown list then 2 dropdown list will appear. And then I select a value from 2 dropdown list then 3 dropdown list will appear. And if I select a value from 3 dropdown list then 4 dropdown list. Multiple selection will be enable. It means every dropdown list may have hundreds of values. Thus, In this situation of multiple selection of values I analyze that, use of dropdown isn't suitable because if a dropdown value has 500 related values then these 500 values disturb the page design.
I'm trying to create/add options to select elements in a form. My form has several select elements, only first is actually populated and visible. Each select element is on a seperate table row. Depending on the option chosen in the first select list, another row (select element) becomes visible which is then populated depending on the option chosen. I accessed the select element and created the option(s) using this format
[Code]...
I have a code for a dropdown down list:
<select id="pickone">
<option id='first_time_user'value ='First Time User'>First Time User</option>
<option id='frequent_flier'value ='Frequent Flier'>Frequent Flier</option>
<option id='buying_a_degree' value ='Buying a Degree'>Buying a Degree</option>
</select>
Im trying that when i click a submit button, I can add a certain element to each of those options. Does anyone know how? I want to display an alert for option[0] and for each option[1] and option[2], i want to multiply a total_cost feature by a percentage, 0.75 for option[1] and 0.5 for option[2]
On my site, when you select something from the first drop down box, javascript creates the options to appear in a second drop down box.
I have this code:
function addOption(selectbox, value, text)
{
[code]...
I need to add phrases contained in a select box to a textarea box with a comma between the phrases, like this: "new, low mileage, air"
I have a script from another post that adds the words, but writes over the previous word: Code:
I have a verticle dropdown menu, which works nicely. The problem is when the window is resized the menu and submenu stay's in it's fixed position, this means that user has to scroll down the page to access bottom links of large submenus. Is there a way to make the menu's shift up depending on the elements in them and the size of window or even have a scroll bar.
View 2 Replies View RelatedI am looking for the ability to add dropdowns (B, C, D etc) dynamically when one of the option in dropdown (a) is chosen.
View 1 Replies View RelatedIve made the quiz works fine but instead of a box which displays the percentage I would like to have a pop up box when they click the submit button, also inside the pop up box it displays i.e. you got 4 out of 10 for example.
<HEAD>
<script language="JavaScript">
var numQues = 10;
[code].....
I wrote quiz using HTML and JavaScrip. Score is accumulated in a variable called myScore. Now I want to email the result of myScore to an email address. How do I go about doing this? I don't want to use the mailto: command since that require that user actually press the send command to send the email. I want this done automatically after user finishes the quiz.
View 4 Replies View RelatedI was tasked with creating a JavaScript quiz...I succeeded in doing so but part of the requirement was to use hidden fields for the answers.
Would this be possible using the code I currently have:
I am making a simple multiple choice quiz and if user gets all correct i need it to automatically go to a new page rather than having a manual button for that so they cant move on until all questons are answered correctly.
View 13 Replies View RelatedThe page will display brief instructions followed by a table containing the quiz.The first is with the Score() function which reads as follows:
function Score(){
for(i=1;i<=10;i++)
if(ans[i]== yourAns[i])
[code]....
Now unless I'm mistaken (which I am since the score isn't being tabulated correctly) this function essentially uses a for to cycle through both arrays, comparing the user's input against the array containing the right answers. If the contents within index i are the same on both arrays the score increases by one point. Once it cycles through the arrays, it passes score over to prequiz.score.value which will later pass this number to the text box that will display the grade to the user.
Thinking it was the setAnsArray(question, answer) function I added a document.writeline to it. However it showed that the values were being passed correctly to the answer array. Added a document.writeline to the Score() function. Unlike the point above, score always displays as 00000 regardless of how many right answers I provide.
The second issue I'm having is that the reset button is not working correctly. If I hit reset and answer the first question, the score will come back as double the score displayed before.
<?xml version="1.0" encoding= "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
[code]....
I'm trying to make a Quiz that generates random pictures each time the page is launched , with multiple options for the user to choose the right answer satsifying the picture and its meaning .
I've made the pseducode and i understand the algorithm ..but i don't know how to write the statements .
My algorithm is :
1-Random picture is shown each time the page is launched.
2- 6 Buttons are placed .
3-user choses the right matching answer.
4- window is popped up saying "correct"when its correct if not , an alert saying ;'Your answer is incorrect. Please try again"
So this is the code i've made , i know there's errors but just to show the Idea.
//I can't figure out how to highlight the correct answer, I wrote a highlight function but it doesn't seem to work.
var useranswers = new Array();
var answered = 0;
function renderQuiz() {
[code]....
i'm creating a ASP page, which is going to have a form in it that needs filling out. part of the form will be a table with a header row, then the next rows will have text boxes that need filling out. is there a way of putting in a dropdown box that contatins numbers that will dynamically show the rows. for example if i select 5, then five rows of text boxes will appear. if i select 14 then 14 appear.
View 3 Replies View RelatedI want to make a simple quiz in HTML using JavaScript. I have made a web page called scoreboard which contains two tables. I have attached the screen shot of how the web page looks as well as the coding here with this msg. below is the description of my web page. If you find it lengthy or not understandable, pls refer my attached image of the web page.
Description: one table contains two rows - one for direct answers and another for answers which are given during their pass chance in the quiz. There are four buttons - Team A, Team B, Team C and Team D for both the direct and pass. And the second table contains four text boxes which which displays the score for each Team.
Now, in my web page i have typed the required coding so that when in click the TeamA, TeamB,...buttons in the direct row, the score board for Team A adds up 10 points.
Now i want to add 5 points for the respective teams when i click their team button in the pass row. I am not able to code that. the code goes below.
<html>
My assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please keep in mind this isn't the whole code as I have different linking files for this assignment.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<!-- Assignment CH10 Solution -->
<html xmlns = "[URL]">
<head>
<title>Online Quiz</title>
<script type = "text/Javascript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
} function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} end function checkAnswers
-->
I want to run a quiz competion on my website in which after logging any user play that quiz, like I will give 50 question to solve in just 3 min time, all will be objective question, now after that 3 min, quiz will automatically end and all users marked answer entered to the database, means he has not press any submit button, but after specific time all answer automatically enter in the database, and he come out from it..
Now I am using this timer:
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "[URL]">
<html><head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><body>
<?php
$dateFormat = "d F Y -- g:i a";
$targetDate = time() + (1*60);Change the 25 to however many minutes you want to countdown
$actualDate = time(); .....
Where to bring changes or which new thing is to be added.