Learn VBA & Macros in 1 Week!

JavaScript - How Do I Make Fractions With Javascript??

Full Excel VBA Course - Beginner to Expert

How Do I Make Fractions With Javascript??	View Content

Hi im making a calculator and there is a box that returns a fraction but i can only get the decimal
here is what ive got so far:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>


  
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>rivet calculator</title>
  

  
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"></head><body>
<p style="text-align: center;">
<a href="website.html"><img style="border: 0px solid ; width: 278px; height: 50px;" alt="" src="file:///Y:/TEMP/cody%20shoemake/old%20comp%20stuff/Documents/LOGO.png"></a><font size="+2"><span style="font-family: Century Gothic;"><font style="text-decoration: underline;" size="+3"><br>
Rivet
Calculator<span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"></span></span></span></span></span></font></span></font><br>
</p>

<font size="+2"><span style="font-family: Century Gothic;"><font style="text-decoration: underline;" size="+3"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;"><span style="text-decoration: underline;">
</span></span></span></span></span></font></span></font>

<div style="text-align: left;"><font size="+2"><span style="font-family: Century Gothic;"> </span></font>


<script type="text/javascript">
// From: http://www.codingforums.com/showthread.php?p=857884#post857884

function RDcalc1() {
//  document.rc.ds.value="67";
//  if (document.rc.ds.value=="67") { document.rc.rds.value=""; } // not a valid logical test -- what are you trying to do here???	
  document.rc.rds.value='';
}
function RDcalc2() {
  document.rc.fd.value=document.rc.rds.value/32;
  document.rc.dd.value=(document.rc.rds.value/32).toFixed(2);
  document.rc.bl.value=(document.rc.rds.value/32*1.5).toFixed(2);
  document.rc.red.value=(document.rc.dd.value*2+1/16).toFixed(2);
  document.rc.med.value=(document.rc.dd.value*1.86).toFixed(2);
  document.rc.cdmed.value=(document.rc.dd.value*2).toFixed(2);
}
function RDcalc3() {
  document.rc.dn.value=((Number(document.rc.bl.value)+Number(document.rc.suv.value))/.0625).toFixed(2);
  document.rc.red.value=(document.rc.dd.value*2+1/16).toFixed(2);
  document.rc.med.value=(document.rc.dd.value*1.86).toFixed(2);
  document.rc.cdmed.value=(document.rc.dd.value*2).toFixed(2);
  document.rc.mrs.value=(document.rc.dd.value*4).toFixed(2);
}	
</script>
<form name="rc">
  <table style="text-align: left; margin-left: auto; margin-right: auto;">
    <tbody>
      
      <tr>
        <td>
        <br>

</td>
        <td colspan="2" rowspan="1" style="text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Stack Up Value</td>

      </tr>
      <tr>
        <td style="vertical-align: top;"><br>
        </td>
        <td colspan="2" rowspan="1" style="vertical-align: top;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="suv" onkeyup="RDcalc3()" type="text"></td>

      </tr>
<tr>
        <td style="vertical-align: top;"><br>

</td>
        <td colspan="2" rowspan="1" style="vertical-align: top;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Rivet Dash # &nbsp; &nbsp; &nbsp;
        <select name="rds" onchange="RDcalc1(this.value);RDcalc2();RDcalc3()">


<option onclick='document.rc.ds.value="67";document.rc.dsnd.value="0.0320"' selected="selected">1</option>
<option onclick='document.rc.ds.value="51";document.rc.dsnd.value="0.0670"'>2</option>
<option onclick='document.rc.ds.value="40";document.rc.dsnd.value="0.0980"'>3</option>
<option onclick='document.rc.ds.value="30";document.rc.dsnd.value="0.1285"'>4</option>
<option onclick='document.rc.ds.value="21";document.rc.dsnd.value="0.1590"'>5</option>
<option onclick='document.rc.ds.value="11";document.rc.dsnd.value="0.1910"'>6</option>
<option onclick='document.rc.ds.value="1";document.rc.dsnd.value="0.2280"'>7</option>
<option onclick='document.rc.ds.value="F";document.rc.dsnd.value="0.2570"'>8</option>
<option onclick='document.rc.ds.value="L";document.rc.dsnd.value="0.2900"'>9</option>

<option onclick='document.rc.ds.value="O";document.rc.dsnd.value="0.3160"'>10</option>
<option onclick='document.rc.ds.value="S";document.rc.dsnd.value="0.3480"'>11</option>
<option onclick='document.rc.ds.value="V";document.rc.dsnd.value="0.3770"'>12</option>
<option onclick='document.rc.ds.value="Z";document.rc.dsnd.value="0.4130"'>13</option>
<option onclick='document.rc.ds.value="29/64";document.rc.dsnd.value="0.4531"'>14</option>
        </select>




        </td>

      </tr>
      <tr>
        <td colspan="3" rowspan="1" style="vertical-align: top;">
        <hr style="width: 100%; height: 2px;"><br>
        </td>
      </tr>
