|
JavaScript - Wrong Color
I am using an external style sheet to set the color of my calculator to gray. However, when I open my javascript in Google Chrome, the calculator is red. I've checked the style sheet code and it's correct. Can anyone tell me why this is happening? I posted both the html and css code below.
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=iso-8859-1" />
<title>Calculator</title>
<link rel="stylesheet" type="text/css" href="assignment2.css" />
<div align="center">
<script type="text/javascript">
var title = "<strong>Calculator</br> Aughtman, Zackary</strong>"
document.write(title.fontsize(5));
</script>
</div>
</head>
<body>
</br>
</br>
<div align="center">
<table align = "center" border="1" bordercolor="div1" bgcolor="div2">
<tr>
<td colspan="4">
<input type="text" value="" id="results" class="results" />
</td>
</tr>
<tr>
<td>
<input type="button" style="width:30px" value="7" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="8" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="9" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="/" onclick="EnterOperator(this.value)">
</td>
</tr>
<tr>
<td>
<input type="button" style="width:30px" value="4" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="5" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="6" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="*" onclick="EnterOperator(this.value)">
</td>
</tr>
<tr>
<td>
<input type="button" style="width:30px" value="1" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="2" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="3" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="-" onclick="EnterOperator(this.value)">
</td>
</tr>
<tr>
<td>
<input type="button" style="width:30px" value="0" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="N" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="L" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="+" onclick="EnterOperator(this.value)">
</td>
</tr>
<tr>
<td>
<input type="button" style="width:30px" value="" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="=" onclick="EnterNumber(this.value)">
</td>
<td>
<input type="button" style="width:30px" value="C" onclick="EnterOperator(this.value)">
</td>
</tr>
</table>
</br>
<script type="text/javascript">
document.write("<strong>Instructions</strong></br>");
document.write("Click a number, then an action, then another number, then the equals button.</br>");
document.write("Press C when ready to start over.</br>");
document.write("The N button makes your previous number a negative.</br>");
document.write("The L button requires one number to be available,</br>");
document.write("it will loop through that numberto ten plus that number</br>");
document.write("and add all values and display.</br>");
document.write("For example: 1+2+3+4+5+6+7+8+9+10=55</br></br>");
document.write("<strong>Navigator Info</strong></br>");
document.write("App Name: Netscape</br>");
document.write("Cookes Enable: true</br>");
document.write("User agent Mozilla 5.0 Windows NT 5.1; rv:6.0 Gecko 20100101 Firefox 6.0</br>");
</script>
</div>
</body>
</html>
Code: #div1 {color:#999999}
#div2 {color:#999999}
Similar TutorialsHi, I'm faced with a problem trying to set background color under IE7. I have the following Javascript: Code: function showLayer793BKColor(id)
{
var txtObj = document.all(id);
if (txtObj.style.display == 'none')
{
txtObj.style.display = ''
txtObj.style.backgroundColor = 'grey';
}
}
function hideLayer793BKColor(id)
{
var txtObj = document.all(id);
if ( txtObj.style.backgroundColor == 'grey' )
txtObj.style.display = 'none';
}
These functions are used to show or hide div blocks. These blocks are, for example, specified in the following way: Code: <div id="l_gct5tekst" style="display:none"> <b>GCT 5. Eerste verkenning problematiek</b> and, for example, Code: <div id="l_Keuze" style="display:none"> <br/> <b>GCT 5</b> <br/> </div> The whole configuration works smoothly when using IE8. However, when using IE7 I get an error msg like "Invalid value for property". When I use the Color propert iso the BackgroundColor property I get no error anymore but of course I don't have a background color anymore then. In what way can I specify the use of a background color under IE7 ? Or is just not possible in one way or the other. Furthermore, what more differences between JS under IE7 and IE8 do I have to take into account ? Do I also have to rewrite my div block in some way (using some attribs ?) to cope with IE7 ? Thanks in advance, Diederick van Elst Hi! New to JS... have been trying to rework this to call additional, independent sets of colors to cycle through (so it would loop thru a set of grays, a set of primary colors, etc). I would use perhaps a different function name in the HTML to call different sets of colors. If this is more complex than I think it is, I think 3 sets would be plenty. Would be hugely grateful for any help, thanks so much in advance. (demo link of script in current state at bottom) Code: <html><head><title></title>
<script language=javascript>
colors = ["#cacdca", "#b2b4b2", "#969896", "#7d7f7d", "#ffff00"];
cRGB = [];
function toRGB(color){
var rgb = "rgb(" + parseInt(color.substring(1,3), 16) + ", " + parseInt(color.substring(3,5), 16) + ", " + parseInt(color.substring(5,7), 16) + ")";
return rgb;
}
for(var i=0; i<colors.length; i++){
cRGB[i] = toRGB(colors[i]);
}
function changeColor(target){
var swapper = navigator.appVersion.indexOf("MSIE")!=-1 ? toRGB(document.getElementById(target).style.backgroundColor) : document.getElementById(target).style.backgroundColor;
var set = false;
var xx;
for(var i=0; i<cRGB.length; i++){
if(swapper == cRGB[i]){
if(((i+1)) >= cRGB.length){
xx = 0;
}else{
xx = i+1;
}
document.getElementById(target).style.backgroundColor = colors[xx];
document.getElementById(target).style.backgroundImage.show;
set = true;
i=cRGB.length;
}
}
set ? null : document.getElementById(target).style.backgroundColor = colors[1];
}
</SCRIPT>
</head>
<body bgcolor="#333333">
<div>
<div id="a1" onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background1.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: none"></div>
<div id=a2 onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background2.gif); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633"></div>
<div id=a3 onmouseover=changeColor(this.id);
style="left: 120px; background-image: url(background3.png); width: 180px; background-repeat: no-repeat; position: relative; height: 80px; background-color: #666633"></div></div>
</body>
</html>
Demo: http://theclutch.com/rollover_color_..._bgndimage.htm document.write('<a href='+'"'+imagelinks[ry]+'"'+' target="_blank"><img src="'+myimages[ry]+'" border=0 max-height="250" max-width="900"></a>') I've looked over this 100 times and can't figure it out. The image shows up and you can click it. The max height and width isn't working and the image isn't opening in a new tab. Any help? first- i wanted to say (for all those who see it before the Mods remove it) how stupid does a bot have to be to set its spam to be resolved at OP? lol so now my question... I have two divs with some styling. Code: #show{CSS code}
#menuDet1{CSS code and visibility:hidden;}
I then had in html Code: <div id="show" onmouseover="changevis(1)"></div> <div id="me1"></div> and then a function Code: function changevis(index){
acMenuDet="me" + index;
document.getElementById(acMenuDet).visibility="visible";
}
a colleague of mine helped me "debug" this until it worked and we came up with Code: function details_visible(index) {
var acMenuDet = "menuDet" + index;
document.getElementById(acMenuDet).style.visibility = "visible";
;
}
function details_hidden(index) {
var acMenuDet = "menuDet" + index;
document.getElementById(acMenuDet).style.visibility = "hidden";
;
}
Note: also changed code in div to Code: <div id="show" onmouseover="details_visible(1)" onmouseout="details_hidden(1)"> Hover over me</div> <div id="menuDet1" style="visibility: hidden;" >Plesam Plesam Plesam Plesam Plesam</div> I do not see off the bat what I was doing wrong- anyone else see what I did incorrectly? First, I am new to javascript... I've been trying to get help on a dynamic menu but no one ever seems to respond... So I will start with the pieces... I do not understand why this chunk of code is not working... All i have is a div and the script is simply supposed to make the div have a new size... here is the script... Code: <script type="text/javascript">
var stretch = 200;
function Expand(index) {
var dname = "menu" + index;
document.getElementById(dname).style.width = stretch+'px';
}
</script>
here is the styling Code: <style type="text/css">
.show{height:20px; width:100px; display:block; background:lightgreen;}
</style>
and here is the simple html Code: <div id="menu1" class="show" onclick="runExpand(1)"></div> I get the 'Invalid' confirmation but not the 'Valid' one... WHY? It works when I plug in this instead though... if (user.length < 5) 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>Form Validation</title>
</head>
<body>
<script type="text/javascript">
function checkForm()
{
var user = document.getElementById('user').value;
if (user != "turgeon"){
alert("Invalid Username");
return false;
}
else{
return true;
}
}
function checkUser() {
var user = document.getElementById('user').value;
var element = document.getElementById('labelUser');
if(user != "turgeon"){
element.innerHTML = "Invalid Username";
element.style.color = "red";
}
else{
element.innerHTML = "Valid Username";
element.style.color = "green";
}
}
</script>
<form onsubmit="return checkForm();">
<input type="text" id="user" onblur="checkUser();" />
<label id="labelUser"></label>
<input type="submit" value="submit" />
</form>
</body>
</html>
Hello people, I have just started to dabble in Javascript and for my first 'project' i want to display a popup window in the center of the current browser window. I am usng the following script and when testing it using firefox/mozilla it works really well, however when i test it using Internet Explorer it goes a little wonky. here is my script: function doBubblePopUp(myId, moduleId){ var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } var centerX = parseInt(myWidth / 2) - 225; var centerY = parseInt(myHeight / 2) - 275; i have looked at lots of tutorial and reference sites and with my limited understanding, the above script should work. any help would be gratefully appreciated, The script i'm trying to write consist of asking the user for his name in a form format which is then sent in a cookie. When the user reconnect to the same page, it displays : Hi, "HISNAME", welcome to my site! I don't know what I'm doing wrong, seriously. <!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> <title>Untitled Document</title> <script type="text/javascript"> if ( ! get_cookie ( "username" ) ) { var username = document.write( <form name="name"> <table> <tr> <td valign="top"> Name : </td> <td> <input type="text" name="texte" value=""> </td> <td> <INPUT TYPE="button" NAME="bouton" Value="Click" onClick="testResults(this.form)"> </td> </tr> </table> </form>); if ( username ) { var current_date = new Date; var cookie_year = current_date.getFullYear ( ) + 1; var cookie_month = current_date.getMonth ( ); var cookie_day = current_date.getDate ( ); set_cookie ( "username", username, cookie_year, cookie_month, cookie_day ); } } else { var username = get_cookie ( "username" ); document.write ( "Hi " + username + ", welcome to my website!" ); document.write ( "<br><a href=\"javascript:delete_cookie('username'); document.location.reload ( );\"> Forget about me!</a>" ); } </script> </head> <body> </body> </html> HTML Code: <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--META TAGS--> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="description" content="The best of the internet all in one place" /> <meta name="keywords" content="Votillity,Homepage,Directory,email,file sharing,financial,games,jobs,language,literature,maps,music,news,politics,pro wrestling,science,shopping,social,networking,sports,travel,tv,movies,videos,calculate,calculator," /> <meta name="author" content="Matthew Chatterton" /> <meta name="google-site-verification" content="iJB8KNduVUeBu7MBY6Jyw7WqxekCCgVgwq_arLQGAZk" /> <meta name="alexaVerifyID" content="vbR_arpXTayIO5B7nHs9BjLOYFE" /> <!--STOP META TAGS--> <!--EXTERNAL FILES--> <link rel="stylesheet" type="text/css" href="css/main.css" /> <link id="altstyle" rel="stylesheet" type="text/css" href="css/main.css" /> <script type="text/javascript" src="main.js"></script> <link rel="shortcut icon" href="http://votillity.com/img/VotillityIcon.ico" /> <link rel="apple-touch-icon" href="http://votillity.com/img/VotillityAppleTouchIcon.png" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <!--STOP EXTERNAL FILES--> <title>Votillity.com</title> <!--CSS INTERNAL--> <!--CSS INTERNAL--> <!--JAVASCRIPT INTERNAL--> <!--JAVASCRIPT INTERNAL--> </head> <body onload="startTime()" style="background:#ffffff;"> <button class="buttontabs" style="position:fixed;top:0;left:0;" onclick="function tabs1()">Tab 1</button> <div> <object id="UUS1" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:80px;" onclick="function tabs2()">Tab 2</button> <div> <object id="UUS2" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:160px;" onclick="function tabs3()">Tab 3</button> <div> <object id="UUS3" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:240px;" onclick="function tabs4()">Tab 4</button> <div> <object id="UUS4" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:320px;" onclick="function tabs5()">Tab 5</button> <div> <object id="UUS5" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:400px;" onclick="function tabs6()">Tab 6</button> <div> <object id="UUS6" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:480px;" onclick="function tabs7()">Tab 7</button> <div> <object id="UUS7" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:560px;" onclick="function tabs8()">Tab 8</button> <div> <object id="UUS8" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <button class="buttontabs" style="position:fixed;top:0;left:640px;" onclick="function tabs9()">Tab 9</button> <div> <object id="UUS9" style="width:100%;height:96%;visibility:hidden;" data="http://Votillity.com/Votillity.html"> <embed src="http://Votillity.com/Votillity.html"/> </object> </div> <p class="counter" style="position: fixed; bottom: -18px; right: 3px;"></p> <span class="time" style="position: fixed; top: 0px; right: 5px; font-weight: 900; color: green;" id="time"></span> </body> </html> Javascript Code: function tabs1()
{
var tabs1 = [
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs1.style.visibility='hidden'
document.getElementById('UUS1').style.visibility="visible"
}
function tabs2()
{
var tabs2 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs2.style.visibility='hidden'
document.getElementById('UUS2').style.visibility='visible'
}
function tabs3()
{
var tabs3 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs3.style.visibility='hidden'
document.getElementById('UUS3').style.visibility='visible'
}
function tabs4()
{
var tabs4 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs4.style.visibility='hidden'
document.getElementById('UUS4').style.visibility='visible'
}
function tabs5()
{
var tabs5 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs5.style.visibility='hidden'
document.getElementById('UUS5').style.visibility='visible'
}
function tabs6()
{
var tabs6 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs6.style.visibility='hidden'
document.getElementById('UUS6').style.visibility='visible'
}
function tabs7()
{
var tabs7 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS8') },
{ document.getElementById('UUS9') }
];
document.tabs7.style.visibility='hidden'
document.getElementById('UUS7').style.visibility='visible'
}
function tabs8()
{
var tabs8 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS9') }
];
document.tabs8.style.visibility='hidden'
document.getElementById('UUS8').style.visibility='visible'
}
function tabs9()
{
var tabs9 = [
{ document.getElementById('UUS1') },
{ document.getElementById('UUS2') },
{ document.getElementById('UUS3') },
{ document.getElementById('UUS4') },
{ document.getElementById('UUS5') },
{ document.getElementById('UUS6') },
{ document.getElementById('UUS7') },
{ document.getElementById('UUS8') }
];
document.tabs9.style.visibility='hidden'
document.getElementById('UUS9').style.visibility='visible'
}
when I click on the buttons, nothing pops up I realy need help what is wrong with the IF Code: <script type="text/javascript">
function Player(name, xStart, yStart){
this.x = xStart;
this.y = yStart;
this.name = name;
this.walk = playerWalk;
this.locate = playerLocate;
}
var urHere = new Player("You",50,50);
function playerWalk(dir){
switch(dir){
case "up": this.y++; break;
case "down": this.y--; break;
case "left": this.x--; break;
case "right": this.x++; break;
default: alert("I don't understand: " + dir);
}
this.locate();
}
if (this.y == 50){
document.write ("<h3>Blob Wins!</h3>");
}
I have some inline javascript/jquery that won't function when I move it from inside the body tag. I want to put it into an external file. The proper Jquery library tag is setup and external .js files are linking correctly, Am I missing something in my code? Thanks. here is my code Code: <input type="button" onclick='fetch(\"no\", \"wifi.pl?action=connect&network="+document.getElementById(\'networkname\').value+"\");' value="Connect"> no matter how i try the combinations of '"\" i cannot seem to get the element value in the onclick. the fetch('no', 'url'); // no means just send the info and not get results just incase anyone was wondering. is just an ajax query I'm trying add the value of multiple text boxes automatically using javascript i revised the code many many times but i cant find an error or maybe im missing something you can find the source code in the link below http://wilson382.info/code.html or just download the file so you can revise and test code easily http://wilson382.info/build.zip what I want to do will work exactly like this: http://wilson382.info/src.html The working code of this script i got it from http://javascriptsource.com/ so credit goes to them thank in advance to anyone who try to help. edit: it works fine now but its not giving me the correct result the correct result is 1076 check it out: http://wilson382.info/build.html Hello, if you could please tell me what I did wrong to make this code not work. Can you put a variable in a function callback ? Quote: <script type="text/javascript"> var aaa = prompt('number?') var obja = new Const(aaa); functin Const(numb){ this.x=numb; alert(obja.x); } </script> Could someone please tell me why this doesn't work??? <html> <head> <title>slideshow</title> </head> <body> <script type="text/javascript"> theimage = new Array(); // The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4. // Format: theimage[...]=[image URL, link URL, name/description] theimage[0]=["http://img844.imageshack.us/img844/981/img3small.jpg", length="380", width="380"]; theimage[1]=["http://img850.imageshack.us/img850/4371/img2small.gif", length="380", width="380"]; theimage[2]=["http://img191.imageshack.us/img191/2923/img1small.gif", length="380", width="380"]; ///// Plugin variables playspeed=3000;// The playspeed determines the delay for the "Play" button in ms dotrans=1; // if value = 1 then there are transitions played in IE transtype='blendTrans';// 'blendTrans' or 'revealtrans' transattributes='23';// duration=seconds,transition=#<24 //##### //key that holds where in the array currently are i=0; //########################################### window.onload=function(){ //preload images into browser preloadSlide(); //set transitions GetTrans(); //set the first slide SetSlide(0); //autoplay PlaySlide(); } //########################################### function SetSlide(num) { //too big i=num%theimage.length; //too small if(i<0)i=theimage.length-1; //switch the image if(document.all&&!window.opera&&dotrans==1)eval('document.images.imgslide.filters.'+transtype+'.Appl y()') document.images.imgslide.src=theimage[i][0]; if(document.all&&!window.opera&&dotrans==1)eval('document.images.imgslide.filters.'+transtype+'.Play ()') } //########################################### function PlaySlide() { if (!window.playing) { PlayingSlide(i+1); if(document.slideshow.play){ document.slideshow.play.value=" Stop "; } } else { playing=clearTimeout(playing); if(document.slideshow.play){ document.slideshow.play.value=" Play "; } } // if you have to change the image for the "playing" slide if(document.images.imgPlay){ setTimeout('document.images.imgPlay.src="'+imgStop+'"',1); imgStop=document.images.imgPlay.src } } //########################################### function PlayingSlide(num) { playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed); } //########################################### //desc: picks the transition to apply to the images function GetTrans() { //si=document.slideshow.trans.selectedIndex; if((document.slideshow.trans && document.slideshow.trans.selectedIndex == 0) || (!document.slideshow.trans && dotrans==0)){ dotrans=0; } else if ((document.slideshow.trans && document.slideshow.trans.selectedIndex == 1) || (!document.slideshow.trans && transtype == 'blendTrans')){ dotrans=1; transtype='blendTrans'; document.imgslide.style.filter = "blendTrans(duration=1,transition=1)"; }else{ dotrans=1; transtype='revealtrans'; if(document.slideshow.trans) transattributes=document.slideshow.trans[document.slideshow.trans.selectedIndex].value; document.imgslide.style.filter = "revealTrans(duration=1,transition=" +transattributes+ ")"; } } //########################################### function preloadSlide() { for(k=0;k<theimage.length;k++) { theimage[k][0]=new Image().src=theimage[k][0]; } } </script> <form name="slideshow"> <table style="width: 502px; height: 358px;" border="1" cellpadding="2" cellspacing="0"> <tbody> <tr> <td align="center"> <a href="#" onmouseover="this.href=theimage[i][1];return false"> <script type="text/javascript"> document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">') </script></a></td> </tr> </tbody> </table> </form> </body> </html> Code: function CalculatePayment(form) {
// Check Amount is not a number
if (isNaN(form.CheckAmount.value) || form.CheckAmount.value=="") {
alert("Please enter a valid check amount.");
form.CheckAmount.select();
form.CheckAmount.focus();
return;
}
else {
form.CheckAmount.value = moneyConvert(form.CheckAmount.value);
}
var totalMoney = parseFloat(form.CheckAmount.value);
var copayDue = parseFloat(form.CopayDue.value);
var deductibleDue = parseFloat(form.DeductibleDue.value);
var totalDue = parseFloat(form.TotalDue.value);
// COPAY
if (totalMoney > copayDue) {
form.Copay.value = moneyConvert(copayDue);
totalMoney = (totalMoney - copayDue);
}
else {
form.Copay.value = moneyConvert(totalMoney);
totalMoney = 0;
}
// DEDUCTIBLE
if (totalMoney > deductibleDue) {
form.Deductible.value = moneyConvert(deductibleDue);
totalMoney = (totalMoney - deductibleDue);
}
else {
form.Deductible.value = moneyConvert(totalMoney);
totalMoney = 0;
}
var copay = parseFloat(form.Copay.value);
var deductible = parseFloat(form.Deductible.value);
// COPAY ADJUSTMENT
if (form.FullPay.checked)
form.CopayAdjustment.value = moneyConvert(copayDue - copay);
else
form.CopayAdjustment.value = "0.00";
// DEDUCTIBLE ADJUSTMENT
if (form.FullPay.checked)
form.DeductibleAdjustment.value = moneyConvert(deductibleDue - deductible);
else
form.DeductibleAdjustment.value = "0.00";
// OVERPAY
form.Overpay.value = moneyConvert(totalMoney);
}
function convertMoneyCents(txt) {
if (!isNaN(txt.value)) {
txt.value = moneyConvert(txt.value);
}
}
function DoCal(szTarget, szFieldLabel) {
var szDate = window.showModalDialog("../Calendar.html",szFieldLabel,"dialogHeight:230px;dialogWidth:220px;;center=1;status=0");
if((szDate != "") && (szDate != "undefined")) {
szTarget.value = szDate; }
}
function moneyConvert(strval) {
strval = Math.abs(strval) + "";
if (strval.indexOf(".") == -1) {
strval = strval + '.00';
}
else {
strval = strval + "00";
strval = strval.substr(0, strval.indexOf(".") + 3);
}
return strval;
}
HTML 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> <title>patientCalc</title> <link href="patientCalc.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="patientCalc.js"></script> </head> <body> <form id="frmPayment" action=""> <p> Total Balance: <input type="text" id="TotalDue" value="125.25" /> </p> <p> Total CoPay: <input type="text" id="CopayDue" value="114.54" /> </p> <p> Total Deductible: <input type="text" id="DeductibleDue" value="10.71" /> </p> <p> Original Total: <input type="text" id="OriginalTotal" value="125.25" disabled="disabled" /> </p> <p> Check Amount: <input type="text" id="CheckAmount" /> </p> <p> Copay: <input type="text" id="Copay" /> </p> <p> Deductible: <input type="text" id="Deductible" /> </p> <p> Pay in Full: <input type="checkbox" id="FullPay" checked="checked" /> </p> <p> Copay Adjustment: <input type="text" id="CopayAdjustment" /> </p> <p> Deductible Adjustment: <input type="text" id="DeductibleAdjustment" /> </p> <p> Overpay: <input type="text" id="Overpay" /> </p> <p> <input type="button" value="Calculate Payment" onclick="CalculatePayment(document.forms[0]);" /> </p> </form> </body> </html> the Deductible keeps coming up 0.00 Hi, I've got an html page that has it's overflow hidden with integrated css, now I want to use javascript to set overflow to hidden as soon as an swf is finished. My code is function hidelayer(lay) { document.getElementByName('body').style.overflow = 'visible'; } and I'm calling this function from flash with: getURL("javascript:hidelayer('newlayer');"); in the last frame. But the overflow stays hidden, so apparantly my javascript is wrong. The overflow is set to hidden in the body tag btw. Can anyone help me? i am trying to pass the Id of a text field so I can validate it. At this point all I want to do is enter some text into the text field and then send that content to an alert box. I think my code should work but I get an alert box that says: "undefined". HELP! 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)
alert(temp.value)
}
</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" onClick="verify_score()"></div>
<div id="HomePlayer1Rnd6Pnts" style="position:absolute; left:9.822px; top:37px; width:45px; height:29px; z-index:2">
<input name="HomePlayer1Rnd6Pnts" onBlur="verify_score('HomePlayer1Rnd6Pnts')" size=3></div>
<div id="HomePlayer1Rnd7Pnts" style="position:absolute; left:79.822px; top:37px; width:45px; height:29px; z-index:3">
<input 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>
|
|||||||