|
JavaScript - Why Can't I Get My Answer To Display?
[Hi all! I am obviously new to Javascript, blah blah blah, etc ... Please help me by pointing out what is wrong with my code while changing as little as possible ... and if you could also please explain the part that says
t = total( parseFloat(a,10), parseFloat(b,10), parseFloat(c,10), parseFloat(d,10)); if(!isNaN(t)) f.value = t; as I copied that portion from someone and I really don't understand it. Thank you soooo much!] <html> <head> <title>Problem 3</title> <style type="text/css"> body { background-color:blue; font-family:verdana; font-size:large; } input { width: 60px; } </style> <script type="text/javascript"> var f = (a*0.1)+(b*0.15)+(c*0.25)+(d*0.2)+(e*0.3) if ( grade5Obj.value.length < 1 ) alert("Please enter a grade in every box!"); else displayObj.value=ourText + nameObj.value + '!'; }; function update() var a = document.getElementById( 'grade1' ).value, b = document.getElementById( 'grade2' ).value, c = document.getElementById( 'grade3' ).value, d = document.getElementById( 'grade4' ).value, e = document.getElementById( 'grade5' ).value, f = document.getElementById( 'ans' ), t=0; t = total( parseFloat(a,10), parseFloat(b,10), parseFloat(c,10), parseFloat(d,10)); if(!isNaN(t)) f.value = t; </script> </head> <body> <form action="" method="post"> <p>Enter the first grade <input id="grade1" onkeyup="update()"><br> <p>Enter the second grade <input id="grade2" onkeyup="update()"><br> <p>Enter the third grade <input id="grade3" onkeyup="update()"><br> <p>Enter the fourth grade <input id="grade4" onkeyup="update()"><br> <p>Enter the fifth grade <input id="grade5" onkeyup="update()"><br> <p>Your final grade is <input name="finalGrade" readonly="true"> <input type="button" value="Click me!" onclick="finalGrade value=document.getElementById( 'ans' )"></p> </form> </body> </html> Similar TutorialsI need to alert the answer 31 but keep getting 34. It has to go like this ticket*reward+cost. It would be 24+4+3=31. I would need to times the tickets by rewards then add the cost after. How would I alert this? Code: <html>
<head>
<link rel="stylesheet" type="text/css" href="movie_ticket.css" />
<title>Movie</title>
<script type="text/javascript">
function ticketOrder()
{
var cost;
var ticket;
var reward;
var movie;
movie=document.movieTicket.selUpcomingMovie.value;
if(document.movieTicket.radTicket[0].checked)
{
ticket=document.movieTicket.radTicket[0].value;
ticket=parseInt(ticket);
}
if(document.movieTicket.radTicket[1].checked)
{
ticket=document.movieTicket.radTicket[1].value;
ticket=parseInt(ticket);
}
if(document.movieTicket.radTicket[2].checked)
{
ticket=document.movieTicket.radTicket[2].value;
ticket=parseInt(ticket);
}
if(document.movieTicket.radTicket[3].checked)
{
ticket=document.movieTicket.radTicket[3].value;
ticket=parseInt(ticket);
}
if(document.movieTicket.radTicket[4].checked)
{
ticket=document.movieTicket.radTicket[4].value;
ticket=parseInt(ticket);
}
if(document.movieTicket.radReward[0].checked)
{
reward=document.movieTicket.radReward[0].value;
reward=parseInt(reward);
}
else if(document.movieTicket.radReward[1].checked)
{
reward=document.movieTicket.radReward[1].value;
reward=parseInt(reward);
}
if(document.movieTicket.chkPopcorn.checked)
{
var popcorn=document.movieTicket.chkPopcorn.value;
popcorn=parseInt(popcorn);
cost=popcorn;
}
if(document.movieTicket.chkSoda.checked)
{
var soda=document.movieTicket.chkSoda.value;
soda=parseInt(soda);
cost=soda;
}
if(document.movieTicket.chkCandy.checked)
{
var candy=document.movieTicket.chkCandy.value;
candy=parseInt(candy);
cost=candy;
}
alert(ticket*reward+"cost");
}
</script>
</head>
<body>
<div id="Header">
<h2>The Chicago Movie Palace</h2>
<p><h2>We have the best ticket prices!!</h2></p>
</div>
<div id="main_content">
<form name="movieTicket">
How many tickets would you like to order?<br />
1 Ticket<input type="radio" name="radTicket" value="1" /><br />
2 Tickets<input type="radio" name="radTicket" value="2" /><br />
3 Tickets<input type="radio" name="radTicket" value="3" /><br />
4 Tickets<input type="radio" name="radTicket" value="4" /><br />
5 Tickets<input type="radio" name="radTicket" value="5" /><br />
Are you a member of our theater?<br />
Yes<input type="radio" name="radReward" value="8" /><br />
No<input type="radio" name="radReward" value="10" /><br />
Would you like any food or drinks with your movie?<br />
Popcorn ($4)<input type="checkbox" name="chkPopcorn" value="4" /><br />
Soda ($3)<input type="checkbox" name="chkSoda" value="3" /><br />
Candy ($3)<input type="checkbox" name="chkCandy" value="3" /><br />
Which movie would you like to see?
<select name="selUpcomingMovie">
<option value="Immortals">Immortals</option>
<option value="J Edgar">J Edgar</option>
<option value="Sherlock Holmes:A Game of Shadows" >Sherlock Holmes:A Game of Shadows</option>
</select>
<p><input type="button" name="btnSubmit" value="Order Tickets" onclick="ticketOrder()" /></p>
</div></form>
<div id="location_info">
<p><span class="highlight">4789 N. Potterville St.</span></p>
<p><span class="highlight">Telephone Number 1-312-589-6217</span></p>
</div>
</body>
</html>
Hi I need a java script code that it allow users to post their questions and I can answer them . How can I do so ? Best regards eeeeeee
Hey guys! I've been searching for a multi-answer script for a 'sort of' quiz I'm making (it's not really a quiz, but I figure it's a similar concept). Example of what I want: Please Select which recipe you'd like: [checkbox1] Chocolate Brownies [checkbox2] Chocolate Chip Cookies [checkbox3] Strawberry Cake [checkbox4] Apple Pie |Submit| If they choose only Chocolate Brownies, then it'll take them to a page with just the brownie recipe, but if they choose Chocolate Brownies and Chocolate Chip Cookies it should take them to a second page I'll make with both recipes on it, etc. I know it's a lot of pages based on how many possible selections, but that's as far as my knowledge goes on how to do this. Any help would be SO appreciated! Thanks, Shia EDIT: I'd like the new information to appear in a new window for easy printing. This question probably has an obvious answer, but I'm an ActionScript guy and not a JS guy. I was just playing around with getting intervals to work with JS and ran into this weirdness. The page in question is he http://erikphansen.com/intervaltest.html It will remove the text on the page and add new text every 500ms. Click anywhere to stop it. It works fine in Safari. In Firefox it runs once, then seems to cause Firefox to just hang. The spinner just runs on the tab and nothing gets updated. To make things more unusual, refreshing the page in Firefox doesn't do anything. Here is the code: Code: theCounter = 0;
function writeText(arg)
{
theCounter++
document.write("<p>" + arg + " " + theCounter + "</p>")
}
function stopTheStuff()
{
clearInterval(myInterval);
alert("we stopped it");
}
// Two different ways of setting intervals have the same issue...
// ...and both work in Safari for Mac
// myInterval = setInterval("writeText('write this: ')", 500);
myInterval = setInterval(writeText, 500, "write this: ");
document.onclick = stopTheStuff;
Help show a newbie the way! Thanks a lot, Erik HELP PLEASE!! Really need to get this working tonight!! I am applying for a design job and must be able to show my portfolio electronically!! **If there is a reason no one is answering, please tell me** I dont think it is that far off, but clearly something is stopping the rollover effectst for all projects EXCEPT "annual report" which is what i want the others to be like. Please, please, please help me!! Visit link: http://twentyfourdesigns.com/portfolio2.asp to see example of what i have and what isnt working. PLEASE HELP!! (Visit link: http://twentyfourdesigns.com/portfolio.asp to see how the code worked BEFORE separating out into jumps/anchors (only works in ff and safari at the moment...i'll worry about ie later as i only need it to work on a mac at the moment) **page code** Code: < <head>
<title>Welcome to Twenty-Four Designs</title>
<link rel="favicon" HREF="http://twentyfourdesigns.com/favicon.ico" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/noobslide.js" type="text/javascript"></script>
<script src="js/portfolio.js" type="text/javascript"></script>
</head>
<body>
<div id="wrap">
<div id="header"><img src="Images/24designsLogo.png" alt="Twenty-four Designs Logo" width="264" height="92" class="photo" /><a href="mailto:deb@twentyfourdesigns.com"><img src="Images/DebSmithContact.png" width="279" height="92" class="photo2" alt="Deborah Smith's Portfolio" /></a></div>
<div id="slide-mask">
<div id="slide-images">
<img src="Images/PortfolioImages/MiddlefieldFront.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread1.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread2.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread3.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread4.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread5.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldBack.png" alt="" />
<img src="Images/PortfolioImages/VerizonDroidWrap.png" alt="" />
<img src="Images/PortfolioImages/VerizonCavsInvite.png" alt="" />
<img src="Images/PortfolioImages/VerizonSMBGuide.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitFront.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitInside1.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitInside2.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitBack.png" alt="" />
<img src="Images/PortfolioImages/PerfcoPC1.png" alt="" />
<img src="Images/PortfolioImages/PerfcoPC2Cover.png" alt="" />
<img src="Images/PortfolioImages/PerfcoPC2inside.png" alt="" />
<img src="Images/PortfolioImages/PerfcoBillInsert.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogFront.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread1.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread2.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread3.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept1Cover.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept1Spread1.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept1Spread2.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Cover.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread1.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread2.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread3.png" alt="" /></div>
</div></div>
<div id="slider">
<ul class="navigation">
<li><a href="#AnnualReport">Annual Report :</a></li>
<li><a href="#Verizon">Verizon Wireless :</a></li>
<li><a href="#PressKit">Press Kit :</a></li>
<li><a href="#Perfco">Perfco :</a></li>
<li><a href="#Century">Century Windows :</a></li>
<li><a href="#UCC">United Church of Christ</a></li>
</ul>
<div class="scroll">
<div class="panel" id="AnnualReport"><p class="text"><strong>Middlefield Banc. 2008 Annual Report</strong> : Printed Four Color Process on Coated Paper</p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/MiddlefieldFront.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread1.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread2.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread3.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread4.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldSpread5.png" alt="" />
<img src="Images/PortfolioImages/MiddlefieldBack.png" alt="" /></div></div>
<div class="panel" id="Verizon"><p class="text"><strong>Verizon Wireless</strong> : Slide One - Motorola Droid Box Sleeve : Slide Two - Cleveland Cavaliers' VIP Invite : Slide Three - Small Business Guide (Internal Website)</p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/VerizonDroidWrap.png" alt="" />
<img src="Images/PortfolioImages/VerizonCavsInvite.png" alt="" />
<img src="Images/PortfolioImages/VerizonSMBGuide.png" alt="" /></div></div>
<div class="panel" id="PressKit"><p class="text"><strong>Rock. Ride. Remember. Press Kit</strong> : Printed Four Color Process on Coated Paper : All Over Dull with Spot Varnish : Custom Die Cut </p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/DCPressKitFront.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitInside1.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitInside2.png" alt="" />
<img src="Images/PortfolioImages/DCPressKitBack.png" alt="" /></div></div>
<div class="panel" id="Perfco"><p class="text"><strong>Perfco Bill Insert and Postcards</strong> : Printed Digital on Coated Paper : Variable Printed with Target Company's Name</p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/PerfcoPC1.png" alt="" />
<img src="Images/PortfolioImages/PerfcoPC2Cover.png" alt="" />
<img src="Images/PortfolioImages/PerfcoPC2inside.png" alt="" />
<img src="Images/PortfolioImages/PerfcoBillInsert.png" alt="" /></div></div>
<div class="panel" id="Century"><p class="text"><strong>Century Windows' Catalog Pages</strong> : Printed Four Color Process on Coated Paper</p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/CenturyCatalogFront.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread1.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread2.png" alt="" />
<img src="Images/PortfolioImages/CenturyCatalogSpread3.png" alt="" /></div></div>
<div class="panel" id="UCC"><p class="text"><strong>United Church of Christ Coffee Table Book Concepts</strong> : Concept 1 - Vellum Wrap on Cover with Spot UV : Concept 2 - Spot UV on Cover</p>
<div id="slide-thumbs">
<img src="Images/PortfolioImages/UCCConcept1Cover.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept1Spread1.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept1Spread2.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Cover.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread1.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread2.png" alt="" />
<img src="Images/PortfolioImages/UCCConcept2Spread3.png" alt="" /></div></div>
</div>
</div>
</body>
**css** Code: * {
margin-left: auto ;
margin-right: auto ;;
padding: 0;
outline: none;
/*outline: 0;*/
}
p.text{
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 16px;
color: #000
}
p.text2{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: bolder;
color: #3c2639;
}
/* ********************************** */
#slide-mask {
position:relative;
left:0;
margin:0;
padding:0;
width:920px;
height:650px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
#slide-images {
position:relative;
left:0;
width:9000px;
height:650px;
margin-left:auto;
margin-right:auto;
}
#slide-images img {
width:920px;
height:650px;
}
#slide-thumbs {
background-color:none;
width:880px;
height:75px;
left:0;
margin-left:auto;
margin-right:auto;
}
#slide-thumbs img {
width:106px;
height:75px;
cursor:pointer;
}
/* ********************************** */
#slider {
position:relative;
left:0;
width: 900px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
.scroll {
position:relative;
height: 105px;
width: 900px;
overflow-y: hidden;
background: none;
margin-left:auto;
margin-right:auto;
}
#scrollContainer div.panel {
height: 105px;
width: 900px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
ul.navigation {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 9px;
}
ul.navigation li {
display: inline;
margin-right: 10px;
}
ul.navigation a {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
ul.navigation a:hover {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #5a447a;
font-weight: bolder;
text-transform:uppercase;
}
ul.navigation a.selected {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
ul.navigation a:focus {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
/* ********************************** */
body {
width: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url(Images/bckgrnd.jpg);
background-repeat: repeat-x;
background-position: center top;
}
#wrap {
float: none;
width: 1000px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header {
width: 1000px;
height: 100px;
margin-left: auto ;
margin-right: auto ;
padding-top: 7px;
}
.photo {
float: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.photo2 {
float: right;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.photo3 {
margin-left: auto ;
margin-right: auto ;
}
a:link {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
a:visited {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
a:active {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #3c2639;
font-weight: bolder;
text-transform:uppercase;
}
a:hover {
text-decoration:none;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
border: none;
color: #5a447a;
font-weight: bolder;
text-transform:uppercase;}
**portfolio.js ** Code: // JavaScript Document
window.addEvent("domready", function ()
{
var effect = {property:'left',duration:700, transition:Fx.Transitions.Linear, wait:false};
var nS = new noobSlide({
box: $('slide-images'),
items: [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30],
size:925,
handles: $$('#slide-thumbs img'), handle_event: 'mouseenter',
fxOptions: effect,
onWalk: function(currentItem,currentHandle){
$each($$(this.handles), function(handle,index){
handle.get('tween', {property: 'opacity', duration: 'short'}).start(1);
});
currentHandle.get('tween', {property: 'opacity', duration: 'short'}).start(0.5);
},
});
});
I also use the mootools.js and noobslide.js... This is my first post on this website. It has a very clean design to it. I think I am going to enjoy myself here :P I am taking a class. And I am very sorry if this post does not belong here. It is a JavaScript class so, my guess was here. My professor has giving us three page sources from random sites. I can not figure this out though. This question has a page source from some random math test website. What we are to do with this page source is to figure out the ten correct answers to the question in the page source. No, not by doing the math, but figuring out where in the page source it is hiding. I can not find them for the life of me. I got the other two problems, but of course this is the hardest one Thank you for your help I put the page source in a notepad attach to this post. (My professor has removed parts of codes that included the name of the website he had gotten it off of. He also said the page source may need to be decoded.) I think I found what I am looking for. If you look where question one starts. Itll have <input type="hidden" name="corAns" value="27478035"> But, the answers are A, B, C, and D which would be 1, 2, 3, and 4 for D. So is <input type="hidden" name="numAns" value="4"> The correct line? I think that is to easier. He said this assignment was the hardest out of the three, and well, that was to easy? Hi guys (and gals) Working on my uni essay, and really struggling here with a resolution to this part of code. Maybe I shouldnt be looking for the answer, but more so on where I am going wrong. What I am meant to do is replace the spaces in sString with the actual word 'space' i.e hello 'everyone' = 'hellospaceeveryone' Any help would be appreciated! Code: function substituteSpaces(aString)
{
sRet = '';
for (var iA = 0; iA < aString.length; iA++)
{
if (iA = 0)
sRet = sRet + ' ';
//sRet = sRet + 'space';
//var nextLetter = aString.charAt(iA);
// sRet = sRet + nextLetter;
}
}
sSpace = substituteSpaces('a string with spaces');
alert ("Hello");
Hi, I made some changes to the following example: http://docs.jquery.com/Plugins/validation#Example Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
</style>
<script>
$(document).ready(function(){
$("#commentForm").validate();
});
</script>
</head>
<body>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>A simple comment form with submit validation and default messages</legend>
<p>
<input id="cname" name="name" size="25" class="required" value="Name" onfocus="if (this.value == 'Name') {this.value=''}" onblur="if(this.value == '') { this.value='Name'}" />
</p>
<p>
<input id="cemail" name="email" size="25" class="required email" value="Email" onfocus="if (this.value == 'Email') {this.value=''}" onblur="if(this.value == '') { this.value='Email'}" />
</p>
<p>
<input id="curl" name="url" size="25" class="url" value="URL" onfocus="if (this.value == 'URL') {this.value=''}" onblur="if(this.value == '') { this.value='URL'}" />
</p>
<p>
<textarea id="ccomment" name="comment" cols="35" rows="5" class="required" onfocus="if (this.value == 'Comment') {this.value=''}" onblur="if(this.value == '') { this.value='Comment'}">Comment</textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
</body>
</html>
I know how to add custom validation methods for the required fields Name, Email, and Comment. But I just don't know how to validate the optional filed URL. I've searched everywhere to no avail! Any help is greatly appreciated! Desparate hey guys i'm very new to javascript and am learning all of it from the internet so i couldn't find any place with what i wanted my problem is: i want to have a variable that if its == to x or y it gives 1 thing and if else its another this is what i got #code# function woo() { ret = prompt("What's Your Name?"); if (ret == 'x','y') { alert ("hey " + ret + ", now try a random name") } else { alert ("No.. " + ret + " isn't your name. Try again") } } #/code# so the problem with that is, it always gives me the first option almost like every answer is the correct one and not just x,y imo the problem is with the line if (ret == 'x','y') so how do i write more than 1 answer to the "if" command? Hey guys, basically Im creating a webpage for my univeristy degree, and I've decided to script a quiz, basically there will be several multi choice questions, and these will add to one answer, heres an example: Whats your favourite genre of music? (choice1) (choice2) (choice3) Whats your favourite favourite musical instrument? (choice1) (choice2) (choice3) etc answer = blahblahblah Heres my questions code here, as you can see im using values, im trying to create the answers by adding the values up, for example answer 1=5 2=10 3=100 <div id="quiz"> <h4> 1) What is your favourite genre of music?</div> <div class="qselections"> <input type="radio" value="1" name="question1">a)Rock<br> <input type="radio" value="2" name="question1">b) Punk<br> <input type="radio" value="3" name="question1">c) Metal<br> <input type="radio" value="4" name="question1">d)Electronica/Dance/Club<br> </div> <br> <div class="qheader"> 2) What is your favourite decade of music></div> <div class="qselections"> <input type="radio" value="1" name="question2">a) 60's<br> <input type="radio" value="2" name="question2">b) 70's<br> <input type="radio" value="3" name="question2">c) 80's<br> <input type="radio" value="4" name="question2">d) 90's<br> <input type="radio" value="5" name="question2">d) 00's<br> </div> <br> <div class="qheader"> 3) Which is your favourite instrument?</div> <div class="qselections"> <input type="radio" value="1" name="question3">a) Guitar<br> <input type="radio" value="2" name="question3">b) Drums<br> <input type="radio" value="3" name="question3">c) DJ Decks<br> <input type="radio" value="4" name="question3">d) Piano<br> </div> <br> <div class="qheader"> 4) Do you prefer handheld or console?</div> <div class="qselections"> <input type="radio" value="1" name="question4">a) Handheld<br> <input type="radio" value="100" name="question4">b) Console<br> <h4> </div> Im just curious how to script this? I havent done anything this difficult before, Im wondering how I would code this.. The only quiz I have done before is via prompts, any help will be much apprieciated! P.s feel free to ask any questions if it is to help! I have just used an Analysis Quiz tool (on this page http://javascript.about.com/library/blquizf.htm) to create a quiz which doesn't have right or wrong answers but adds the scores of the answers together. It all works nicely, HOWEVER I require 5 answers as opposed to the maximum of four which has been offered on this site. The (partial) code is: Code: var quiz = new Array(); var r = 0;
var analPage = 'result.html';
quiz[r++] =('93726~71~1. How often do you have a drink containing alcohol?~Never~Once a month or less~2 to 4 times a month~2 to 3 times a week~0~3');
quiz[r++] =('48844~37~How many units of alcohol do you have on a typical day when you are drinking?~1-2~3-4~5-6~7-9~0~3');
I thought it would be straight forward and I could add another option at the end of each string and then change the scoring e.g. quiz[r++] =('93726~71~1. How often do you have a drink containing alcohol?~Never~Once a month or less~2 to 4 times a month~2 to 3 times a week~4 or more times a week~0~4'); but this didn't work ... please help! Thank you I have been asking around other forums for this question....no one seems to be able to help. But reading through here you guys seem quite a bit smarter and I'm sure you can point me in the right direction What I need is a simple loading page that is for LOOKS only...the site I am redirecting to is very small and does not take very long to load...but for marketing purposes a loading page will make my business strategy look much more legit. I am linking to an affiliate page with a discount link. The problem is most people aren't actually sure if the discount link works...so I want to make a loading page where it says something like "Activating Discount". SO basically I have: My website>>>(link)>>>HTML Loading Page>>>(Redirects after 5 sec or so)>>>Afilliate Landing Page I'll put a loading wheel on the page like this one: But what I really want it to do is switch the messages its displaying so maybe it says "Loading Site Content" for 1 second then switches to "Activating Discount" for 1 second then switches again to "Validating Referrer" or something like that. THANK you so much for any help you can give me You guys rock! I typed this code straight out of the book and it just doesn't seem to work. I have the headlines on the left side and when clicked the contents of the headline is supposed to show up in the text box on the right. Well, needless to say, nothing appears. Please someone tell me what I am doing wrong. I am not the only person in the class having this issue. Thanks a million. Code: <!DOCTYPE HTML> <!--mwelborn--> <!--Chapter 8 Page 475--> <!--October 25, 2011 --> <html> <head> <title>News Items</title> <script type="text/javascript"> /* <![CDATA[ */ var newsItem1 = "L'AQUILA, ITALY (AP) - L'Aquila's chief prosecutor announced an investigation into allegations of shoddy construction as people sill missing after a devastating earthquake five days ago. http://in.reuters. com/article/ idUSWBT01103020090411; var newsItem2 = "WASHINGTON (Reuters) - President Barack Obama said on Friday the recession- hit US economy was showing 'glimmers of hope' despite remaining under strain and promised further steps in coming weeks to tackle the financial crisis. http://in.reuters.com/article. idUSWBT01103020090411"; var newsItem3 = "(eweek.com) - Apple is close to hitting 1 billion downloads from its App Store and plans on a prize giveaway fo whoever downloads the billionth application that includes a MacBook Pro and an iPod Touch. http://www.eweek.com/c/a/ Application-Development/eWeek-Newsbreak -April-13-2009/"; var newsItem4 = "ATLANTA (AP) - Chipper Jones drove in two runs, including a tiebreaking single, and the Atlanta Braves beat Washington 8-5 on Sunday to hand the Nationals their sixth straight loss to start the season. http://www.newsvine.com/_news/2009/04/11 2667835-jones-braves-beat-winless -nationals-8-5?category=sports"; /* ]] */ </script> </head> <body> <form name="newsHeadlines" action="" method="get"> <table style="border: 0; width: 100%"> <tr valign="top"> <td> <select name="newsHeadlines" multiple="multiple" style="height: 93px"> <option onclick="document.newsHeadlines .news.value=newsItem1"> Investigation of building standards in quake zone</option> <option onclick="document.newsHeadlines .news.value=newsItem2"> Obama sees signs of economic progress</option> <option onclick="document.newsHeadlines .news.value=newsItem3"> Apple App Downloads Approach 1 Billion</option> <option onclick="document.newsHeadlines .news.value=newsItem4"> Jones, Baves beat winless Nationals 8-5</option> </select> </td> <td> <textarea name="newsHeadlines" cols="50" rows="10" style="background-color: Transparent"></textarea> </td> </tr> </table> </form> </body> </html> JavaScript: Code: function confirmchamber(ChambersID) {
var answer = confirm("Delete Chamber ?")
if (answer){
alert("Chamber Deleted")
window.location = "delete_chamber.php?chambers_id="+ChambersID;
}
else{
alert("No action taken")
}
}
HTML PHP Code: <tbody> <?php $loops=0; for ($i=0;$i<$chambercount;$i++){ if ($loop==0) { $bgclass="odd"; $loop=1; } else { $bgclass="even"; $loop=0; } echo '<tr class="'; echo $bgclass; echo '">'; ?> <td class="btr"><?php echo $chambername[$i]; ?></td> <td align="center" class="bt"> <a href="javascript:popUp('edit_chamber.php?chambers_id=<?php echo $chamberid[$i]; ?>')"><img src="images/icons/edit.gif" alt="Edit" height="16" width="16" border="0" /></a> <a href="javascript:confirmchamber(<?php echo $chamberid[$i]; ?>)"><img src="images/icons/action_delete.gif" alt="Delete" height="16" width="16" border="0" /></a></td> </tr> <?php } ?> </tbody> I'm trying to set an if statement so if one element is set to display:none, another element(s) sets margin-left to a certain number of pixels. Sort of like this (however, it's not working): Code: <script>
if (document.getElementById('#why-choose-content').style.display = 'none') {
document.getElementById('#always-content').style.margin-left = '335px';
}
</script>
Here is the site in question: http://bit.ly/8XfM0Q You can get a better idea of what I mean by clicking the 'plus' icons for the three colored tabs above the main content. Or if anybody has a more elegant way to get the divs to toggle under their respective headers, I'd love to hear. Thank you. Why isnt this working? Code: function display_form(obj) {
var button_name = obj.id.split("dialog_");
var t = document.getElementById(button_name[1] + '_form').style.visibility = 'visible';
alert(t);
}
IE is saying: Code: id is 'null' or not an object Hi. this is my code for a form i am working on, i want it so that when "Non_Conformance_Type" = ID1 that <tbody id="ID1" style="display: none;"> </tbody> is displayed. Code: <script type="text/javascript">
// <![CDATA[
function display(obj,id1,id2,id3,id4,id5,id6,id7,id8) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = 'none';
document.getElementById(id2).style.display = 'none';
document.getElementById(id3).style.display = 'none';
document.getElementById(id4).style.display = 'none';
document.getElementById(id5).style.display = 'none';
document.getElementById(id6).style.display = 'none';
document.getElementById(id7).style.display = 'none';
document.getElementById(id8).style.display = 'none';
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = 'block';
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id3) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id4) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id5) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id6) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id7) ) {
document.getElementById(id2).style.display = 'block';
}
if ( txt.match(id8) ) {
document.getElementById(id2).style.display = 'block';
}
}
// ]]>
</script>
and... Code: <div id='Type_Non_Conformance_container'>
<select name='Type_Non_Conformance' id='Type_Non_Conformance' size='1' onchange="display(this,ID1,ID2,ID3,ID4,ID5,ID6,ID7,ID8)">
<option value='' %Type_Non_Conformance%></option>
<option value='ID1' %e89cf9a575493ea05184443c64bf031d%>Can Not Locate Product</option>
<option value='ID2' %4cf35d2927674904ba13019f94f16827%>Can Not Locate Email</option>
<option value='ID3' %8939f9a23e7bc218f93e8b223a364924%>Item Adjustment</option>
<option value='ID4' %27c35559235fb503e7fba0f1896cd4f2%>Missing Shipping Instructions</option>
<option value='ID5' %304931fb92d418057887a6b0727d83e7%>Partial Shippment Release</option>
<option value='ID6' %76bf955f6d4ce8498b71b82d16c656a9%,>Lost Sale</option>
<option value='ID7' %f7fa215ea76de432e1c83d283441c798%>Transfer/Order Did Not Ship</option>
<option value='ID8' %b6ed7f7429483a76bc42a5b26a1bbb3e%>Other</option>
</select>
</div>
and... Code: <tbody id="ID1" style="display: none;">
<div id='heading_container'>
<div id='heading'>Can Not Locate Product</div>
</div>
<div id='Order_Transfer_Number_1_ID1_container'>
<input type='text' name='Order_Transfer_Number_1_ID1' id='Order_Transfer_Number_1_ID1' value='%Order_Transfer_Number_1_ID1%' size='20' class='sfm_textbox'/>
</div>
<div id='Order_Transfer_Number_2_ID1_container'>
<input type='text' name='Order_Transfer_Number_2_ID1' id='Order_Transfer_Number_2_ID1' value='%Order_Transfer_Number_2_ID1%' size='20' class='sfm_textbox'/>
</div>
<div id='label8_container'>
<label id='label8' for='Order_Transfer_Number_1_ID1' class='sfm_form_label'>Order/Transfer #</label>
</div>
<div id='label9_container'>
<label id='label9' for='Order_Transfer_Number_2_ID1' class='sfm_form_label'>-</label>
</div>
<div id='Taker_Number_ID1_container'>
<input type='text' name='Taker_Number_ID1' id='Taker_Number_ID1' onkeypress='return sfm_decimal_key_handler(this, event,".")' value='%Taker_Number_ID1%'/>
</div>
<div id='label7_container'>
<label id='label7' for='Taker_Number_ID1' class='sfm_form_label'>Taker #</label>
</div>
<div class='element_label' id='Order_Transfer_ID1_0_container'><input type='radio' name='Order_Transfer_ID1' id='Order_Transfer_ID1_radio_0' value='Order' %24304b44337785c961add086070b3981%/><label for='Order_Transfer_ID1_radio_0' class='element_label' id='Order_Transfer_ID1_radio_0_label'>Order</label></div>
<div class='element_label' id='Order_Transfer_ID1_1_container'><input type='radio' name='Order_Transfer_ID1' id='Order_Transfer_ID1_radio_1' value='Transfer' tabindex='1' %9b4d481b434f7128f666cbc9a19d7c7a%/><label for='Order_Transfer_ID1_radio_1' class='element_label' id='Order_Transfer_ID1_radio_1_label'>Transfer</label></div>
<div id='label10_container'>
<label id='label10' for='Product_Number_ID1' class='sfm_form_label'>Part #</label>
</div>
<div id='Picker_Name_Last_ID1_container'>
<input type='text' name='Picker_Name_Last_ID1' id='Picker_Name_Last_ID1' value='%Picker_Name_Last_ID1%' size='20' class='sfm_textbox'/>
</div>
<div id='Product_Number_ID1_container'>
<input type='text' name='Product_Number_ID1' id='Product_Number_ID1' value='%Product_Number_ID1%' size='20' class='sfm_textbox'/>
</div>
<div id='Picker_Name_First_ID1_container'>
<input type='text' name='Picker_Name_First_ID1' id='Picker_Name_First_ID1' value='%Picker_Name_First_ID1%' size='20' class='sfm_textbox'/>
</div>
<div id='label11_container'>
<label id='label11' for='Picker_Name_First_ID1' class='sfm_form_label'>Picker Name</label>
</div>
<div id='label12_container'>
<label id='label12' for='Picker_Name_First_ID1' class='sfm_form_label'>Last</label>
</div>
<div id='label13_container'>
<label id='label13' for='Picker_Name_First_ID1' class='sfm_form_label'>First</label>
</div>
<div id='label15_container'>
<label id='label15' for='Actions_ID1' class='sfm_form_label'>Actions To Be Taken</label>
</div>
<div id='Actions_ID1_container'><textarea name='Actions_ID1' id='Actions_ID1' cols='50' rows='8' class='sfm_textarea'>%Actions_ID1%</textarea></div>
<div id='label14_container'>
<label id='label14' for='Comments_ID1' class='sfm_form_label'>Comments</label>
</div>
<div id='Comments_ID1_container'><textarea name='Comments_ID1' id='Comments_ID1' cols='50' rows='8' class='sfm_textarea'>%Comments_ID1%</textarea></div>
<div class='element_label' id='Picker_Confirm_ID1_container'><input type='checkbox' name='Picker_Confirm_ID1' id='Picker_Confirm_ID1' value='Yes' %4e8c663c6495851abfac06ef48a73f85%/><label for='Picker_Confirm_ID1' class='element_label' id='Picker_Confirm_ID1_label'>Picker Confirm Action Is Done</label></div>
<div id='Screen_Clipping_ID1_container'>
<input type='file' name='Screen_Clipping_ID1' id='Screen_Clipping_ID1'/>
</div>
<div id='label16_container'>
<label id='label16' class='sfm_form_label'>Upload Any Screen Clippings</label>
</div>
</tbody>
Please help, Thanks! All, If a user is going to my site with IE7 or less I call the following JS file. Code: // JavaScript Document
var ie6_warning=navigator.userAgent.indexOf('MSIE 6')
if (ie6_warning > 0)
{
document.write("<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; z-index:5000'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display=\"none\"; return false;'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 740px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 75px; float: left;'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif; color:#000'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px; color:#000'>You are using an outdated browser</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px; color:#000'>For a better experience using this site, please upgrade to a modern web browser.</div> </div><div style='width: 75px; float: left;'><a href='http://www.firefox.com' rel="nofollow" target='_blank'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div><div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' rel="nofollow" target='_blank'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div> <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' rel="nofollow" target='_blank'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div> <div style='float: left; width: 73px;'><a href='http://www.google.com/chrome' rel="nofollow" target='_blank'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div><div style='float: left;'><a href='http://www.opera.com/' rel="nofollow" target='_blank'><img src='http://info.template-help.com/files/ie6_warning/ie6nomore-opera.jpg' style='border: none;' alt='Opera'/></a></div> </div></div>" );}
Right now it only goes 75pixels. How can I make it so that it spans the whole screen of the users computer? Thanks in advance! |
|||||||