<tr>
        <td>Fraction Diameter</td>
        <td><input name="fd" readonly="readonly" type="text"></td><td>Buck Length&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="bl" readonly="readonly" type="text"></td>

      </tr>
      <tr>
        <td>Decimal Diameter</td>
        <td><input name="dd" readonly="readonly" round_05up="" type="text"></td><td>Dash
#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input name="dn" readonly="readonly" type="text"></td>

      </tr>
      
      
      <tr>

        <td>Drill Size</td>
        <td><input name="ds" readonly="readonly" type="text"></td><td>Recommended ED&nbsp;&nbsp;&nbsp; <input name="red" readonly="readonly" type="text readonly="></td>

      </tr>
      <tr>
        <td>Drill Size Nominal Diameter</td>
        <td><input name="dsnd" readonly="readonly" type="text"></td><td>Minimum ED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input name="med" input="" readonly="readonly" type="text"></td>

      </tr>
      <tr>
      </tr>
      
      
      <tr>
        <td>CSK/DIMPL E Minimum ED</td>
        <td><input name="cdmed" input="" readonly="readonly" type="text"></td><td>Multi-Row Spacing&nbsp;&nbsp; <input name="mrs" input="" readonly="readonly" type="text"></td>

      </tr>
      
    </tbody>
  </table>
</form>
<br>
<font size="+2"><span style="font-family: Century Gothic;"></span></font></div>
<font size="+2"><span style="font-family: Century Gothic;"><br>
<br>
<br>
<br>
</span></font>
</body></html>

Full Excel VBA Course - Beginner to Expert

Working With Fractions Class, Need Help!

Similar Tutorials

View Content

I wanted to design and implement a program that accepts from the user the numerator and denominator of a fraction and prints the simplified form of the fraction. So basically have TWO objects of the Fraction Class.

The output line should look something like this: The fraction 3615/7230 simplifies to 1/2.

but then I was wondering if it was possible to place it in a box-like look. So something like this...

Sample output:

*--------------------------------------*
*The fraction 3615/7230 simplifies to 1/2.*
*--------------------------------------*

*---------------------------------*
*The fraction 5/10 simplifies to 1/2.*
*---------------------------------*

so the box should fit with words.

How To Make Url Link That Uses Javascript Work If Javascript Is Disabled?

Similar Tutorials

View Content

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>

Thanks for any help,
Michael

How To Make Javascript Not Do Something

Similar Tutorials

View Content

I have a script that clicks links how can i make it not click a certain. Such as how to make it dont click red link or dont click bold links.

Code:

var waiting_time = 30;
var range_to = 15;

