|
HTML - Html/javascript Problem In Code
Hey,
For some reason my table portion of this code does not display... Also, my background color or my td color also do not display...HTML code is posted below. Any help would be awesome... Thanks! HTML Code: <html>
<head>
<title>Business Projection Site</title>
<style>
body {bacground-color: #00AAAA}
table {border-collapse: collapse}
td {background-color: rgb(0,230,0)}
</style>
<script>
L=211;
verty=Math.floor(L/20)*1.0;
function forecast(){
a1=parseFloat(document.form1.input1.value);
a2=parseFloat(document.form1.input2.value);
a3=parseFloat(document.form1.input3.value);
a4=parseFloat(document.form1.input4.value);
d1=a2-a1;
d2=a3-a2;
d3=a4-a3;
dmax=Math.max(Math.abs(d1),Math.abs(d2),Math.abs(d3));
dmin=Math.min(Math.abs(d1),Math.abs(d2),Math.abs(d3));
err=dmax-dmin;
avga=(a1+a2+a3+a4)/4.0;
erra=err/avga;
avgd=(d1+d2+d3)/3.0
r1=a2/a1;
r1=a3/a2;
r1=a4/a3;
rmax=Math.max(r1,r2,r3);
rmin=Math.min(r1,r2,r3);
errg=rmax-min;
avgr=(r1+r2+r3)/3.0;
if(errg<erra)stype="A";
else stype="g";
if(stype="A")
{ a5=a4*avgd;
a6=a5*avgd;
a7=a6*avgd;
a8=a7*avgd;
}
else{
a5=a4*avgr;
a6=a5*avgr;
a7=a6*avgr;
a8=a7*avgr;
}
document.form1.out1.value=a5.toFixed(2);
document.form1.out2.value=a6.toFixed(2);
document.form1.out3.value=a7.toFixed(2);
document.form1.out4.value=a8.toFixed(2);
msglin='Your data is more like a linear trend than a % growth. ';
msglin= msglin+'The average change per period is '+avgd;
msgexpgr='Your data is more like % growth than linear trend. ';
avgrgr =100.*(avgr-1.0);
avgrgr=avgrgr.toFixed(2);
msgexpred='Your data is more like % reduction than linear trend. ';
avgrred = 100.*(1.0-avgr);
avgrred=avgrred.toFixed(2);
msgexpred= msgexpred+'The average reduction per preiod is '+avgrred+'%';
if(stype=="A")document.form1.anal.value=msglin;
else if(avgr>1.0) document.form1.anal.value=msgexpgr;
else document.form1.anal.value=msgexpred;
}
function plot() {
var values=new Array (a1,a2,a3,a4,a5,a6,a7,a8);
var yt2=new Array(8);
var xt1=new Array(8);
var minPV=9999;
var maxPV=-9999;
for (i=0; i<8; i++){
if (values[i]<minPV)
minPV=values[i];
if (values[i]>maxPV)
maxPV=values[i];
}
for (i=0; i<8; i++){
yt2[i]=(values[i]-minPV)/(maxPV-minPV)*(L-(2*verty))+verty;
}
for (i=0; i<8; i++){
xt1[i]=Math.round((L-(2*verty))/(8-1)*i+verty);
}
for (i=0; i<4; i++){
line1(xt1[i], yt2[i], xt1[i+1], yt2[i+1], "#FFF7F7");
points (xt1[i], yt2[i], "#000000", 3);
}
for (i=4; i<8; i++){
line1(xt1[i], yt2[i], xt1[i+1], yt2[i+1], "00EEEE");
points (xt1[i], yt2[i], "#000000", 3);
}
function clearplot()
{
for(i=1;i<=L;i++){
for(j=1;j<=L;j++){
a=document.getElementById(j+","+i);
a=style.backgroundColor="#FF7777";
}
}
}
function point(xx1,yy1,color1)
{ yy1=Math.round(yy1);
xx1=Math.round(xx1);
idPoint=(L-yy1+1)+","+xx1;
cell1=document.getElementById(idPoint);
cell1.style.backgroundColor=color1;
}
function points(xx1,yy1,color1,n)
{ n2=Math.floor(n/2);
for(i1=0; i1<n; i1++)
for(j1=0; j1<n; j1++)
point(xx1-n2+i1,yy1-n2+j1,color1);
}
function line1(xx1, yy1, xx2, yy2, color1)
{ m=(yy2-yy1)*1.0/(xx2-xx1);
if (Math.abs(xx2-xx1) >= Math.abs(yy2-yy1))
{
for (j=xx1; j<=xx2; j++){
y=m*(j-xx1)+yy1;
point(j,y,color1);
}
}
else {
ymax=Math.max(yy1,yy2);
ymin=Math.min(yy1,yy2);
for(k=ymin; k<=ymax; k++){
x=(k-yy1)/m+xx1;
point(x,k,color1);
}
}
}
function expGrowth()
{ document.form1.input1.value="10.0";
document.form1.input2.value="20.0";
document.form1.input3.value="40.0";
document.form1.input4.value="80.0";
document.form1.out1.value='';
document.form1.out2.value='';
document.form1.out3.value='';
document.form1.out4.value='';
document.form1.analysis.value="";
}
function expReduction()
{ document.form1.input1.value="200.0";
document.form1.input2.value="100.0";
document.form1.input3.value="50.0";
document.form1.input4.value="25.0";
document.form1.out1.value='';
document.form1.out2.value='';
document.form1.out3.value='';
document.form1.out4.value='';
document.form1.analysis.value="";
}
function linGrowth()
{ document.form1.input1.value="10.0";
document.form1.input2.value="20.0";
document.form1.input3.value="30.0";
document.form1.input4.value="40.0";
document.form1.out1.value='';
document.form1.out2.value='';
document.form1.out3.value='';
document.form1.out4.value='';
document.form1.analysis.value="";
}
function linReduction()
{ document.form1.input1.value="40.0";
document.form1.input2.value="30.0";
document.form1.input3.value="20.0";
document.form1.input4.value="10.0";
document.form1.out1.value='';
document.form1.out2.value='';
document.form1.out3.value='';
document.form1.out4.value='';
document.form1.analysis.value="";
}
</script>
</head>
<body>
<h2>Revenue Projection</h2>
<form name='form1'>
<b>Enter 4 historical data points:</b>
<br/>
<pre>1. Enter at least 2 data points in this
section to forecast and plot your data.
2. Or click on one of the buttons below for
examples of linear or exponential growth,
or shrink or linear reductions growths.</pre>
<p>
<input type= 'textfield' size=15 name='input1' />
<input type= 'textfield' size=15 name='input2' />
<input type= 'textfield' size=15 name='input3' />
<input type= 'textfield' size=15 name='input4' />
<p>
<input type="button" value="Exponential Reduction" onclick="expReduction()"/>
<input type="button" value="Linear Reduction" onclick="linReduction()"/>
<input type="button" value="Linear Growth" onclick="linGrowth()"/>
<input type="button" value="Exponential Growth" onclick="expGrowth()"/>
<p>
<b>Predicted Future Values:</b>
<p>
<input type="text" name="out1" size=15 />
<input type="text" name="out2" size=15 />
<input type="text" name="out3" size=15 />
<input type="text" name="out4" size=15 />
<p><input type="button" value="Forecast" onclick="forecast()">
<p><input type="text" size="115" name="anal" />
</form>
<h4>Normalized Plot:</h4>
<p>
<input type="button" value="Plot Data" onclick="plot()">
<input type="button" value="Clear Plot Data" onclick="clearplot()">
<p>
<table>
<script>
for(i=0; i<L; i++){
document.write("<tr>");
for(j=0; j<L; j++){
document.write("<td id='"+i+","+j+"'>");
}
document.write("</tr>")
}
</script>
</table>
</body>
</html>
Similar TutorialsMy html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I'm having a problem trying to anchor this Javascript menu into a fixed position. Heres the website http://www.intuition-designs.com/test1.htm as you might recognize, I'm trying to mimic the Facebook application bar that runs along the bottom of their website I'd like to have the menu anchored to the navbar at the bottom, so when I scroll, the menu will not scroll. I have a separate Javascript file for the menu Here is the HTML for the website so far. ANY HELP IS GREATLY APPRECIATED!!: 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>Untitled Document</title>
<style type="text/css">
html, body {
height:100%;
}
html.use_scroll_wrapper {
overflow:hidden;
}
#bottom_bar {
position:fixed;
bottom:0;
left: 15px;
right: 15px;
height: 27px;
background:url(http://www.intuition-designs.com/images/midbottom.png) repeat top left;
z-index: 3;
color: #FFF;
text-align: right;
}
#bottom_bar table tr th {
text-align: right;
}
.gg {
text-align: right;
}
.xx {
text-align: left;
}
</style>
</head>
<body>
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="navbar",awmBN="766";awmAltUrl="";</script><script charset="UTF-8" src="navbar.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>
<div id="bottom_bar"> <table width="50" border="0" align="left" cellpadding="0" cellspacing="0" id="awmAnchor-navbar">
<tr>
<th scope="col"> </th>
</tr>
</table>
</div>
</body>
</html>
Hello Everyone, The following html code supposed to do simple arithmetic operations (calculator). It generates the calculator table but i can't do any computation. I don't know the problem. Please see the code and give me suggestion/s. Thank you, joealem P.S: I am using dreamweaver. 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" />
<head>
<title> CALCULATOR </title>
<style type="text/css">
td{
border:1px solid blue;
width: 50px;
}
#results {
height:20px;
}
</style>
</head>
<body>
<table width="379" height="229" border="0" cellpadding="2" cellspacing="2">
<tr>
<td colspan="4" id="results"></td>
</tr>
<tr>
<td width="88"><a href="#"onclick="return addDigit(1)">1</a></td>
<td width="91"><a href="#"onclick="return addDigit(2)">2</a></td>
<td width="85"><a href="#"onclick="return addDigit(3)">3</a></td>
<td width="89"><a href="#"onclick="return addDigit('+')">+</a></td>
</tr>
<tr>
<td><a href="#"onclick="return addDigit(4)">4</a></td>
<td><a href="#"onclick="return addDigit(5)">5</a></td>
<td><a href="#"onclick="return addDigit(6)">6</a></td>
<td><a href="#"onclick="return addDigit('-')">-</a></td>
</tr>
<tr>
<td><a href="#"onclick="return addDigit(7)">7</a></td>
<td><a href="#"onclick="return addDigit(8)">8</a></td>
<td><a href="#"onclick="return addDigit(9)">9</a></td>
<td><a href="#"onclick="return addDigit('*')">x</a></td>
</tr>
<tr>
<td><a href="#"onclick="return reset()">Clear</a></td>
<td><a href="#"onclick="return addDigit(0)">0</a></td>
<td><a href="#"onclick="return calculate()">=</a></td>
<td><a href="#"onclick="return addDigit('/')">/</a></td>
</tr>
</table>
<script type="text/javescript">
function addDigit(digit){
var resultField=document.getElementById("results");
resultField.innerHTML=resultField.innerHTML+digit;
return false;
}
function calculate(){
var resultField=document.getElementById("results");
resultField.innerHTML=eval(resultField.innerHTML);
return false;
}
function reset(){
var resultField=document.getElementById("results");
resultField.innerHTML="";
return false;
}
</script>
</body>
</html>
<body>
</body>
</html>
Hi, Been having a few problems with my code and need to seek help! I have pasted the code below of what i currently have, which works but the code it's self is invaild and will not pass xhtml checker. This is because i have the link arround other tags so the idea is when you hover over it the background image will change. If i put the link on its own in front of the code it will then just show the hover backgrounds but the text will be pushed below. I cant see how you get around this issue and help or pointers would be great! Thanks This is what i have: Code: div class ="features"> <a href="design.htm"> <h2>Starter</h2> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ul> <div class="more">More</div></a> </div> The Css: Code: .features {
display:block;
width: 202px;
height: 202px;
float:left;
margin-left: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 25px;
color: #0066FF;
}
.features a{
display: block;
height: 202px;
width: 202px;
background: url(images/button.gif) top left;
background-repeat: no-repeat;
}
.features a:hover {
background-position: bottom left;
display:block;
width: 202px;
height: 202px;
background-repeat: no-repeat;
}
Hi guys, Could you please help me in giving the code that takes data from the fields in HTML form and when submit button is clicked the mail has to go to the intended user through Microsoft office outlook. Please help me... its very urgent Thanks & Regards Karteek Challa Help please I have a form and am entering in some html code into it, but it's not posting. I guess it's a parsing error. In PHP I would addslashes or something like that, but i don't know what to do for a form... I'm sure this is really simple and i've got it wrong. I have been trying different things and searching the web for hours now... Thank you, Jo Code: function send_onclick(frmName)
{
var bolSubmit;
bolSubmit = true;
if (frmName.email.value == "")
{
alert("You must enter an email address");
bolSubmit = false;
}
if (bolSubmit == true)
{
frmName.submit(frmName);
}
}
</script>
</head>
<body>
<form name="frmName" method="post" action="validate.asp">
Enter your name in the text box. If nothing is entered, a warning <br />
message will be displayed. Only when you enter something into the <br />
text box will the page be submitted. <br /><br />
Please enter your name : <input type="text" name="email" size="20" /><br />
<input type="button" name="butSent" value="Do it" onclick="return send_onclick(frmName)">
</form>
</body>
</html>
Hi there, I would like to know the purpose of having var bolSubmit in the code above. Also, why is it that "form name" allows my code to work even though there is a warning stating that it is outdated, but when I change it from "form name" to "form id", it does not complain of the warning anymore, but instead my code does not work. Please advise. Hey everyone, I'm having a problem with a Flash .swf file in my HTML page. If I input the code one way, it works in Firefox and not in IE. If I do it another way, it works in IE and not Firefox. The approach I was thinking of taking was using conditional statements in Javascript, however I'm having problems arranging the code to properly implement it. And believe me, I've reworked this file and I'm getting nothing that works on both at the same time. Suggestions for both methods would be great -- If you'd like me to post the code I could do so. Thank you! Hello everyone. Below is the html code for a quiz i want to use for my website. What I want to do is, upon completion of the quiz, have 2 new text-entry forms and 1 "submit" button form appear at the bottom of the page asking the user to input one's name and email address before they can submit the results of their quiz. Both fields would be required.. <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Knowledge Assessment Tool</title> <script src="assessment.js" type="text/javascript"></script> <script src="quiz.js" type="text/javascript"></script> <link rel="stylesheet" href="quiz.css" type="text/css"> </head> <body bgcolor="#FFFFFF"> <p><font color="#2431A2"><u><b>10 Point Quiz</b></u></font></p> <div id="quiz1"></div> <div id="quiz2"></div> ** </body> </html> ** denotes where the text and submit button would show up after the quiz is completed asking the user for name/email address. As you can tell I have no clue how to acheive this. Any help is greatly appreciated. Thank you. Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! Hello everybody, I'm new here. I'm redesigning my own website and came up with some tricky situation. I write HTML lessons and I want to put just the pure code in my posts, but they appear as a regular html document... How do I make the code to be shown just as text (code), like we do in the forum boards (code tags or whatever)? I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. Dear Forum-goers, If I knew what to search for I would, but I don't know what this idea is called. I want to create a website with code that does the following: <body> (INSERT FROM OTHER HTML FILE: Page introduction) (INSERT FROM OTHER HTML FILE: Content) (INSERT FROM OTHER HTML FILE: Sidebar) </body> Is there a way to do this? If not, then okay. I've tried using <link />, which doesn't do the job. You'll see the line in question in blue font: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>This is the main page.</title> <link type="text/css" rel="stylesheet" href="journal.css" /> </head> <body> <link type="text/html" rel="content" href="tobelinked.html" /> </body> </html> Hey im looking for a html code so I can hide my url links so nobody can see the url to the websites they are clicking. Thanks in advance I use reporting services alot, and all the code in that is XML, but i want to use a refresh code that is html, how could i do this? or is it possible Hi, I am new to custom tag help, I am working in Joomla. I have to bold a keyword in the content but it should not be displayed on the front end. I mean its more for Search Engines, I understood that its a custom code that I need to write for it. If some one has an idea about this please help me out Hello. I'm having problems. When I link the home button and then go to the page, the home button is all white. Here is a pictu Here is the code: [code]<td rowspan="5"> <a href="http://www.goldgaming.bravehost.com><img src="images/index_03.jpg" width="82" height="135" alt=""></a></td> How can I fix this problem? Hi boys n gals, I would like to embed these social sites in my site, (delicious, facebook, diggs etc) , any one with such HTML codes in one piece? (excuse it if it sounds........) Looking forward to hearing from you Hello Im some what knew to HTML and im trying to make a Resume for a class, but Im having a little trouble. Im trying to center some headings in my table, but it doesn't seem to work. Also now the education part is next to the headings. <html> <head> <title>Resume - John</title> </head> <body style="background:#B45F04"> <p style="text-align: center;"><b><h2>Resume - John</h2></b></p> <br> <table border="0" width="600" cellpadding="45" cellspacing="45"> <p style="text-align: center;"> <tr> <TH ALIGN=Center Rowspan=2><p><a href="#Ed">Education</a></p></th> <TH ALIGN=Center Rowspan=2><p><a href="#Exp">Experience</a></p></th> <TH ALIGN=Center Rowspan=2><p><a href="#Tal">Talents</a></p></th> <TH ALIGN=Center Rowspan=2><p><a href="#Ref">References</a></p></th> </tr> <td><a name="Ed"><h3>Education</h3></a></td> <td>Table Cell</td> </tr> <tr> <td><a name="Exp"><h3>Experience</h3></a></td> <td>Table Cell</td> </tr> <tr> <td><a name="Tal"><h3>Talents</h3></a></td> <td>Table Cell</td> </tr> <tr> <td><a name="Ref"><h3>References</h3></a></td> <td>Table Cell</td> </tr> </table> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p> </body> </html> |
|||||||