|
JavaScript - How To Alert The Right Answer?
I 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>
Similar TutorialsJavaScript: 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 have an user table like this:- guid | username | password | firstname | lastname | location | emailad dress | userrole -----------------------------------+----------+----------------------------------+-----------+-----------+----------+-------- ------+--------------- 8024259764dc3e8ee0fb6f5.84107784 | james | 827ccb0eea8a706c4c34a16891f84e7b | james | bond | NY | ny@live .com | administrator 18689183644dc3e91571a364.71859328 | saty | 250cf8b51c773f3f8dc8b4be867a9a02 | saty | john | NY | hk@fd.c om | administrator 2644885344cecd6f2973b35.63257615 | admin | 21232f297a57a5a743894a0e4a801fc3 | System | Generated | | | administrator (3 rows) now my postgre query for delete the row .... $query = "delete from users where username!= 'admin' and guid='".$guid."'"; $result = pg_query($conn, $query); ?> <script type="text/javascript"> alert("Cannot delete this .\n It is system generated(s)."); </script> <?php (1)when I delete the user name one by one then delete occurs in my page userlist.php, I donot want to delete admin so i use username!= 'admin' in where condition as shown above. (2)now when I del any username(3 rows) from user table then alert occurs & it delete from userlist.php after that my page userlist.php is blank. Finaly when i refresh the page then my admin username seen.. when i use return true; function then only alert generate .. delete doesnot occurs ... Actauly i want:- (1)if user is not admin then it delete from userlist.php ... nd also i m continue on this page ... like when james and saty want to delte their acount ..as given in table. (2)if user is admin then alert generate nd i m continue on this page. i m tired now plz help me .... so can anyone put the best condition in my coding. [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> 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. 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 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 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");
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? 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... 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 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 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 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> All, I have the following code: Code: <script type="text/javascript">
alert("This picture has received more then 10 down votes so it is now being deleted. You will be redirected back to the pictures page!");
</script>
<?
echo "<meta http-equiv=\"refresh\" content=\"2;url=http://website.com/pictures.php\">";
?>
This is just in the code. I thought it would just execute this but it doesn't. I can't have it appear on a button event or an onload since this snipped gets executed with AJAX. How can I make it appear? Thanks in advance! I am validating the value in a text area onBlur. If the value is not good the alert box comes up twice. Is there a way to correct this? Code: <html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<script type="text/javascript">
function verify_score(val1)
{
var temp = document.getElementById(val1)
if(temp.value == "AF"|| temp.value == "HF" || (temp.value >=0 && temp.value <=17)) {return}
else{
alert("Value entered is not OK. Accetable values a 0 to 17, AF or HF")
temp.focus()
temp.select()
}
}
</script>
</head>
<body>
<div id="PageDiv" style="position:relative; min-height:100%; margin:auto; width:200px">
<form name="scoresheetform" action="">
<div id="Submitbutton" style="position:absolute; left:52px; top:87px; width:110px; height:33px; z-index:1">
<input type=submit name="Submitbutton" value="Submit Form"></div>
<div style="position:absolute; left:9.822px; top:37px; width:45px; height:29px; z-index:2">
<input id="HomePlayer1Rnd6Pnts" name="HomePlayer1Rnd6Pnts" onBlur="verify_score('HomePlayer1Rnd6Pnts')" size=3></div>
<div style="position:absolute; left:79.822px; top:37px; width:45px; height:29px; z-index:3">
<input id="HomePlayer1Rnd7Pnts" name="HomePlayer1Rnd7Pnts" onBlur="verify_score('HomePlayer1Rnd7Pnts')" size=3></div>
<div id="HomePlayer1TotalPnts" style="position:absolute; left:146px; top:37px; width:45px; height:29px; z-index:4">
<input name="HP1 Total Points" size=3></div>
</form>
</div>
</body>
</html>
Hi, I have this code: var finalsort="("+getvalue+","numvalue")\n" alert(finalsort) however, it is then alerted three seperate times (as it is in a for loop) but i would like this to be displayed in an alert: (david,5) (james,3) (tom,1) How would I do this, am I doing something wrong with the \n? thanks |
|||||||