var shuffle = function(o){
	if(Math.floor(Math.random() * o.length) % 2) return o;
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
},
isAds = function(o) {
	try {
		return o.href.match(/cks\.php\?k\=[0-9A-Fa-f]+\&cdk\=flase/) != null && o.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('div')[1].className == 'image'
	}
	catch(e) {
		return false
	}
},
correctURL = function(r) {
	return window.location.href.match(r) != null
},
setStatus = function(o, m) {
	o.parentNode.parentNode.parentNode.innerHTML = m
},
addevent = function(o, f) {
	document.getElementById(o).addEventListener('click', f, false)
},
byTag = function(t) {
	return document.getElementsByTagName(t)
},
byName = function(n) {
	return document.getElementsByName(n)
},
newTag = function(t) {
	return document.createElement(t)
},
getwtime = function(o) {
	var i, a = o.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('div');
	for(i = 0; i < a.length; i++)
		if(a[i].className == "counter")
			return a[i].innerHTML.match(/([0-9]+) seconds/)[1]
},
strip = function(s) {
	var str = String(s).split("</td>").join("\r"),
	reg = /<td\s*width=['"]?100\%['"]?\s*>([^\r]+)\r/,
	match = str.match(reg),
	search = str.search(reg),
	out = [], i = 0, tmp;
	while(match) {
		str = str.substr(search + match[0].length, str.length);
		out[i] = match[1].replace(/\s*<script[^>]+>[\S\s]+<\/script>\s*/, "");
		out[i] = out[i].replace(/<img[^>]+>/, "");
		i++;
		match = str.match(reg);
		search = str.search(reg);
	};
	return (out.length ? "<table><tr><td>"+out.join("</td><td>")+"</td></tr></table>" : "NO MATCH");
},
login = function() {
	var a = byTag("a"), I;
	for(I = 0; I < a.length; I++)
		if(a[I].href.match(/logout\.php/)) 
			return true;
	return false
}(),
autosurf = false;
if(correctURL(/\/ads\.php/)) {
	if(login) {
		var A = byTag("a"), i, html = "", timer,
		table = document.getElementById('content'),
		robot = newTag('div'),
		urls = [],
		current = 0,
		msg,
		tmr,
		load = function() {
			clearInterval(timer);
			timer = null;
			if(!urls[current]) {
				if(typeof autosurf == 'function')
					autosurf();
				return
			};
			var ajax = new XMLHttpRequest();
			ajax.onreadystatechange = function() {
				try {
					if(ajax.readyState == 4) {
						if(ajax.status == 200) {
							if(String(ajax.responseText).match(/You have already viewed this advertisement/)) {
								msg.innerHTML = "Ads already opened, loading next ads...";
								setStatus(urls[current], "OPENED");
								current++;
								timer = setInterval(load, 1000)
							}
							else if(String(ajax.responseText).match(/Couldn't find an advertisement/)) {
								msg.innerHTML = "Ads expired, loading next ads...";
								setStatus(urls[current], "EXPIRED");
								current++;
								timer = setInterval(load, 1000)
							}
							else if(String(ajax.responseText).match(/You don't have permission to view this advertisement/)) {
								msg.innerHTML = "Forbidden Ads, loading next ads...";
								setStatus(urls[current], "FORBIDDEN");
								current++;
								timer = setInterval(load, 1000)
							}
							else {
								var j = urls[current].wtime,
								validate = function() {
									var ajx = new XMLHttpRequest();
									ajx.onreadystatechange = function() {
										try {
											if(ajx.readyState == 4) {
												if(ajx.status == 200) {
													msg.innerHTML = "Ad click, opening next ads...";
													setStatus(urls[current], "Ad Clicked & Confirmed");
													current++;
													timer = setInterval(load, 1000)
												}
												else {
													msg.innerHTML = "Connection error, retrying...";
													validate()
												}
											}
										}
										catch(e) {
											msg.innerHTML = "Validation error, retrying...";
											validate()
										}
									};
									msg.innerHTML = "Validating...";
									ajx.open("GET", "cmp.php?complete&amp;", true);
									ajx.send(null)									
								};
								tmr = setInterval(function() {
									if(j < 0) {
										validate();
										clearInterval(tmr);
										tmr = null;
										return
									};
									msg.innerHTML = "Ads loaded, waiting for "+j+" seconds...";
									j--
								}, 1000)
							}
						}
						else {
							msg.innerHTML = "Loading error, retrying...";
							timer = setInterval(load, 1000)
						}
					}
				}
				catch(e) {
					msg.innerHTML = "Loading error, retrying...";
					timer = setInterval(load, 1000)
				}
			};
			msg.innerHTML = "Loading ads <b id='JFClickBot-current'>\""+(urls[current].parentNode.parentNode.parentNode.getElementsByTagName('a')[0].innerHTML)+"\"</b>...<br /><div id='JFClickBot-loading'></div>";
			ajax.open("GET", urls[current].href, true);
			ajax.send(null)
		};
		for(i = 0; i < A.length; i++) {
			try {
				if(isAds(A[i])) {
					urls[urls.length] = A[i];
					urls[urls.length - 1].wtime = getwtime(A[i])
				}
			}
			catch(e) {}
		};
		robot.id = "JFClickBot-container";
		robot.align = "center";
		html = "<style>";
		html += "#JFClickBot-container *{font-family:arial;color:black;font-weight:bold;text-decoration:none}";
		html += "#JFClickBot-container{display:block}";
		html += "#JFClickBot,#JFClickBot-title,#JFClickBot-container a.button{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;border: 1px solid #d91a2d}";
		html += "#JFClickBot-container a.button{padding:10px;color:#000;background:#d91a2d}";
		html += "#JFClickBot-container a.button:hover{color:#fff;background:#333}";
		html += "#JFClickBot{padding:2px;display:block;width:900px;background:#fff;text-align:left}";
		html += "#JFClickBot-title{display:block;padding:5px;background:#d91a2d;color:#fff}";
		html += "#JFClickBot-msg{line-height:2em}";
		html += "</style>";
		html += "<div id='JFClickBot'><div id='JFClickBot-title'>JFClickBot For Gen4 Sites</div><br /><div id='JFClickBot-msg' align=center>";
		html += "<b style='font-size:20px'>Warning</b><br />By Using This Tool You Agree to The Terms Of Use On <a href='http://clickbots.justfreebies.net' rel="nofollow" target='_blank'>ClickBots</a>.<br> We Are Not Resposible For Your Action, USE AT YOUR OWN RISK.<br><a href='http://clickbots.justfreebies.net' rel="nofollow" target='_blank'>&copy; PTC ClickBots</a>";
		html += "</div><br />";
		html += "<center>"+(urls.length ? "<a href='javascript:;' class='button' id='adsclick'>Click All Ads ("+urls.length+")</a>" : "<a href='javascript:;' class='button'>No ads</a>")+"&nbsp;&nbsp;<a href='http://clickbots.justfreebies.net/features.php' class='button' rel="nofollow" target='_blank'>Features</a>&nbsp;<a href='http://clickbots.justfreebies.net/purchase.php' class='button' rel="nofollow" target='_blank'>Purcahse Site</a>&nbsp;<a href='http://clickbots.justfreebies.net/donate.php' class='button' rel="nofollow" target='_blank'>Donate</a></center><br />";
		html += "</div></div>";
		robot.innerHTML = html;
		table.parentNode.insertBefore(robot, table);
		msg = document.getElementById("JFClickBot-msg");
		if(urls.length) {
			urls = shuffle(urls);
			addevent("adsclick", function(){
				autosurf = function() {
					msg.innerHTML = "Done !";
					alert(msg.innerHTML);
				};
				this.parentNode.style.display = 'none';
				timer = setInterval(load, 1000);
			})
		};
		addevent('silversurfer', function(){
			alert("Sorry this features isnt available yet.");
			return;
			this.parentNode.style.display = 'none';
			msg.innerHTML = "Auto surf mode activated...";
			var adscontainer = newTag('div');
			document.body.appendChild(adscontainer);
			adscontainer.style.display = 'none';
			autosurf = function() {
				urls = [];
				current = 0;
				msg.innerHTML = "Reloading ads, finding new ads...";
				var sec = Math.ceil(Math.random() * range_to * 60),
				j = sec,
				tm, 
				ajx,
				reloadads = function() {
					msg.innerHTML = "Reloading ads, finding new ads...";
					ajx = new XMLHttpRequest();
					ajx.onreadystatechange = function() {
						try {
							if(ajx.readyState == 4) {
								if(ajx.status == 200) {
									msg.innerHTML = "Loaded, clearing codes and finding available ads...";
									adscontainer.innerHTML = strip(ajx.responseText);
									A = adscontainer.getElementsByTagName('a');
									for(i = 0; i < A.length; i++) {
										try {
											if(isAds(A[i]))
												urls[urls.length] = A[i]
										}
										catch(e) {}
									};
									if(urls.length) {
										urls = shuffle(urls);
										msg.innerHTML = urls.length + " ads found";
										timer = setInterval(load, 1000)
									}
									else {
										msg.innerHTML = "No ads found";
										autosurf()
									}
								}
								else {
									msg.innerHTML = "Loading error, retrying...";
									reloadads()
								}
							}
						}
						catch(e){
							msg.innerHTML = "Loading error, retrying...";
							reloadads()
						}
					};
					ajx.open('GET', 'ads.php', true);
					ajx.send(null)
				};
				tm = setInterval(function() {
					if(j < 0) {
						clearInterval(tm);
						tm = null;
						msg.innerHTML = "Time's up, reloading...";
						reloadads()
					}
					else {
						msg.innerHTML = "Waiting for "+j+" seconds before reloading...";
						j--
					}
				}, 1000)
			};
			if(urls.length)
				timer = setInterval(load, 1000)
			else 
				autosurf()
		})
	}
}
else if(correctURL(/\/register\.php/)) {
	var r = byName('6')[0], ref, cty, ori;
	if(r && force_referal_to) {
		ref = newTag('input');
		ref.type = "hidden";
		ref.name = "6";
		ref.value = force_referal_to;
		r.form.insertBefore(ref, r.form.firstChild);
		r.name = "ref";
		r.value = "";
		cty = byName('7')[0];
		ori = cty.value;
		cty.parentNode.removeChild(cty);
		r.form.getElementsByTagName('table')[0].rows[7].cells[1].innerHTML = "<input type=text name='7' value='"+ori+"' style='text-transform:uppercase' />"
	}
}
else if(correctURL(/\/forum/)) {
	try {
		var name = byName('a_name')[0], tr = newTag('tr');
		name.parentNode.parentNode.parentNode.insertBefore(tr, name.parentNode.parentNode);
		tr.innerHTML = "<td>Username</td><td>:</td><td><input type=text name='a_name' value='"+name.value+"' style='width:100%'/></td>";
		name.parentNode.removeChild(name)
	}
	catch(e) {}
}

How To Make A Game In Javascript ?

Similar Tutorials

View Content

i need a racing game in java graphics doesn't matter but speed should be good ?

Newbie Need Help To Make Javascript

Similar Tutorials

View Content

Hello,
Actually i know nothing about javascript.
i have form and i need help to make javascript
this is the form:

</head>
<SCRIPT language = "javascript">

function checkTotal() {

function calculate()
{
A = parseFloat(document.form1.Qty.value);
B = document.form1.selection.value; ---> 'please help i don't know the script command about onClick' and onChange combination'

C = (A + B) *
document.form1.total.value = C;
}

</SCRIPT>
<body>
<form name="form1" method="post" action="">
<table width="66%" border="0" id="form_table">
<caption>
My Form
</caption>
<tr>
<th width="41%"> <p>Qty ›</p></th>
<td width="59%"><p>
<input type="text" size="7" name="Qty">

<select name="selection" id="selection" onChange='Value'>
<option value"1.00">Doll 1</option>
<option value"2.00">Doll 2</option>
<option value"3.00">Doll 3</option>
<option value"4.00">Doll 4</option>

</select>
<br>
Enter Qty and selection</p></td>

</tr>
<tr>
<th>Merchandise ›</th>
<td>
<p>
<input type="radio" name="None" value="0.00" onClick="">
None<br>
<input type="radio" name="Key Chain 1" value="2.00" onClick=""checked>
Key Chain 1<br>
<input type="radio" name="Key Chain 2" value="3.00" onClick="" />
Key Chain 2</p></td>
</tr>
<tr>
<th>Additional ›</th>
<td><input type="checkbox" name="Story Book" value="4.00" onClick="" checked="checked" />
Story Book
<br>
<input type="checkbox" name="Mug" value="3.00" onClick="" />
Mug
<br></td>
</tr>
<tr>
<th>TOTAL›</th>
<td><input type="text" style="background-color: #DCDDDD;" size="17" value="" name="Total" /></td>
</tr>
<tr>
<th> </th>
<td>
<input type="submit" name="submit" value="Calculate" onClick = "javascript:calculate()">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>

i need to get result from TOTAL checkout(input text) that sum from the value of options above (dropdown menu, checkbox, and radio button) multiplied by tax (4%)

Coding master please help.
Thank you very much.

Please Help! To Make A Program With Javascript

Similar Tutorials

View Content

Hi! frnds, I was wondering if you could help me with the JavaScript programing...

Every possible help will be appreciated

I am very new to the world of programming and JavaScript but I have some Ideas which I would like to execute and I will learn anything and everything in the way to accomplish them...

Program:

user end: the page is about users priorities and displaying back the selected... the program work as a user reaction based comparison module...
where the priorities stored in the program are shown 2 at a time and lets user to select what is more important to him and stores the result in another variable than that variable is shown with another variable which is already stored and the result out of that is stored in another new variable and so on.. in the end it show the result of important selected priorities...

1) say there are 6 variables storing string values:

Code:

 <script type = "text/javascript"> 
 var p1 = "Doctors appointment"; 
 var p2 = "studying for the exam"; 
 var p3 = "Going out for most awaited shopping"; 
 var p4 = "Login on Facebook"; 
 var p5 = "Replying to text msgs"; 
 var p6 = "Go out with friends";

2) there are two sections on the html document:

i) where the variables are displayed dynamically and changes the value on click..
it works like a comparison where user selects (onclick) what is more important to him shows the next value and so on...
in the end stores the result...

functioning(I have no I idea how to do this): say on the html document only two variables are displayed at first and than the user selects one of it as more important to him so the result is stored in another new variable than that new variable is shown with the third stored variable and once one of them is selected it is stored in another new variable and is compared with forth stored variable and so on till the last selected is stored as the result1...

all comparisons must happen on the same div of the html document procedure has to loop three times till 3 results (result1, result2, result3) out of six are selected more important...
result1 has to be removed from the next loop for result 2 as result1 is already selected important by the user..
result1 and result2 are to be removed from the next loop for result 3 as they are already selected important by the user

ii) the second section displays important 3 results (result1, result2, result3) selected by him...

