|
JavaScript - Need Help Urgently!! Ie Doesn't Display Correctly
Hi, I have a question here. I have 2 videos and if I click the image which uses #usemap, it will switch to the specific videos I clicked. FF and chrome has no problem but only IE.
The scenario is like this: Actual scenario is when the page load, it will display tab 1, video 1 and tab 2 is greyed out. If I clicked on tab 2, tab 1 is greyed out and video 2 is display. Both tabs I use #usemap. But now the problem in IE is that it keeps on displaying tab 1 and video 2 instead of video 1 and when I clicked tab 2, tab 2 is selected but no video is loaded. Below is a simple code which hope it can helps better understanding of what I'm trying to do: Code: <div>
<img src="tab.jpg" id="tab1" #usemap="videotab">
<img src="tab.jpg" id="tab2" #usemap="videotab">
</div>
<div id="video1" style="display:block"><"1st video source codes here"></div>
<div id="video2" style="display:none"><"2nd video source codes here"></div>
<map name="videotab">
<area href="" onclick="swapvideo(1); return false;" />
<area href="" onclick="swapvideo(2); return false;" />
</map>
function swapvideo(num){
if (num == 1)
{
document.getElementById("video1").style.display = "block";
document.getElementById("video2").style.display = "none";
document.getElementById("tab1").style.display = "block";
document.getElementById("tab2").style.display = "none";
}
else if (num == 2)
{
document.getElementById("video2").style.display = "block";
document.getElementById("video1").style.display = "none";
document.getElementById("tab2").style.display = "block";
document.getElementById("tab1").style.display = "none";
}
}
This is the brief code. IE just keep displaying video 2 when page load and video doesn't loads when tab 2 is clicked. Even if I program the 2 divs to be show, it only shows video 2 and video 1 is nowhere to be seen. And I tried taking out the video 2 codes, video 1 then can be seen. Hope you guys out there can understand what I'm trying to say. Similar TutorialsThe right most images are supposed to be visable and flip into view as the user scrolls. In IE, it's truncated and shoved over to the left. As you can see from the screenshot I attached, everything works fine in Moz. I think this is the suspect bit of js: Code: //move out the images on the right, then delete the right most one
var end = old + 4;
if(end > this.getListLength()) end = this.getListLength();
for(var i = old + 1; i < end; i++) this.shiftOut(i, 'r', old, sel, end);
var start = sel - 3;
if(start < 0) start = 0;
var lOffset = (this.containerWidth - 100 - this.widthOffset - 50) + ((old - sel) * 50);
var zIndex = 500 - ((old - sel) * 50);
var dur = this.chainDuration / 2;
this.tiltAway(old, 'r', lOffset, zIndex, dur);
var fn = function(){
Coverflow.center.apply(Coverflow, [sel, 'l', 1]);
for(var i = start; i < sel; i++) Coverflow.shiftIn(i, 'l', old, sel);
}
setTimeout(fn, dur / 2);
} else if(old < sel) {
this.working = true;
Here's the CSS: Code: #__cvfl-coverflow{
height: 560px;
margin: auto;
overflow: hidden;
position: relative;
width: 600px;
}
#__cvfl-coverflow-label{
color: #fff;
font: 15pt Arial;
line-height: 1.3em;
position: relative;
top: 238px;
z-index: 700;
margin-left:85px;
margin-top:15px;
}
#__cvfl-coverflow-label a{
font-size:12pt;
color:#0099FF;
}
#__cvfl-coverflow-holder{
width: 650px;
background:#000000;
}
Here's the html: Code: <div id="coverflowHolder">
<div id="__cvfl-coverflow-holder">
<div id="__cvfl-coverflow">
<div id="__cvfl-coverflow-wrapper"></div>
<div id="smallerPreview"></div>
<div>
<div id="__cvfl-coverflow-label"></div>
</div>
<!-- -->
</div>
</div>
<div id="oldlist" style="display:none"></div>
<SCRIPT type="text/javascript" src="coverflow.js">
</SCRIPT>
<SCRIPT type="text/javascript">
var canvas_compatible = false;
try {
canvas_compatible = !!(document.createElement('canvas').getContext('2d'));
} catch(e) {}
if (canvas_compatible) document.getElementById("__cvfl-coverflow-holder").style.display="";
else document.getElementById("oldlist").style.display="";
</SCRIPT>
I'm not sure what the problem is with IE. Any input would be great, thx. Hi, can someone look at my code and tell me why the animated GIF doesn't display? It is a rollover button and it's done in javascript. The mouseover file is profileani.gif. The image displays but it doesn't do the animation. The site is http://www.creationindex.com/indextest22.html If you just move the mouse around on the screen you'll see the rollover. Thank you.
I have used an excellent template which uses JS to display background images. However while this works locally it doesn't when published. The site structure is sound and I notice this happens with the source files I downloaded also so it's nothing I have done in my build which could have caused this. This is the link to my site, everything is fine except the background image not showing. http://www.khawkinsdesign.com Any ideas, as I say fine locally, not fine when published? So I am working on a project to take an integer that the user gives, and then get all the squares and cubes of all the numbers before that to the number given. It displays it in a text area. Maybe I am just lost for the moment, but It just prints the number that I give with the square root and cube instead of starting from 1, and ended on the integer I give. Code: var square_cube = function (){//This f
var number = parseInt($("maxbase").value);
for (var i=1;i <= number;i++) {
var squ = Math.pow(i,2);
}
var j;
for (j=1;j<=number;j++)
{
var cub = Math.pow(j,3);
}
var message = i-1 + " " +squ+ " " +cub;
$("powers").value = message;
}
Hi there, am working on an assignment to replicate the caesar cipher. i've written a function to move the cipher text one postion to the right and it works. i'm now trying to write another function that calls on the first where the signal character and index character do not match. The function then returns a new array. Here is the first function and it's test call: Code:
function right(letterArray)
{
var lowerArray = new Array(letterArray.length);
for (var letter = 0; letter < letterArray.length; letter = letter + 1)
{
lowerArray[letter] = letterArray[letter - 1];
if(letter == letterArray.length - 1)
{
lowerArray[0] = letterArray[letterArray.length - 1];
}
}
return lowerArray;
}
function testTask02()
{
right(cipherArray)
window.alert(right(cipherArray));
// calls the right() function with cipherArray, an array of lower case
// characters as an argument.
// displays the return value in a dialogue box.
}
And here is the bit i'm having trouble with: Code: function rotateToPosition(signalCharacter, indexCharacter, plainAlphabet, cipherAlphabet)
{
var resultArray = new Array(cipherAlphabet.length);
for (var copy = 0; copy < cipherAlphabet.length; copy = copy + 1)
{
resultArray[copy] = cipherAlphabet[copy];
resultArray[indexCharacter] = resultArray[copy];
}
var signalPosition = signalCharacter;
for (var position = 1; position < plainAlphabet.length; position = position + 1)
{
if (plainAlphabet[position] == plainAlphabet[signalPosition])
{
signalPosition = position;
}
}
while (resultArray[indexCharacter] != plainAlphabet[signalPosition])
{
right(resultArray);
}
return resultArray;
}
function testTask03()
{
rotateToPosition('A', 'g', plainArray, cipherArray)
window.alert(rotateToPosition('A', 'g', plainArray, cipherArray));
// calls the rotateToPosition() function with signal character,
// index character, an array of upper case letters and an
// array of locwer case letters as arguments.
// displays the return value in a dialogue box
//TO DO TASK 3 (iii)
}
Been working on this for hours and my brain is fried! If anyone can point me in the right direction that would be awesome. Many thanks Hi All, I am looking to build a gallery similar to this one: http://www.designguru.co.za/pages/brand.php I am new to MooTools and don't know where to start, which plug ins etc.. Can anyone help me or just point me in the right directions Thanks in advance I need help calculating the average for a Practical Exam 1) the teacher asked us to create a for loop and prompt the user to enter 10 numerical grade. (which I did) 2) She wants us to find the average of the user's 10 entry, and give them their final grades (ex: user enters 80, 90, 70, 90 etc.., the counter will stop prompting for entry after the 10th entry) I need to display, your final grade for the class 85, you've got a B) I need help figuring out the average formula! Please, i need to e-mail the teacher my practical by 10 PM (eastern time). Thank you, victory1 I have a form and javascript that doesn't work correctly. I think there's a problem with the javascript, but it's possible the form is the culprit. I'm new at this. Here is the form code for a search boxx: Code: <form id="search" method="get" name="search" action="promotions.html">
<input type="text" size="15" name="ws" maxlength="500" value="pen, keychain, etc." onfocus="this.value='';return false;" />
<button type="submit" value="Search">Go</button>
<input type="hidden" name="ID" value="64857723-2161-4778-BDEB-3EE622F6CFF3" />
</form>
Here is the javascript that's in the head of /promotions.html: Code: <script type="text/javascript">
function FrameRedirect()
{
var q = window.location.search;
q = (q.length > 1) ? q.substring(1, q.length) : 0;
var s = q.substring(0, 2);
switch (s)
{
case 'ws':
q = 'http://www.asiconnection.com/ProductSearch/LinkInQS.aspx?'+q;
document.getElementById('Content').className = 'active';
break;
case 'bn':
q = q.substring(3,q.length);
document.getElementById('RD2').className = 'active';
break;
default:
document.getElementById('RD1').className = 'active';
break;
}
iframe = '<iframe id="frame" src="'+q+'" width="780" scrolling="yes" frameborder="0" height="500"></iframe>';
document.getElementById('Content').innerHTML = iframe;
}
</script>
The search box code is suppose to send the inputted search word to the javascript on /promotions.html page and then load the search results http://www.asiconnection.com/Product.../LinkInQS.aspx into the iframe on that page. The only thing that appears in that iframe is "Oops. Firefox cannot find productsearch" Can someone help me figure this out? Thanks in advance. IE, Chrome, and Safari all display this page correctly: http://eataustineat.com/testfolder2/ here is what i mean by Firefox displays it incorrectly in firefox: 1) type 'f' into the search field 2) you should move over to a youtube video 3) now click the Search tab at the bottom 4) you should notice the a portion of the video remains visable. the site uses jquery for the slider. what should I be looking for? I thought this would be simple. Evidently it's not With the date below (and it being 11.45 on the 27th as I type this), the counter returns the correct number of hours/mins/seconds remaining, but shows 33 days. It seems to be adding 31 days to the count, but I can't figure out where Code: function countdown(){
var bigday = new Date(2009,10,29,14,30,0,0);
var today = new Date();
var difference = bigday - today;
var remaining = Math.floor(difference/1000); // want seconds, not milliseconds
var days = Math.floor(remaining/86400);
remaining = remaining % 86400;
var hours = Math.floor(remaining/3600);
remaining = remaining % 3600;
var minutes = Math.floor(remaining/60);
remaining = remaining % 60;
seconds = Math.floor(remaining);
var out = days + " days, " + hours + " hours, " + minutes + " minutes and " + seconds + " seconds left...";
$('#countdown').text(out);
setTimeout(countdown, 1000);
}
Hi Guys, I'm trying to do up a contact form that after a user submits the information, the drop down contact box will slide back up instead of redirecting to another page. The script works fine in Chrome and Safari, but Firefox and IE keeps redirecting to the php page. Hope someone can shed some light here, thanks! Html form: Code: <div class="left">
<!-- Login Form -->
<form class="clearfix" action="contactengine.php" name="cform" method="post">
<h4>Drop us a mail</h4>
<label class="grey" for="emailName">Name:</label>
<input class="field" type="text" name="emailName" id="emailName" value="" size="23" />
<label class="grey" for="emailFrom">Email Address:</label>
<input class="field" type="text" name="emailFrom" id="emailFrom" value="" size="23" />
<label class="grey" for="message">Message:</label>
<textarea type="text" name="message" id="message" size="23"></textarea>
<div class="clear"></div>
<input type="submit" rows="" cols="" name="submit" value="Submit" class="bt_register" />
<span id="messageSent">Message sent successfully!</span>
</form>
<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
var frmvalidator = new Validator("cform");
frmvalidator.addValidation("emailName","req","Please enter your Name");
frmvalidator.addValidation("emailName","maxlen=20", "Max length for Name is 20");
frmvalidator.addValidation("emailFrom","maxlen=50", "Max length for email is 50");
frmvalidator.addValidation("emailFrom","req","Please enter your Email");
frmvalidator.addValidation("emailFrom","email","Please enter a valid email");
</script>
</div>
<div class="left right">
<!-- Register Form -->
<h4>Contact Details</h4>
<p class="grey"><b>XXX<br /></b>XXX<br />XXX<br />XXX</p>
<p class="grey">T: 999<br />F: 999</p>
<h5>Stalk Us</h5>
<a href="index.html"><img src="misc/fb.png" border="0" alt="Facebook" /></a> <a href="index.html"><img src="misc/twit.png" border="0" alt="Twitter" /></a>
</div>
</div>
</div>
<!-- The tab on top -->
<div class="tab">
<ul class="login">
<li class="left"> </li>
<li>Hello there</li>
<li class="sep">|</li>
<li id="toggle">
<a id="open" class="open" href="#">Contact Us</a>
<a id="close" style="display: none;" class="close" href="#">Close Panel</a>
</li>
<li class="right"> </li>
</ul>
</div> <!-- / top -->
The Slider JS: Code: $(document).ready(function() {
// Expand Panel
$("#open").click(function(){
$("div#panel").slideDown("slow");
});
// Collapse Panel
$("#close").click(function(){
$("div#panel").slideUp("slow");
});
// Switch buttons from "Hey There | Contact us" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});
//submission scripts
$('div#panel').submit( function(){
//statements to validate the form
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var email = document.getElementById('emailFrom');
if (!filter.test(emailFrom.value)) {
$('.email-missing').show();
} else {$('.email-missing').hide();}
if (document.cform.emailName.value == "") {
$('.name-missing').show();
} else {$('.name-missing').hide();}
if (document.cform.message.value == "") {
$('.message-missing').show();
} else {$('.message-missing').hide();}
if ((document.cform.emailName.value == "") || (!filter.test(email.value)) || (document.cform.message.value == "")){
return false;
}
if ((document.cform.emailName.value != "") && (filter.test(email.value)) && (document.cform.message.value != "")) {
//hide the form
$('.div#panel').hide();
//show the loading bar
$('.loader').append($('.bar'));
$('.bar').css({display:'block'});
//send the ajax request
$.post('contactengine.php',{emailName:$('#emailName').val(),
emailFrom:$('#emailFrom').val(),
message:$('#message').val()},
//return the data
function(data){
//hide the graphic
$('.bar').css({display:'none'});
$('.loader').append(data);
});
//waits 2000, then closes the form and fades out
$("#messageSent").show("slow");
setTimeout('$("#toggle a").toggle(); $("div#panel").slideUp("slow")', 2000);
//stay on the page
return false;
}
});
});
The PHP Code: PHP Code: <?php $EmailFrom = "xxx@xxx.com"; $EmailTo = "xxx@xxx.com"; $Subject = Trim(stripslashes($_POST['Webmail'])); $Name = Trim(stripslashes($_POST['emailName'])); $Email = Trim(stripslashes($_POST['emailFrom'])); $Message = Trim(stripslashes($_POST['message'])); // validation $validationOK=true; if (!$validationOK) { print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">"; exit; } // prepare email body text $Body = ""; $Body .= "Name: "; $Body .= $Name; $Body .= "\n"; $Body .= "Email Adress: "; $Body .= $Email; $Body .= "\n"; $Body .= "Message: "; $Body .= $Message; $Body .= "\n"; // send email $success = mail($EmailTo, Webmail, $Body, "From: <$EmailFrom>"); // redirect to success page if ($success){ print "<meta http-equiv=\"refresh\" content=\"0;URL=success.html\">"; } else{ print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">"; } ?> I would like this image gallery to sit behind everything else. right now white shows through on either side. Any help would be greatly appreciated. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Get Hosting With Joe (13.0.1.020)">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<title>Home</title>
<script type="text/javascript" src="wpscripts/jquery.js"></script>
<script type="text/javascript" src="wpscripts/jquery.timers.js"></script>
<script type="text/javascript" src="wpscripts/jquery.wpgallery.js"></script>
<script type="text/javascript">
var nImgNum_pg_2 = 0;
wp_imgArray_pg_2 = new Array();
wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/6ec6f779d991.jpg", 844, 369, "wpimages/6ec6f779d991t.jpg", "");
wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/8dcdb90c2d41.jpg", 844, 370, "wpimages/8dcdb90c2d41t.jpg", "");
</script>
<style type="text/css">
body {margin: 0px; padding: 0px;}
</style>
<script type="text/javascript" src="wpscripts/jspngfix.js"></script>
<script type="text/javascript">
var blankSrc = "wpscripts/blank.gif";
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#wp_gallery_pg_2').wpgallery({
imageArray: wp_imgArray_pg_2,
nTotalImages: nImgNum_pg_2,
nGalleryLeft: 77,
nGalleryTop: -183,
nGalleryWidth: 844,
nGalleryHeight: 842,
nImageDivLeft: 0,
nImageDivTop: 0,
nImageDivWidth: 844,
nImageDivHeight: 842,
nControlBarStyle: 0,
nControlBarExternalTop: 10,
bNavBarOnTop: false,
bShowNavBar: false,
nNavBarAlignment: 0,
strNavBarColour: 'none',
nNavBarOpacity: 1.0,
nNavBarIconWidth: 24,
nNavBarIconHeight: 24,
bShowCaption: false,
bCaptionCount: true,
strCaptionColour: '#ffffff',
nCaptionOpacity: 0.6,
strCaptionTextColour: '#000000',
nCaptionFontSize: 12,
strCaptionFontType: 'Courier New,Arial,_sans',
strCaptionAlign: 'center',
strCaptionFontWeight: 'normal',
bShowThumbnails: false,
nThumbStyle: 1,
nThumbPosition: 0,
nThumbLeft: 30,
nThumbTop: 732,
nThumbOpacity: 0.5,
nTotalThumbs: 2,
nThumbSize: 40,
nThumbSpacing: 10,
bThumbBorder: false,
strThumbBorderColour: '#000000',
strThumbBorderHoverColour: '#ffffff',
strThumbBorderActiveColour: '#ffffff',
bShowThumbnailArrows: false,
nThumbButtonSize: 24,
nThumbButtonIndent: 50,
nColBorderWidth: 2,
nTransitionStyle: 1,
nStaticTime: 3044,
nTransitTime: 1015,
bAutoplay: true,
loadingButtonSize: 38,
bPageCentred: true,
nPageWidth: 1000,
nZIndex: 100,
loadingButtonSrc: 'wpimages/wpgallery_loading_1.gif',
blankSrc: 'wpscripts/blank.gif',
rewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
prevButtonSrc: 'wpimages/wpgallery_previous_0.png',
playButtonSrc: 'wpimages/wpgallery_play_0.png',
pauseButtonSrc: 'wpimages/wpgallery_pause_0.png',
nextButtonSrc: 'wpimages/wpgallery_next_0.png',
forwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
thumbRewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
thumbForwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
rewindoverButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
prevoverButtonSrc: 'wpimages/wpgallery_previous_over_0.png',
playoverButtonSrc: 'wpimages/wpgallery_play_over_0.png',
pauseoverButtonSrc: 'wpimages/wpgallery_pause_over_0.png',
nextoverButtonSrc: 'wpimages/wpgallery_next_over_0.png',
forwardoverButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
thumboverRewindButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
thumboverForwardButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
strRewindToolTip: 'Reverse',
strPreviousToolTip: 'Previous',
strPlayToolTip: 'Play',
strPauseToolTip: 'Pause',
strNextToolTip: 'Next',
strForwardToolTip: 'Forward',
strThumbRewindToolTip: 'Reverse',
strThumbForwardToolTip: 'Forward'
});
})
</script>
</head>
<body text="#000000" style="background-color:#ffffff; text-align:center; height:1200px;">
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1000px;height:1200px;">
<div id="wp_gallery_pg_2" style="position:absolute; left:77px; top:-183px; width:844px; height:842px; overflow:hidden;"></div>
<img src="wpimages/wp7d3e6c5d_06.png" width="997" height="1197" border="0" alt="" onload="OnLoadPngFix()" style="position:absolute;left:0px;top:3px;">
</div>
</body>
</html>
I have some javascript code: first it gets string of the url in the address bar then it splits the string at the ? and grabs the right half it then makes an IFrame go to that string(which is yet another url I would manually insert) here is the code: Code: function redirect(){
var raw=window.document.location.href;
if(content_address_start=raw.indexOf("?")!=-1){
var content_address=raw.split("frame.html?")[1];
window.document.getElementById('content').src=content_address;
}
}
'content' is the id of the IFrame, and frame.html is the html file this code is inside. Ok, so everything works perfectly when I test this code offline, but as soon as I load it to my website, and the .src line occurs, it just loads a blank page in the IFrame. What could be causing this? Perhaps certain sites will not allow themselves to be inside iframes? Much thanks in advance. I hope I gave enough information and relayed my problem clearly. EDIT: It seems that the code works on other sites, just not youtube. Why would it do this and are there any ways around it? Hi guys, Just wondering if this javascript is valid. I have about 150 variables, and I want to check, before I start writing it all out. Anything that could reduce it a bit would be great, save time and make the code more efficient! By the way, all values are numbers entered in a html text field. The script does calculations on it, and posts the result to a hidden field, which is submitted to a php email script. Code: <script language="JavaScript">
function calculate() {
"use strict";
var sofa_3_seaterX = (document.form1.sofa_3_seater.value * 6);
var sofa_2_seaterX = (document.form1.sofa_2_seater.value * 35);
var armchair_largeX = (document.form1.armchair_large.value * 9);
var armchair_smallX = (document.form1.armchair_small.value * 2);
var wall_unitX = (document.form1.wall_unit.value * 3);
var total = (sofa_3_seaterX + sofa_2_seaterX + armchair_largeX + armchair_smallX + wall_unitX);
document.form1.total.value = total;
}
</script>
Hi I have a problem with the javascript menu. Currently when you click on the "Login" button then it opens and when you click it again while it is open it closes ands opens again. What I want is when you click the login button while it is open then it closes as toggleable button. I have posted the javascript to this page: http://jsbin.com/uhefoc/edit#javascript,html,live So there it is possible to make realtime updates to the script and see the result real time I also posted the script here so not to break the rules: Code: $(document).ready(function() {
$("#login-menu a.signin").click(function(event) {
var link = $(this),
box = $("fieldset#signin_menu"),
inputs = $("#signin_menu .form-input input");
event.preventDefault();
link.toggleClass("menu-open");
box.toggle("signin_menu");
if(link.hasClass("menu-open")) {
$("#username").focus();
} else {
inputs.val('');
}
inputs.bind("focus keydown", function(action) {
if((action.type == "keydown" && action.keyCode == 27) || (action.type == "focus" && !link.hasClass("menu-open")) ) {
link.trigger("click");
}
});
box.mouseup(function () {
return false;
});
$(document).mouseup(function(what) {
if($(what.target).parent("a.signin").length == 0 && link.hasClass("menu-open")) {
link.trigger("click");
}
});
});
});
I'm a js noob but have managed to cobble together some code for a simple calculator. All the math works well, but changing the radio button doesn't have any effect. Basically, I have 4 set of equations (long if/then statements) - 2 are to be used when one radio button is checked, 2 if the other is checked. Code: <html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
function temp(form)
{
var r1 = form.r1.value;
var GNW = parseFloat(form.GNW.value, 10);
var BNW = parseFloat(form.BNW.value, 10);
var totalfee = 0;
var netfee = 0;
var discount = 0;
//if the "old" radio button is selected, use the the next two if/then formulas
if (r1=1)
{
for brevity sake, I'll omit the first two if/then equations Code: //close out the "old" options
}
//use the "new" option
else if (r1=2)
{
// two more if/then statements
}
// this applies to all conditions
discount = totalfee - netfee;
form.totalfee.value = totalfee/4;
form.netfee.value = netfee/4;
form.discount.value = discount/4;
}
and now the radio buttons Code: <input name="r1" value=1 type="radio" checked="checked">Old (3m/3m) <input name="r1" value=2 type="radio" >Current (5m/5m)</p><p> hopefully the brevity makes the answer apparent, the full code is attached if I've left out a crucial detail. I am returning the present time - then using the .substr to remove all digits except the last two on the right (i.e effectively returning the value 32 from 65344532) I am then looping, subtracting 11 from that number until the value is less than 11. The intent being to then return the value from the appropriate matching array ID I have an array sl1 sl1[0]; sl1[1]; sl1[2]; sl1[3]; sl1[4]; sl1[5]; sl1[6]; sl1[7]; sl1[8]; sl1[9]; sl1[10]; The problem arises with evaluating two digit numbers beginning with zero - In cases where the last two numbers are greater than 09, the looping returns a 1 digit number for valuse less than 10, in cases where the last two digits begin with zero the loop will not begin. I have attempted to use the switch(n) to determine if any 01, 02, 03 ... etc exists but this is not evaluating correctly - is this due to using the date/time object and if so is there a good way to convert this to either a numeric or string datatype where the case can be evaluated correctly? Thanks in advance! -------- Code: I am trying to get the following image fade code to work but can't seem to figure out what the problem is. The images appear quickly (don't fade one to the other) in Firefox and Google and in IE8 when the image fades, even though the images are the same size, the new image starts out smaller and grows to the final size. Any suggestions are greatly appreciated.
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 2500;
// Specify the image files
var Pic = new Array();
Pic[0] = 'images/Monsanto.gif'
Pic[1] = 'images/Test2.jpg'
Pic[2] = 'images/Test3.jpg'
Pic[3] = 'images/Test4.jpg'
Pic[4] = 'images/Test5.jpg'
Pic[5] = 'images/Test1.jpg'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
preLoad.sort(function() {return 0.5 - Math.random()});
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
I read that you don't allow homework assignments to be posted, but this is only one small section of the assignment (1 page of 5), and I have a migraine, and I am utterly hopeless and lost (ha)... I was wondering if there was any errors you could point out to me that would explain why the button isn't doing ANYTHING (i.e. not calculating the sum, average, or grade) when i click it. I'm new to js so I'm sure it could be pretty much any n00b error in the function code. But like I said any help would be greatly appreciated... Code: <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<link href="5A.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript">
function DisplayGrades()
{ var aNum= 1* document.getElementById("txtaNum").value;
var bNum= 1* document.getElementById("txtbNum").value;
var Avg = (aNum+bNum)/2; document.getElementById("txtAvg").value=Avg;
var Sum= aNum+bNum; document.getElementById("txtSum").value=Sum;
var alphaGr= document.getElementbyID("txtalphaGr").value=alphaGr;
if (Avg <= 60)
alphaGr="F";
if (Avg>60 && Avg <= 70)
alphaGr="D";
if (Avg>70 && Avg <= 80)
alphaGr="C";
if (Avg>80 && Avg <=90)
alphaGr="B";
if (Avg>90 && Avg <=100)
alphaGr="A";}
</script>
</head>
<body>
<div id="wrapper">
<div id="interact">
Enter your grade for Test 1: <input type="text" id=txtaNum" class="controls" size="10" /> <br />
Enter your grade for Test 2: <input type="text" id=txtbNum" class="controls" size="10" /> <br />
<input type="button" id="btnDisplayGrades" value="Display Grades" onclick="DisplayGrades();" />
<hr/>
Sum of Your Grades: <input type="text" id="txtSum" class="controls" size="10" readonly="readonly" /> <br/>
Average Grade: <input type="text" id="textAvg" class="controls" size="10" readonly="readonly" /> <br />
Alpha Grade: <input type="text" id="txtalphaGr" class="controls" size="10" readonly="readonly" />
</div>
</div>
</body>
</html>
|
|||||||