Making Simple Quiz Using HTML / Showing Answers By Clicking Button
Apr 1, 2010
I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed.Is this possible in a simple way? Sounds quite straight-forward.Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)..
View 6 Replies
ADVERTISEMENT
Nov 4, 2010
I 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>
View 6 Replies
View Related
Apr 18, 2011
My client wants a simple quiz with the correct answers displayed if they get them wrong. I used code from somewhere on this site, but this is the first time I have ever wrote javascript. My problem is: When the scored answers are displayed in the new window, there are no spaces. How do I format the script to display text with breaks between each answer?
[Code]...
View 13 Replies
View Related
Feb 10, 2011
this is my first visit here so I would like to introduce myself.I`m Krystian :)I`m a newbie in Ajax, jQuery.
I've created a php file which contains form ( form.php ). This file is inserted after button click in index.php. In index.php I`m including jQuery library. My problem is that: when I`m trying the code below, just for test. This is not working. JS console doesn`t show any errors. Why such a simple code is not visible with form? When this example will work then I would like to code something much more difficult on this form. Best Regards Krystian. p.s. When I`ve created form directly in index.php alert occurs.$("select#numberPers").change(function(){ alert('you have changed the select option field');
View 1 Replies
View Related
Apr 2, 2010
My code goes through the answer function (below) and it determines if you answered green. If you answered green a popup says correct other wise incorrect. How can I modify my code so that I can add multiple answers for different questions.Example q1.html what color is the grass? q2.htm what color is the sky? now in my javascript every question is going to go through the answer function and think the answer is green. that would be correct for q1.html but what if i am on q20.html and it goes through the answer function. It will think the answer is green. So how can i change the code so q1.html knows that the answer is green. q2.html knows the answer is blue?
[Code]...
View 1 Replies
View Related
Aug 23, 2011
I was just wondering whether there is a way to hide an element on another page after clicking on a button?Basically, I have a login page, and for testing purposes, I want it so when you click a button, it runs some javascript in a file called ajax.util.js, and I have a jQuery file attached to the HTML file as well URL..., and I am using Google App Engine, which im not sure whether thats relevant. I tried using the show and hide functions provided by the jQuery file, but no luck, i want to hide an element which is a link with ID admintools. I have also tried getting the element by ID and changing the display style to none and hidden but still no luck. Im not sure whether its only possible to hide elements in the login.html page.
What I want it to do basically is click on the submit button in the login page, it will then run a javascript function which redirects you to index.html (which i am doing using window.location), and then hides an element in the index.html page (id=admintools).
View 1 Replies
View Related
Feb 15, 2012
What I want to do which I can't achieve is that I want the functionality of the Option Type, Number of Answers and Answer buttons within each row to match the functionality on top. The problem is that under the "Answer" column within the new row it does not allow the user to select a button and the textbox under the "Number of Answers" button doesn't do anything but just display a number within the textbox.
Step 1: Open the fiddle and you see an options and answers section on top. Open the grid and select option 8. Buttons A to H would appear.
Step 2: Type in 2 in the Number of Answers Textbox.
Step 3: Select buttons A and D, you will find out that those buttons would turn green to show they are selected. Now as you entered in 2 in the Number of answers textbox (step 2), it won't let you select more than 2 buttons, if you do an alert would apear stating you are beyond limit please deselect a button to choose another button.
Step 4. Click "Add Question", a new row is added in the table.
Step 5: In the new row you just created, lets say that oh no I made a mistake, there should be 4 answers not 2 answers and within the table row you just added you changed the number of answers textbox from 2 to 4. My question is how can I get it so that it allows the user to select the buttons (turn buttons green) and deselect (turn buttons white) under the "Answer" column within in the row and that if the user has selected 4 buttons but tries to select a 5th button, it will come up with same error as in Step 3?
View 1 Replies
View Related
Mar 23, 2011
Apologies if this question has been asked a million times. I am fairly new to this game, have got my head around html & css and now it's time to add a little interactivity... BUT i've hit my first brick wall. I am setting up a (big) panel of text which i wish to present in a more reasonable fashion by hiding the content and only showing the headers. Got the Hide:Show function working ok as shown below, but I am stuck on my next requirement...
Basically The hidden text will show and hide when told by clicking on the relevant header - but i wish to hide the text in a visible area when clicking on a new header.
[Code]....
View 3 Replies
View Related
Sep 19, 2010
I'm getting started at javascript and jQuery, I want to make a calculator for my services, for example, checking a box will add value to a total.For example theres a textbox that asks how much gallons of paint will be used, the value of each gallon is 30 dollars, so the user can write for example 2 on the input and a div will output 60. I think that would be made with .change(), but in the demo of the documentations appears a selection list, and I can't figure out how to make an input work like that.
View 1 Replies
View Related
Jun 3, 2011
I have this as my Dialog Javascript
$( "#dialog-form<?php echo $diagnumber; ?>" ).dialog({
autoOpen: false,
height: 300,
[code]....
View 2 Replies
View Related
Jun 30, 2011
how to make the following two simple image galleries:This one displays a specific image when its link is clicked ((URL address blocked: See forum rules)/tests/gallerysimp.html) And this one displays the previous/next image for whatever's showing ((URL address blocked: See forum rules)/tests/prevnext.html). (During its code, it points to this .js file ((URL address blocked: See forum rules) /tests/ nextPrevious.js).)
My question is, how do I combine those two galleries? How can I make one gallery that contains both kinds of links? Since the two galleries were copied from different places, the names they use aren't the same, and I'm not sure what to change to make it all unified. (I tried fiddling with it for over an hour before giving up.)
View 12 Replies
View Related
Sep 5, 2009
I need to use javascript in a way in which it will keep clicking a button. The source code for that button is below:
<script type="text/javascript">
function set_opacity(id, opacity) {
element = document.getElementById(id)
[code]....
Therefore, I need javascript to keep clicking the button until it has clicked it 375 times.
View 3 Replies
View Related
Jul 20, 2005
I have a graphic with a rollover for site navigation on each page. I
put the page to go back to in the rollover javascript.
My question is, is it possible to put in some code that will refer the
visitor back to whatever page they came from rather than one I
specify?
The rollover is combined with a tooltip script to make matters fun
(below). However, I'm quite happy to lose the tooltip to have the link
perform as a back button.
<a href="../index.asp"
onmouseover="document.images['link1'].src=img2.src;
showtip(this,event,'Back to home page');"
onmouseout="document.images['link1'].src=img1.src; hidetip()";><img
src="bhome.gif" name="link1" border=0></a>
View 3 Replies
View Related
Feb 2, 2010
I want to have a big image and say 5 small thumbnails underneath. When the user clicks a thumbnail, the image loads where the previous big image was. Is there a standard way to do this?
View 3 Replies
View Related
Jul 20, 2005
Is there some way to access an attribute to a tag that I've made up? Eg:
<INPUT type="text" name="phone" size=12 validate="area_phone_au">
I can get the type using:
document.formname.phone.type
But I don't seem to be able to access the 'validate' attribute:
document.formname.phone.validate
Anyone know if there's a way? If there's not, is there some other simple way
to specify validation information for a field? I could do something like:
<INPUT type="text" name="phone" size=12>
<SCRIPT> add_validation(document.formname.phone, "area_phone_au") </SCRIPT>
<INPUT type="text" name="state" size=4>
<SCRIPT> add_validation(document.formname.state, "format:AAA?") </SCRIPT>
The 'validate' function would then store the reference to the field and the
validation information. On submit, we validate all the fields by searching
all the references to see if they're in the form we want. (Have to work
that one out too!)
I'd prefer not to have to add script elements to do the validation. I'd
prefer to be able to store it in an attibute to the field. Of course I
could add it to an eventhandler for the field such as:
<INPUT type="text" name="state" size=4 onFocus="add_validation(this,
"format:AAA?")">
But that's still messier than I'd like it. Of course, all JS cases,
add_validation would have to check to see if it already knew about the
field!
View 1 Replies
View Related
Sep 19, 2010
I have a button at the bottom of the page and when i click on it, the page goes to the top.I want the page to stay at the bottom.I tried to use window.scrollTo(0,1200); which works only for a quick second and then continues to go to the top.I found the link, but nobody ansewered at the end: with subject: Scroll down after onclick event So, how can i set the scroll bar to stay at the bottom?
View 4 Replies
View Related
May 23, 2009
i am trying to "click" a button thats outside of the iframe (on the main page)..I can not seem to get it working... here is the code
Basic.html
===============
<iframe width="600px" height="250px" id="infoFrame" name="infoFrame" src="test.html" scrolling="no" frameborder="0"></iframe>
<input name="closeSlide" id="closeSlide" type="button" onclick="$('.btn-slide2').click();" />
test.html
===============
<input name="close" type="button" onclick="parent.document.getElementById('closeSlide').Click();" />
View 1 Replies
View Related
Sep 7, 2010
I just want to know how to add the same panel by clicking on a button right below the button..
View 1 Replies
View Related
Feb 18, 2011
I am really new to JS (literally just starting looking into it) and I was wondering if anybody could help me or give any suggestion as to how build a comment box which appear when a user click on the comment button.Now I had a stab at that but my JS skills are still really poor. Here's what I came up with after sometime looking around on the net and getting (or at least trying to) action some suggestions I managed to get here and there:
HTML Code:
<html>
<head>
<style type="text/css">[code]......
View 4 Replies
View Related
Jun 27, 2010
I need to have a simple text input field on a html page. It needs the users to type in either:
And depending on whats entered this will then take them to the corresponding:
Is this possible with javascript?
View 1 Replies
View Related
May 27, 2009
[code]I've got a long navigation, and pages slide in and out of view.Troubles are, if the user impaitently clicks a load of links while the page loading and sliding in is happening, it melts my (probably poorly written) code.So, I'm trying to stop the user from clicking on any other buttons,while the page loader is doing it's thing.
View 8 Replies
View Related
Jul 12, 2009
My name is James Weil, I'm 14. I've been working on graphics for around a year, and I've been trying to learn CSS, HTML, and Javascript. So anyways, heres my question. I have this simple rollover button. Heres the code.
[Code]...
View 4 Replies
View Related
Mar 20, 2010
i am trying to make the page refresh with a simple button but don't know how ?
<form name="input" action="submit.php" method="get">
<input type="submit" value="Submit" />
</form>
that's what i got so far was gonna just make it submit the sql but i want it to refresh the page nowi have found a refresh button here is the code
<!-- ONE STEP TO INSTALL REFRESH BUTTON:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
<BODY>
<div align="center">
<script LANGUAGE="Javascript">
<!-- This script and many more are available free online at -->[code]....
View 1 Replies
View Related
Jul 26, 2010
When a button is clicked, the button then disables (as well as running its normal function).Obviously I'm used to using this.disabled=true but in this instance I cannot access the onClick in the <input> tag because the page is hard coded by a third party application.So I'm trying to make a function which locates the button, notices if it's been clicked and disables it on click. Seems easy to me! However I cannot make it work!Here are the two variations I've tried (both call the function in the page onLoad):
function disableButton() {
document.getElementById('submit').onclick=document.getElementById('submit').disabled=true;
}
[code]....
View 2 Replies
View Related
Nov 9, 2000
I need to know how to use Javascript to test if any one of a series of radio buttons has been checked. There's a catch, though: The radio buttons and their values are dynamically generated out of a database, so there's no way of knowing ahead of time how many radio buttons there will be or what the value associated with each button will be. Thus, I can't simply test the value of each button separately, nor can I use an array unless I can figure out how to count how many options there are when the page is dynamically generated. It seems like there should be any easy way!
View 1 Replies
View Related
Jul 23, 2005
I'd like to put a button on a page. When clicking the button, the
table below it gets selected so the user can do Ctrl C to copy the
entire table without using the mouse to select the table which can be
big. How do I do it using javascript? I tried:
View 13 Replies
View Related