my friend told jQuery can do the dynamic comparison part but I don't know how to use it...

the logic of creating new variable for storing result and then comparing can be improved or changed...

Please help

Can I Make The Javascript In This Form More Efficient?

Similar Tutorials

View Content

Hi all,

I've been trying to build a form with dynamic checkboxes.

I'd like to have a master 'select none' checkbox in a few form fields which has 2 key functions:-

1) clearing all field boxes the user may have entered before opting to select none
2) disabling all field options to make it impossible for the user to tick both 'none' and other options.

This 'select none' checkbox should be ticked by default, so when the user unchecks it, the rest of the field options light up.

I'm a complete novice but I have it working ok having stitched a few pieces of code I've found together, however I don't think it's very efficient.

I have had to duplicate both bits of the javascript to make it work, changing only the function names in the <head> area ('Uncheck' and 'Uncheck2') and the class variables in the form in the <body> area ('fruit_child' and 'veg_child').

As this form will have several more fields eventually, I'm looking for a better way to do this while maintaining the functionality. Ive read bits about object-orientated programming which may be what I'm looking for to make this more efficient, but I'm not sure how to implement it in this example.

Can a more experienced coder please help?

Kind thanks,
Fleef

Code:

<head>

<SCRIPT LANGUAGE="JavaScript">
// Check_ctr: clears all when 'none' box ticked -->
function Uncheck(chk)
{
if(document.myform.Check_ctr.checked==true){
for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
}
}

// End -->
</script>

<SCRIPT LANGUAGE="JavaScript">
// Check_ctr: clears all when 'none' box ticked -->
function Uncheck2(chk_veg)
{
if(document.myform.Check_ctr_veg.checked==true){
for (i = 0; i < chk_veg.length; i++)
chk_veg[i].checked = false ;
}
}

// End -->
</script>

</head>
		
		
<body>

<form name="myform"  method="post">

<input type="checkbox" id="none_fruit" name="Check_ctr" value="yes"
onClick="Uncheck(document.myform.fruit)" checked><b>None</b><br>
<input type="checkbox" name="fruit" value="1" class="fruit_child" disabled="true">1<br>
<input type="checkbox" name="fruit" value="2" class="fruit_child" disabled="true">2<br>
<input type="checkbox" name="fruit" value="3" class="fruit_child" disabled="true">3<br>
<input type="checkbox" name="fruit" value="4" class="fruit_child" disabled="true">4<br>
<input type="checkbox" name="fruit" value="5" class="fruit_child" disabled="true">5<br>

<script>
// disables options when 'none' ticked -->

$(function(){
  $("#none_fruit").click ( function() {
    
    if ( !$(this).is ( ":checked" ) )
    {
        $(".fruit_child").removeAttr ( "disabled" );
    }
    else
    {
   $(".fruit_child").attr ( "disabled" , true ); 
    }
  });
});</script>




<br><br><br>
<input type="checkbox" id="none_veg" name="Check_ctr_veg" value="yes"
onClick="Uncheck2(document.myform.veg)" checked><b>None</b><br>
<input type="checkbox" name="veg" value="1" class="veg_child" disabled="true">1<br>
<input type="checkbox" name="veg" value="2" class="veg_child" disabled="true">2<br>
<input type="checkbox" name="veg" value="3" class="veg_child" disabled="true">3<br>
<input type="checkbox" name="veg" value="4" class="veg_child" disabled="true">4<br>
<input type="checkbox" name="veg" value="5" class="veg_child" disabled="true">5<br>

<script>
// disables options when 'none' ticked -->

$(function(){
  $("#none_veg").click ( function() {
    
    if ( !$(this).is ( ":checked" ) )
    {
        $(".veg_child").removeAttr ( "disabled" );
    }
    else
    {
   $(".veg_child").attr ( "disabled" , true ); 
    }
  });
});</script>


</form>

Javascript Make Website Slow ?

Similar Tutorials

View Content

I heard that when we put javascript in website, then site takes time to open, is it correct ? If yes then which script is good for website.

How To Make It 100% Height And Width In Javascript

Similar Tutorials

View Content

Hi,
well earlier i asked for a script which can load game which showing some banner until the game is loading and the load progress that it shows, it shouldn't be fake, many people said you need flash for it, but atlast i found a script that can do that for me.
BUT there is a issue when i started using the script in the script the width and height can be in px like width 500 but it can't be made to width 100% when i make it 100% the script stops working.
I can't use px or any other thing except 100% as i want the flash to increase its width and height with the change in screen resolution.

Here is the script, you can make a demo html file out of it for testing purposes, if you don't want to make one i am ready to provide a demo page too, please leave a comment for it. Thank you ^_^

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pre-roll Example page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://files.cryoffalcon.com/woro/preroll.dev.js"></script>
    <style>
		.gamecontent				{width:923px;padding:0px;margin:0px auto 0px auto;background-color:#FFF;}
		.gamecontent .gamewrapper	{margin:0px auto 0px auto;}
		.gamecontent .game			{float:left;margin:0px auto 0px auto;padding:0px;overflow:hidden;width:1px;height:1px}
		.gamecontent .ad			{display:none;width:300px;height:300px;margin:0px auto 0px auto;padding:50px auto 0px auto;text-align:center;font-size:10px}
		.gamecontent .ad #progress	{width:200px;height:10px;margin:10px auto 0px auto;padding:0px;border:solid 1px #E7B9D1;text-align:left;}
		.gamecontent .ad #pbar		{width:0px;height:10px;background-color:#CCC;}
		.gamecontent .ad #pskip		{text-align:center;}	
		.medrectangle				{width:300px;height:250px;border:none}
	</style>
</head>

<body>
<div class="gamecontent">
    <div class="gamewrapper" style="height:640px;width:640px;">
      <div class="game" id="gameframe"></div>
        <div id="adframe" class="ad">
            <div>Advertisement</div>
            <div id="plad"></div>
            <div id="progress"></div>
        </div>
        <noscript>	
            <div>
                 <!--Game embed code should be placed here here-->
            </div>
        </noscript>
 	</div>
</div>

<script type="text/javascript" language="javascript">
var af = 'adframe';
var gf = 'gameframe';
var gid = 'gameswf';
var adinvoke = '<iframe class="medrectangle" src="<!--to show my logo or ad-->" scrolling="no"></iframe>';

function skipad() {
	$('#plad').html('<div></div>');
	$('#'+af).hide();
	$('#'+gf).css('width','640px');
	$('#'+gf).css('height','640px');
}
$('#gameframe').preloadad(
	{  // calls the init method
	  swf	 	: 'http://games.balloontowerdefense.net/b/balloon_tower_defense_4_expansion.swf',
	  width  	: 640,
	  height 	: 640,
	  gameid	: gid,
	  gameframe : gf,
	  adframe 	: af,
	  adcode	: adinvoke,
	  pltime 	: 10000,
	  gametype	: 'swf',
	  base		:'http://games.balloontowerdefense.net/b/',
	  skiptxt	: 'Click here to show the game',
	  showad	:'1'
	});
</script>

</body>
</html>

in the above code the 640 width and height is the issue, as it doesn't work with 100% values, i was wondering how to make it work with 100% width and height. I don't know what did i miss or where did i go wrong?

Make My Javascript Run Once Every 24 Hours Per Ip Address?

Similar Tutorials

View Content

Hey everyone. I need a little help and I'm not an expert by any stretch of the imagination with javascript. I have a simple little code script and I'd like either the onClick function (or the entire code itself, whichever is easiest) to only load once every 24 hours for each IP address. So "123.1.22.333" should only get the effect of this code once every 24 hours regardless if they revisit my site 5 times a day let's say.

So here's my little script:
Code:

<script language="JavaScript">

function goNewWin() {

TheNewWin=window.open("http://google.com",'Google','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1');

TheNewWin.blur();

}
</script>

<body onClick="goNewWin()">

Any help would be very appreciated. Thanks!

Is There Any Way To Make A Link Show If Javascript Is Being Used To Hide It?

Similar Tutorials

View Content

Is there any way to make a link show if javascript is being used to hide it?

This is the javascript code that is hiding the link:

Code:

<a href="javascript:void(0)" class="show-hide-link action-link">

Javascript To Make Graphs For Elections - Not Working Either

Similar Tutorials

View Content

Hello here is another one i need suggestions on

here is my coding so far

<html>
<head>

<title>Congressional Races</title>
<link href="results.css" rel="stylesheet" type="text/css" />
script type="text/javascript" src="votes.js"></script>

<script type="text/javascript"> // script element to add the votes.js

function totalVotes(votes){ // script element that will calculate the array
var total = 0;
for (var i = 0; i < votes.length; i++);
{
total = total + votes[i];
}
return total;
}

function calcPercent(item,sum){ // script element to calculate the percentage which is rounded to the nearest integer
var item = Math.round((item/sum))*100); // script element to get the percentage
return item;
}
calcPercent();

function createBar(partyType,percent){ // script element to create blank cells
switch(partyType) {
case D: <td class='dem'></td>
break;
case R: <td class='rep'></td>
break;
case I: <td class='ind'></td>
break;
case G: <td class='green'></td>
break;
case L: <td class='lib'></td>
break;
}
var barTxt = partyType;

for (i=0; i < percent; i++){
document.write(barText);
}

}
function showResults(race,name,party,votes){ // script element to display the results of a particular race
var totalIV = totalVotes(votes);
document.write("<h2>race</h2>");
document.write("<table cellspacing='0'>");
document.write("<tr>");
document.write("<th>Candidate</th>");
document.write("<th class ='num'>Votes</th>");
document.write("<th class='num'>%</th>");
document.write("</tr>");

for (var i=0; i < name.length; i++){
document.write("<tr>");
document.write("<td>name(party</td>");
document.write("td class='num'>"votes</td>");

var percent=calcPercent(votes[i], totalV)

document.write("<td class='num'>(" + percent +"%)</td>");

createBar(party[i],percent)
document.write("</tr>");
}
document.write("</table>");
}
</script>

</head>

<body>

<div id="intro">
<p><img src="logo.jpg" alt="Election Day Results" /></p>
<a href="#">Election Home Page</a>
<a href="#">President</a>
<a href="#">Senate Races</a>
<a href="#">Congressional Races</a>
<a href="#">State Senate</a>
<a href="#">State House</a>
<a href="#">Local Races</a>
<a href="#">Judicial</a>
<a href="#">Referendums</a>
</div>

<div id="results">
<h1>Congressional Races</h1>
<script type="text/javascript">
showResults(race[0],name1,party1,votes1)...
showResults(race[1],name2,party2,votes2)...
showResults(race[2],name3,party3,votes3)...
showResults(race[3],name4,party4,votes4)...
showResults(race[4],name5,party5,votes5)...
</script>

</div>

</body>
</html>

______________

What i need to do is make a bar charts of elections people on the assignment, using 2 other files on a folder
the names of the other files
are votes.js and results.css

here is the link of the actual question
it is case problem 2
if u scroll down

at

http://books.google.ca/books?id=aG_T...Cell()&f=false

right now i did up my coding and still nothing is working

what does seem to be wrong with my coding?

any suggestions from anyone? or hints even?
thanks

Connect Javascript With Css To Make The Position Random?

Similar Tutorials

View Content

What I am trying to do is make a little box that when you hover over it, it will move to a random position.

What I am having trouble with is the JavaScript. I have made the code for everything, EXCEPT to move it to a random position.
Here is my code so far:

Code:

<style type='text/css'>
#circle1 {
	background:#007fff;
	height:20px;
	margin:0px;
	position:absolute;
	width:20px;
	left:5px;
	top:5px;
	-webkit-transition:left 2s linear, top 2s linear;
}

#circle1:hover {
	left:25px;
	top:25px;
	-webkit-transition:left 0s linear, top 0s linear;
}
</style>

<div id='circle1'></div>

I would like the left: and top: in the #circle1:hover to be a random number, to make it go to a random position. I have no clue how to do that though...

Javascript Code To Make A Video To Run At Particular Time

Similar Tutorials

View Content

Hello,

I want to run video at our website at a specified time only,like i might want my video to be played at 9.00a.m exactly . how can i do it using javascript.
Plz do revert back ASAP.

Thanks,
Revathi srikrishna

How Do I Make A Javascript Link Open In A Top Frame?

Similar Tutorials

View Content

Please help me make the links below open in the "top" or "parent" frame of a window. For example, in HTML, you would use Code:

<a href="URL" target="_top">LINK</a>

I just do not know how to make the links below perform in the parent window. (or even a new window if that is only possible.)

Code:

var $el, $tempDiv, $tempButton, divHeight = 0;

$.fn.middleBoxButton = function(text, url) {
    
    return this.hover(function(e) {
    
        $el = $(this).css("border-color", "white");
        divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));
                
        $tempDiv = $("<div />", {
            "class": "overlay rounded"
        });
                
        $tempButton = $("<a />", {
            "href": url,
            "text": text,
            "class": "widget-button rounded",
            "css": {
                "top": (divHeight / 2) - 7 + "px"
            }
        }).appendTo($tempDiv);
                
        $tempDiv.appendTo($el);
        
    }, function(e) {
    
        $el = $(this).css("border-color", "#999");
    
        $(".overlay").fadeOut("fast", function() {
            $(this).remove();
        })
    
    });
    
}

$(function() {
    
    $(".widget-one").middleBoxButton("Action Games","action.htm");
    $(".widget-two").middleBoxButton("Adventure Games", "adventure.htm");
    $(".widget-three").middleBoxButton("Arcade Games", "arcade.htm");
    $(".widget-four").middleBoxButton("Puzzle Games", "puzzle.htm");
	$(".widget-five").middleBoxButton("Sport Games", "sport.htm");
	$(".widget-six").middleBoxButton("Search Games", "searchgames.htm");

});

Thank you very much for your help!!!

How To Make Javascript Variable Declaration Strict?

Similar Tutorials

View Content

I've just discovered (through trial and error) that if a variable is assigned a value without first being declared, it automatically has global scope, even if it is assigned inside a function.

This is a pain in the butt because if you forget the var keyword, then suddenly ... whoops! You've got yourself a global variable!

Is there any way that I can make javascript throw an exception if I fail to declare a variable before assigning a value to it?

It would make things much easier, rather than having to hunt through increasingly complex functions to find that pesky unintentionally global variable.

How To Make Rtsp Request In Html5 Or In Javascript?

Similar Tutorials

View Content

How to make request "rtsp://localhost:554/sample_100kbit.mp4"? (in HTML5 or Javascript) I want to access video streaming data which source is present on Darwin server

Make Onclick Event On Javascript Button To Working

Similar Tutorials

View Content

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
    mydWindow=open("secondary.html", "yes");
    }

    </script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');

}

function closeChild(){
    if(winChild){
         winChild.close();
    }
}


var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
	if(fSubject.length>0){
	if(isNaN(fSubject)){fSubject="";}
	else{opener.alert("Please enter figure");}
	numSub=parseInt(fSubject);
	if(numSub==5){var strSub="abcde";}
	self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
	var mercy="<HTML><BODY>"
	mercy +="<CENTER>"
	sub=new Array(strSub.length);
	for(var i=0; i<sub.length; i++){
	m++;
	mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
	opener.alert("You have entered" +m +"subjects");
	}
	}
	mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
	self.document.write(mercy +"<BR>");
	self.document.bgColor="pink";
	newWindow();

document.write("<center><input type=\"button\"  name=\"  submit\"  value=\"SUBMIT\" onClick=newWindow('winChild','child.htm',100,100,200,200)><center>");
}

</script>
</head>
<body onload='me()' onFocus="closeChild();" onUnLoad="closeChild()">

<form></form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var winGrandChild;
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winGrandChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');
}
function closeGrandChild(){
    if(winGrandChild){
         winGrandChild.close();
    }
}
//-->
</SCRIPT>

</HEAD>


<BODY onFocus="closeGrandChild();" onUnload="closeGrandChild();">
<form>
<INPUT type="button" value="Open Window" name=button1 onClick=newWindow('winGrandChild','grandchild.htm',200,200,200,200)>
<form>
</BODY>
</HTML>

can somebody please tell me what need done. Everything is working fine except for the button created in javascript that is in the second window which is to open the third window. Thanks.

Javascript: Make Regular Expression Ignore New Lines

Similar Tutorials

View Content

Hi,

Does anyone know how to make a javascript regex ignore new lines?

I have this
Code:

html = html.replace(/<!--(.*?)-->/gi, '');        // HTML comments

which matches single line comments like -
Code:

<!-- this is a comment -->

but not this -
Code:

<!--
This is a comment
on multiple lines
-->

I think the answer lies with [\s\S] but I can't get it to work

e.g. -
Code:

html = html.replace(/<!--(.*[\s\S]?)-->/gi, '');        // HTML comments

Any help will be greatly appreciated

Cheers Al

Make Document/ Website Viewable Only When Javascript Is Enabled

Similar Tutorials

View Content

Hello,

I would like to know how to make a website (in this case, a parent div) viewable only if JavaScript is enabled?

I tried to develop a code that can do this, but could not find the solution.
Code:

<html>
<head>
<script type="text/javascript">
window.onload=function()
var="true"
if(JavaScript.enabled)
{
document.getElementById('true')
}
OnClick()
{document.getElementById('toggle').onclick=function()
	{document.getElementById('jahava').style.display=(document.getElementById('jahava').style.display!='none')?'none':'';}}
</script>
</head>
<body>
<noscript>You must have JavaScript enabled to view the website.</noscript>
<div id="jahava">Contents Here</div>
</body>
</html>