|
JavaScript - Issue With Decimals And Longish Equations
Similar Tutorialsthe title kind of sums it up... if I have an array of equations (I'm guessing they should be strings but they don't have to be) and a user-defined variable can that variable be used for the "x" in the equations? I already did the easy part ... Code: <!DOCTYPE html>
<html>
<head>
</head>
<body>
<input onkeyup="solve(this.value)" /><br>
<input id="box0" /><br>
<input id="box1" /><br>
<input id="box2" /><br>
<script type="text/javascript">
var equations=["(x*9/5)+32","x+273.15","x-50*(8/13)"]
function solve(val){
for (var i = 0; i < equations.length; i++) {
document.getElementById("box"+i).value= //ummm...
}
}
</script>
</body>
</html>
What I have to do is, "Ask for number1, ask for number2 and show them added, subtracted and multiplied." Here is my code, what's wrong? <script type="text/javascript"> var number1= parseFloat ( window.prompt ("What is the first number?","")) || 0; var number2= parseFloat ( window.prompt ("What is the second number?","")) || 0; var addition= num1*1 + num2*1; var subtraction= num1*1 - num2*1; var multiplication= num1*1 * num2*1; document.write (Addition is: " num1+" + "+num2+"="+ addition); document.write (subtraction is: " num1" + "+num2+"="+ subtraction); document.write (muliplication is: " num1" + "+num2+"="+ multiplication); </script> First problem: I have a script that allows ONLY numbers to be typed into a text field. I have tried to modify this script to allow Decimals (periods) to be typed as well, but haven't succeeded. The code in Red are the changes I added to this script, but it isn't working out. Code: function numbersOnly(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57) && (charCode < 110 || charCode > 110) )
return false;
return true;
}
Second Problem: I need to set a Minimum number users may type in the text field. Normally this would be a simple task, but the minimum number they may type is a decimal (0.10). The default value in the field is .50. I tried replacing the .50 with .09, and I can't get the field to run the script and set its new value to .10 (<- this is the minimum). Here is the code I am working with. Code: <?php
$memberType = "free";
$creditsBalance = .5;
$bannerBalance = 1000;
$textBalance = 1000;
?>
<html>
<head>
<title>Convert Credits</title>
<style type="text/css">
#convert{
height: 10px;
}
</style>
<script type="text/javascript" language="javascript">
function numbersOnly(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57) && (charCode < 110 || charCode > 110))
return false;
return true;
}
function convert(){
creditsBanner = Number(document.convertform.creditsbanner.value);
creditsText = Number(document.convertform.creditstext.value);
bannerText = Number(document.convertform.bannertext.value);
textBanner = Number(document.convertform.textbanner.value);
memberType = "<?php echo $memberType;?>";
creditsBalance = "<?php echo $creditsBalance;?>";
bannerBalance = "<?php echo $bannerBalance;?>";
textBalance = "<?php echo $textBalance;?>";
if(memberType=="free"){
// If Free
// check credit balance
if(creditsBanner>creditsBalance){
document.convertform.creditsbanner.value = creditsBalance;
creditsBanner = creditsBalance;
if(creditsBanner<.1){
document.convertform.creditsbanner.value = 0.1;
creditsBanner = 0.1;
}
}
if(creditsText>creditsBalance){
document.convertform.creditstext.value = creditsBalance;
creditsText = creditsBalance;
if(creditsText<.05){
document.convertform.creditstext.value = 0.05;
creditsText = 0.05;
}
}
// check banner balance
if(bannerText>bannerBalance){
document.convertform.bannertext.value = bannerBalance;
bannerText = bannerBalance;
if(bannerText<.5){
document.convertform.bannertext.value = .5;
bannerText = .5;
}
}
// check text balance
if(textBanner>textBalance){
document.convertform.textbanner.value = textBalance;
textBanner = textBalance;
if(textBanner<2){
document.convertform.textbanner.value = 2;
textBanner = 2;
}
}
crBanner = Number(creditsBanner * 10);
crText = Number(creditsText * 20);
bnText = Number(bannerText * 2);
txBanner = Number(textBanner / 2);
document.getElementById("creditstobanner").innerHTML="<b>"+crBanner+"</b>";
document.getElementById("creditstotext").innerHTML="<b>"+crText+"</b>";
document.getElementById("bannertotext").innerHTML="<b>"+bnText+"</b>";
document.getElementById("texttobanner").innerHTML="<b>"+txBanner+"</b>";
}
else{
// If Upgraded
}
}
// function updateValues(val) {
// document.getElementById('bannerimp').value = val * 10;
// document.getElementById('field2').value = val * 20;
// document.getElementById('field3').value = val / 2;
// document.getElementById('field4').value = val * 2;
// }
//document.getElementById('creditstobanner').innerHTML
</script>
</head>
<body>
<h1>Convert Credits</h1><br />
Credits: <?php echo $creditsBalance; ?><br />
Banner Impressions: <?php echo $bannerBalance; ?><br />
Text Ad Impressions: <?php echo $textBalance; ?><br />
<form action="convert.php" method="POST" name="convertform">
<h2>Convert Your Credits to Banner or Text Ad Impressions</h2>
<div id="convert">Convert <input type="text" name="creditsbanner" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Credits to <span id="creditstobanner"><b>0</b></span> Banner Impressions!</div> <br />
<div id="convert">Convert <input type="text" name="creditstext" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Credits to <span id="creditstotext"><b>0</b></span> Text Ad Impressions!</div><br />
<h2>Convert Your Impressions</h2>
<div id="convert">Convert <input type="text" name="bannertext" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Banner Impressions to <span id="bannertotext"><b>0</b></span> Text Ad Impressions!</div><br />
<div id="convert">Convert <input type="text" name="textbanner" size="5" onKeyUp="convert();" onKeyPress="return numbersOnly(event);"> Text Ad Impressions to <span id="texttobanner"><b>0</b></span> Banner Impressions!</div><br />
</form>
</body>
</html>
Hi, First time user of Javascript and built an online calculator, trouble is I dont know where or how to code it so the answer ends with only 2 decimals I have embedded code, help appreciated. Personally I think it's a miracle the darn thing works. Link to page it's on. Any help appreciated, I have searched and read but after hours of trying stuff gave up. <!-- function treevalue() { document.volume.result.value=(((3.14159*((document.volume.radius.value)*(document.volume.radius.valu e)))*(document.volume.height.value))/3)*(document.volume.base.value)*(document.volume.e.value)*(document.volume.fv.value)*(document.volum e.l.value); } // --> Thanks Eric Hi all, I have a problem that has my brain turning to goo... I have a function that mixed with php adds the total numerical valus from different dropdowns. Code: <?php if($z == 1) { ?>
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value =
<?php echo number_format($prodprice,2)?>+
<?php foreach(range('1',$matchcount2) as $i){?>(document.form.sublist<?php echo $i?>.options[document.form.sublist<?php echo $i?>.selectedIndex].id-0) + <?php }?>
(document.form.sublist999.options[document.form.sublist999.selectedIndex].id-0.00);
}
//--></script>
<?php }?>
The total is then sent to an input field. Code: <div class="left product_text_box product_title">Total Price: <?php echo $currency_type?><input class="product_title" name="sum" readonly style="background:none; border:none" value="<?php echo number_format($prodprice,2)?>"></div> All works well, but the output allows too many decimals, ie: 46.8966666 I have tried to implement the toFixed(2) with only errors as my reward. Any help would be appreciated KF Hi, I need my javascript to calculate a total with 2x decimal figures, not rounded up. Can you help? Here is my code: Code: <script type="text/javascript">
function calculateText()
{
var op1=document.getElementById('Age02');
var op2=document.getElementById('Girl35');
var op3=document.getElementById('Boy35');
var op4=document.getElementById('Girl610');
var op5=document.getElementById('Boy610');
var op6=document.getElementById('Age11');
var op7=document.getElementById('Guest');
var op8=document.getElementById('VIP');
var op9=document.getElementById('School');
var op10=document.getElementById('3DFilm');
var op11=document.getElementById('BFast');
var op12=document.getElementById('PNGift');
var op13=document.getElementById('PStand');
var op14=document.getElementById('PLrg');
var op15=document.getElementById('PReP');
var op16=document.getElementById('KyMg');
var op17=document.getElementById('SnwGlb');
var op18=document.getElementById('PBbl');
var op19=document.getElementById('USB');
var op20=document.getElementById('SantaL');
var op21=document.getElementById('SantaK');
var op22=document.getElementById('FreeP');
var op23=document.getElementById('PUpgrd');
var op24=document.getElementById('StaffP');
var op25=document.getElementById('CompEntry');
var op26=document.getElementById('241');
var op27=document.getElementById('50Percent');
var op28=document.getElementById('Voucher');
var result=document.getElementById('Total');
if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;
if(op3.value=="" || op3.value!=parseFloat(op3.value)) op3.value=0;
if(op4.value=="" || op4.value!=parseFloat(op4.value)) op4.value=0;
if(op5.value=="" || op5.value!=parseFloat(op5.value)) op5.value=0;
if(op6.value=="" || op6.value!=parseFloat(op6.value)) op6.value=0;
if(op7.value=="" || op7.value!=parseFloat(op7.value)) op7.value=0;
if(op8.value=="" || op8.value!=parseFloat(op8.value)) op8.value=0;
if(op9.value=="" || op9.value!=parseFloat(op9.value)) op9.value=0;
if(op10.value=="" || op10.value!=parseFloat(op10.value)) op10.value=0;
if(op11.value=="" || op11.value!=parseFloat(op11.value)) op11.value=0;
if(op12.value=="" || op12.value!=parseFloat(op12.value)) op12.value=0;
if(op13.value=="" || op13.value!=parseFloat(op13.value)) op13.value=0;
if(op14.value=="" || op14.value!=parseFloat(op14.value)) op14.value=0;
if(op15.value=="" || op15.value!=parseFloat(op15.value)) op15.value=0;
if(op16.value=="" || op16.value!=parseFloat(op16.value)) op16.value=0;
if(op17.value=="" || op17.value!=parseFloat(op17.value)) op17.value=0;
if(op18.value=="" || op18.value!=parseFloat(op18.value)) op18.value=0;
if(op19.value=="" || op19.value!=parseFloat(op19.value)) op19.value=0;
if(op20.value=="" || op20.value!=parseFloat(op20.value)) op20.value=0;
if(op21.value=="" || op21.value!=parseFloat(op21.value)) op21.value=0;
if(op22.value=="" || op22.value!=parseFloat(op22.value)) op22.value=0;
if(op23.value=="" || op23.value!=parseFloat(op23.value)) op23.value=0;
if(op24.value=="" || op24.value!=parseFloat(op24.value)) op24.value=0;
if(op25.value=="" || op25.value!=parseFloat(op25.value)) op25.value=0;
if(op26.value=="" || op26.value!=parseFloat(op26.value)) op26.value=0;
if(op27.value=="" || op27.value!=parseFloat(op27.value)) op27.value=0;
if(op28.value=="" || op28.value!=parseFloat(op28.value)) op28.value=0;
result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(result.value)+parseInt(op1.value*5)+parseInt(op2.value*5)+parseInt(op3.value*5)+parseInt(op4.value*5)+parseInt(op5.value*5)+parseInt(op6.value*5)+parseInt(op7.value*0)+parseInt(op8.value*8.50)+parseInt(op9.value*3.75)+parseInt(op10.value*0)+parseInt(op11.value*10)+parseInt(op12.value*5)+parseInt(op13.value*3)+parseInt(op14.value*4)+parseInt(op15.value*2)+parseInt(op16.value*4)+parseInt(op17.value*5)+parseInt(op18.value*3)+parseInt(op19.value*5)+parseInt(op20.value*4)+parseInt(op21.value*3)+parseInt(op22.value*0)+parseInt(op23.value*1)+parseInt(op24.value*0)+parseInt(op25.value*0)+parseInt(op26.value*4)+parseInt(op27.value*2)-parseInt(op28.value);
}
</script>
Hi this is on my midterm review and I got the program down easily but I just wanted to know if there was an easy way of shortening down the answer to only 2 decimal places.possibly through division? Code: import java.util.*;
public class StockSale
{
public static void main(String[] args)
{
Scanner input = new Scanner(System.in);
double stockSale; // represent the stock sale price
double commission;
System.out.print("Please enter a the stock value price: ");
stockSale = input.nextDouble();
if(stockSale < 100.00)
commission = 20.00;
else if (stockSale <= 999.99)
commission = (20.00 + ((stockSale - 99.99)*.01));
else if (stockSale <= 9999.99)
commission = (30.00 + ((stockSale - 999.99)*.005));
else if (stockSale <= 99999.99)
commission = (75.00 + (( stockSale - 9999.99)*.0025));
else
commission = ( 150.00 + ((stockSale - 99999.99)*.0015));
System.out.print("The commission on this stock sale is $" + commission );
}
}
i appreciate any help given thanks How would I go about creating a random number between 1-50 that COULD include whole numbers, decimals to the tenth, hundredth and the thousandth place? Ex) 2.145, 3, 5.8, 41.002, 10.12, 7, 18.023, 33.2 Also, if the only way to do it is to put trailing zeros to the thousandth place that's fine as well ex) 2.145, 3.00, 5.800, 41.002, 10.120, 7.00, 18.023, 33.200 Hi, my javascript calculates a total figure. It rounds it up though and I want it to give me a decimal (x2) total. Please help. Here is my code so far: Code: <script type="text/javascript">
function calculateText()
{
var op1=document.getElementById('Age02');
var op2=document.getElementById('Girl35');
var op3=document.getElementById('Boy35');
var op4=document.getElementById('Girl610');
var op5=document.getElementById('Boy610');
var op6=document.getElementById('Age11');
var op7=document.getElementById('Guest');
var op8=document.getElementById('VIP');
var op9=document.getElementById('School');
var op10=document.getElementById('3DFilm');
var op11=document.getElementById('BFast');
var op12=document.getElementById('PNGift');
var op13=document.getElementById('PStand');
var op14=document.getElementById('PLrg');
var op15=document.getElementById('PReP');
var op16=document.getElementById('KyMg');
var op17=document.getElementById('SnwGlb');
var op18=document.getElementById('PBbl');
var op19=document.getElementById('USB');
var op20=document.getElementById('SantaL');
var op21=document.getElementById('SantaK');
var op22=document.getElementById('FreeP');
var op23=document.getElementById('PUpgrd');
var op24=document.getElementById('StaffP');
var op25=document.getElementById('CompEntry');
var op26=document.getElementById('241');
var op27=document.getElementById('50Percent');
var op28=document.getElementById('Voucher');
var result=document.getElementById('Total');
if(op1.value=="" || op1.value!=parseFloat(op1.value)) op1.value=0;
if(op2.value=="" || op2.value!=parseFloat(op2.value)) op2.value=0;
if(op3.value=="" || op3.value!=parseFloat(op3.value)) op3.value=0;
if(op4.value=="" || op4.value!=parseFloat(op4.value)) op4.value=0;
if(op5.value=="" || op5.value!=parseFloat(op5.value)) op5.value=0;
if(op6.value=="" || op6.value!=parseFloat(op6.value)) op6.value=0;
if(op7.value=="" || op7.value!=parseFloat(op7.value)) op7.value=0;
if(op8.value=="" || op8.value!=parseFloat(op8.value)) op8.value=0;
if(op9.value=="" || op9.value!=parseFloat(op9.value)) op9.value=0;
if(op10.value=="" || op10.value!=parseFloat(op10.value)) op10.value=0;
if(op11.value=="" || op11.value!=parseFloat(op11.value)) op11.value=0;
if(op12.value=="" || op12.value!=parseFloat(op12.value)) op12.value=0;
if(op13.value=="" || op13.value!=parseFloat(op13.value)) op13.value=0;
if(op14.value=="" || op14.value!=parseFloat(op14.value)) op14.value=0;
if(op15.value=="" || op15.value!=parseFloat(op15.value)) op15.value=0;
if(op16.value=="" || op16.value!=parseFloat(op16.value)) op16.value=0;
if(op17.value=="" || op17.value!=parseFloat(op17.value)) op17.value=0;
if(op18.value=="" || op18.value!=parseFloat(op18.value)) op18.value=0;
if(op19.value=="" || op19.value!=parseFloat(op19.value)) op19.value=0;
if(op20.value=="" || op20.value!=parseFloat(op20.value)) op20.value=0;
if(op21.value=="" || op21.value!=parseFloat(op21.value)) op21.value=0;
if(op22.value=="" || op22.value!=parseFloat(op22.value)) op22.value=0;
if(op23.value=="" || op23.value!=parseFloat(op23.value)) op23.value=0;
if(op24.value=="" || op24.value!=parseFloat(op24.value)) op24.value=0;
if(op25.value=="" || op25.value!=parseFloat(op25.value)) op25.value=0;
if(op26.value=="" || op26.value!=parseFloat(op26.value)) op26.value=0;
if(op27.value=="" || op27.value!=parseFloat(op27.value)) op27.value=0;
if(op28.value=="" || op28.value!=parseFloat(op28.value)) op28.value=0;
result.value=0;
result.value=parseInt(result.value);
result.value=parseInt(result.value)+parseInt(op1.value*5)+parseInt(op2.value*5)+parseInt(op3.value*5)+parseInt(op4.value*5)+parseInt(op5.value*5)+parseInt(op6.value*5)+parseInt(op7.value*0)+parseInt(op8.value*8.50)+parseInt(op9.value*3.75)+parseInt(op10.value*0)+parseInt(op11.value*10)+parseInt(op12.value*5)+parseInt(op13.value*3)+parseInt(op14.value*4)+parseInt(op15.value*2)+parseInt(op16.value*4)+parseInt(op17.value*5)+parseInt(op18.value*3)+parseInt(op19.value*5)+parseInt(op20.value*4)+parseInt(op21.value*3)+parseInt(op22.value*0)+parseInt(op23.value*1)+parseInt(op24.value*0)+parseInt(op25.value*0)+parseInt(op26.value*4)+parseInt(op27.value*2)-parseInt(op28.value);
}
</script>
I have the following sample html file (attached). I am trying to display the calculated field using javascript and I created a function (I am a newbie) to do so. However, it persistently shows NaN instead of the required number. I have tried my best over a coupla hours racking my brains and the internet as to why it shows as not a number. I will appreciate any help. Thanks, Freaking IE. Must die. Really it must. Unfortunately, I have to code for it, and I can't figure out what went wrong he http://wyqued-design.com/dev/skyview/index.html The navigation, and layout, breaks in IE 7. Any ideas? -Emilie I'm working on a web site: http://84.9.221.75/domains/backingtr...usicindex.html I'm trying to get the Javascript that controls the scrolling text to scroll on both the left and right sides.....right now it only scrolls on the left, due to the use of getElementById() from what i can see.... So I'm trying to make the javascript see all references to the ID in the document, and make the right panel div scroll as well, but I'm not having any luck.... I have a very basic understanding of Javascript, so I need a little help here guys...thanks.. Please explain! This is so frustrating :/ There is: <script language="text/javascript"> function spYL() { alert("FFFFFFFFFFFFFFF"); } inside head area and there is: <input name="Button" type="button" value="Επιλογή υλικών" onClick="spYL();"> But it doesn't work! Hi I have the search functionality with the dropdown values. The UI looks like Have 8 dropdown values and one test box. When i enter the name in the test box choose the dropdown value . based on that name it should go to that related page. but it always going to the same page (ozPrjFileQuickFind.jsp ) which is File. This is the code i am using for. Code: buf.append( "<div id=\"sidebar_quicksearch\" style=\"display: "+showHide+";\"> " );
buf.append( "<table width=100% cellspacing=0 cellpadding=0 border=0 align=center>" );
buf.append( "<tr><td colspan=2 class=normalSmall align=left>"+_p.get("search_bykeyword")+"</td></tr>" );
buf.append( "<tr><td colspan=2 class=verySmall align=left>" );
buf.append( " <form name=QF id=QF action=\"ozPrjFileQuickFind.jsp\" method=post onSubmit=\"Javascript:document.QF.action=document.QF.searchDest.options[document.QF.searchDest.selectedIndex].value;\">" );
buf.append( " <select name=searchDest class=textInputSmall>" );
buf.append( " <option value=\"ozPrjFileQuickFind.jsp\" "+(cat.startsWith("FILE")?"selected":"")+">"+File );
buf.append( " <option value=\"ozPrjBugQuickFind.jsp\" "+(cat.startsWith("BUG")?"selected":"")+">"+Bug );
buf.append( " <option value=\"ozCalApptQuickFind.jsp\" "+(cat.startsWith("APPT")?"selected":"")+">"+Appointment );
buf.append( " <option value=\"ozCalTaskQuickFind.jsp\" "+(cat.startsWith("TASK")?"selected":"")+">"+Task );
buf.append( " <option value=\"ozBbsNoteQuickFind.jsp\" "+(cat.startsWith("NOTE")?"selected":"")+">"+Note);
buf.append( " <option value=\"ozInvPrdQuickFind.jsp\" "+(cat.startsWith("PRODUCT")?"selected":"")+">"+Product );
buf.append( " <option value=\"ozCmnSearchAsset.jsp\" "+( cat.startsWith("ASSET")?"selected":"" )+">"+Asset);
buf.append( " </select><BR>" );
buf.append( " <input class=textInputSmall type=text name=quickFindText value=\"\"></td></tr>" );
buf.append( "<tr><td class=verySmall align=left><input class=\"smallButton\" type=submit name=go value=\""+_p.get("search")+"\">" );
buf.append( "</td><td></form></td></tr>" );
buf.append( "<tr><td colspan=2 height=10><img src=\"graphics/z0.gif\" height=10></td></tr>" );
buf.append( "</table>" );
buf.append( "</div>" );
In the above code File,Bug,Appointment,Task, Note,Product and Asset are the dropdown values. Suppose I enter the test in the test box and choose "Bug" dropdown value it should go to "ozPrjBugQuickFind.jsp" page which is Bug related page. but it always going to the "ozPrjFileQuickFind.jsp" page. Please respond on this one. Thanks in advance... I have multiple input fields that use the onkeypress event to fire off the a submit button to run a makeRequest. On Firefox everything works great but in IE 7 and 8 no matter which input field your curser is in it always does the very first input field/makeRequest as well. Code:
<fieldset>
<legend>Test if mail server accepts email for a user.</legend>
<div class="reportlabel">Enter the email address you wish to test.</div>
<input name="mailbox_name" class="reportinput" type="text" value="" size="34" id="mailbox_name" onkeypress="if (event.keyCode == 13) document.getElementById('mailbox_submit').click();" />
<input name="Submit" type="submit" class="submit" name="mailbox_submit" id="mailbox_submit" value="" onClick="pingRequest('tools/mail_test.php?mb=' + document.getElementById('mailbox_name').value + '&test=mailbox', 'mb_div');" />
<div id="mb_div"></div>
</fieldset>
<div style="height:25px;"> </div>
<fieldset>
<legend>Test if domain has a mail server and it accepts mail.</legend>
<div class="reportlabel">Enter the domain you wish to test.</div>
<input name="accept_email" class="reportinput" type="text" value="" size="34" id="accept_email" onkeypress="if (event.keyCode == 13) document.getElementById('accept_submit').click();" />
<input name="Submit" type="submit" class="submit" name="accept_submit" id="accept_submit" value="" onClick="blRequest('tools/mail_test.php?domain=' + document.getElementById('accept_email').value + '&test=accept', 'email_div');" />
<div id="email_div"></div>
</fieldset>
Ive tried onkeydown, onkeyup everything gives the same result. Any help on the this would be greatly appreciated. Thanks Hello guys I am doing a simple calculation. Here is the code Code: dose=1 A = document.rhogam.bleed.value B = document.rhogam.volume.value dose= (A*B)/3 dose=Math.round(dose*10)/10; this works fine and gives me an answer rounded to the tenths spot. the next step i need to do is round up by one if the tenths spot is less than 4 or round up by 2 if the tenths is 5 plus example 3.3=4 3.6=5 The code issue I am having is how do I read the tenths place in my result so that I can act on it? Thanks Jeremy I can't seem to play MP3s with jPlayer, only OGG. Any ideas? My custom code is below: Code: <script type="text/javascript">
//<![CDATA[
var audioPlaylist;
var Playlist;
jQuery(document).ready(function(){
Playlist = function(instance, playlist, options) {
var self = this;
this.instance = instance; // String: To associate specific HTML with this playlist
this.playlist = playlist; // Array of Objects: The playlist
this.options = options; // Object: The jPlayer constructor options for this playlist
this.current = 0;
this.cssId = {
jPlayer: "jquery_jplayer_",
interface: "jp_interface_",
playlist: "jp_playlist_"
};
this.cssSelector = {};
jQuery.each(this.cssId, function(entity, id) {
self.cssSelector[entity] = "#" + id + self.instance;
});
if(!this.options.cssSelectorAncestor) {
this.options.cssSelectorAncestor = this.cssSelector.interface;
}
jQuery(this.cssSelector.jPlayer).jPlayer(this.options);
jQuery(this.cssSelector.interface + " .jp-previous").click(function() {
self.playlistPrev();
jQuery(this).blur();
return false;
});
jQuery(this.cssSelector.interface + " .jp-next").click(function() {
self.playlistNext();
jQuery(this).blur();
return false;
});
};
Playlist.prototype = {
displayPlaylist: function() {
var self = this;
jQuery(this.cssSelector.playlist + " ul").empty();
for (i=0; i < this.playlist.length; i++) {
var listItem = (i === this.playlist.length-1) ? "<li class='jp-playlist-last'>" : "<li>";
listItem += "<a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'>"+ this.playlist[i].name +"</a>";
// Create links to free media
if(this.playlist[i].free) {
var first = true;
listItem += "<div class='jp-free-media'>(";
jQuery.each(this.playlist[i], function(property,value) {
if(jQuery.jPlayer.prototype.format[property]) { // Check property is a media format.
if(first) {
first = false;
} else {
listItem += " | ";
}
listItem += "<a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'>" + property + "</a>";
}
});
listItem += ")</span>";
}
listItem += "</li>";
// Associate playlist items with their media
jQuery(this.cssSelector.playlist + " ul").append(listItem);
jQuery(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() {
var index = jQuery(this).data("index");
if(self.current !== index) {
self.playlistChange(index);
} else {
jQuery(self.cssSelector.jPlayer).jPlayer("play");
}
$(this).blur();
return false;
});
// Disable free media links to force access via right click
if(this.playlist[i].free) {
jQuery.each(this.playlist[i], function(property,value) {
if(jQuery.jPlayer.prototype.format[property]) { // Check property is a media format.
jQuery(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() {
var index = $(this).data("index");
jQuery(self.cssSelector.playlist + "_item_" + index).click();
jQuery(this).blur();
return false;
});
}
});
}
}
},
playlistInit: function(autoplay) {
if(autoplay) {
this.playlistChange(this.current);
} else {
this.playlistConfig(this.current);
}
},
playlistConfig: function(index) {
jQuery(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current");
jQuery(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current");
this.current = index;
jQuery(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]);
},
playlistChange: function(index) {
this.playlistConfig(index);
jQuery(this.cssSelector.jPlayer).jPlayer("play");
},
playlistNext: function() {
var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;
this.playlistChange(index);
},
playlistPrev: function() {
var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1;
this.playlistChange(index);
},
supplied: "mp3",
addMedia: function(media){
this.playlist.push(media);
this.playlistNext();
}
};
});
var last_el='';
jQuery('.track .wrap .play').click(function(){
var cur_img = jQuery(this).css('backgroundImage');
if(cur_img.substring(cur_img.length-10)=='play.png")'){
if(last_el!=''){
last_el.css('background-image','url("img/play.png")');
}
var el = jQuery(this);
last_el = el;
parent.frames[1].addSong(el.attr("title"),el.attr("mp3"),el.attr("ogg"));
el.css('background-image','url("img/pause.png")');
}else{
parent.frames[1].pauseSong();
}
});
jQuery('.jp-interface .jp-pause').click(function(){
last_el.css('background-image','url("img/play.png")');
});
jQuery('body a').click(function(){
var el = jQuery(this);
var href = el.attr('href');
if(href.substring(0,1)=='/'){
parent.location.href = parent.location.href + href.substring(1,href.length);
}
});
//]]>
</script>
I have the Jplayer.swf in multiple folders too to prevent path errors, but that still seems to not help. Anybody? I'm developing a FlashCard App for Mozilla based browsers, and i seem to be having a strange problem. When i goto write the data file, it for some reason is not writing the CR and LF. In the datafile i'm just getting one long string of data. Hopefully i can get this app functional by today. I want to get back to studying chinese while i'm bussing to work Code: <html>
<head>
<script language="javascript">
// Set Global Variables
var Know = 0;
var DontKnow = 0;
var CurrentCard = 0;
var ChineseCard = new Array();
var PinYinCard = new Array();
var EnglishCard = new Array();
var NumberOfCards = 0;
var DataFile = "C:" + String.fromCharCode(92) + "FlashCard.txt";
var Delimeter = ",";
var EndOfRecordTerminationCharacter = ".";
function init()
{
document.getElementById("FlashCardPlayer").style.visibility = "hidden";
document.getElementById("FlashCardEditor").style.visibility = "hidden";
document.getElementById("MainMenu").style.visibility = "visible";
}
function ShowPlayer()
{
document.getElementById("FlashCardPlayer").style.visibility = "visible";
document.getElementById("MainMenu").style.visibility = "hidden";
document.getElementById("FlashCardEditor").style.visibility = "hidden";
LoadFlashCard();
}
function ShowEditor()
{
document.getElementById("FlashCardEditor").style.visibility = "visible";
document.getElementById("FlashCardPlayer").style.visibility = "hidden";
document.getElementById("MainMenu").style.visibility = "hidden";
}
function ShowMain()
{
document.getElementById("MainMenu").style.visibility = "visible";
document.getElementById("FlashCardPlayer").style.visibility = "hidden";
document.getElementById("FlashCardEditor").style.visibility = "hidden";
}
function btnClickShowPinYin()
{
document.getElementById("PinYin").value = PinYinCard[CurrentCard];
}
function btnClickShowEnglish()
{
document.getElementById("English").value = EnglishCard[CurrentCard];
}
function ClearEditor()
{
// Clear all the text boxes in the editor
document.getElementById("EditChinese").value = "";
document.getElementById("EditPinYin").value = "";
document.getElementById("EditEnglish").value = "";
}
function WriteData()
{
// Conicate the Record data
var WriteData = document.getElementById("EditChinese").value + Delimeter +
document.getElementById("EditPinYin").value + Delimeter +
document.getElementById("EditEnglish").value + EndOfRecordTerminationCharacter + "\n";
// Load the data file's current contents
var OldData = LoadFromDisk(DataFile);
var AppendData = OldData + WriteData + "\n";
// Write the data to the file
SaveToDisk(DataFile, AppendData);
// Clear the TextBoxes to prepare for the next entry
ClearEditor();
}
var Records = new Array();
var Elements = new Array();
function LoadFlashCard()
{
// Load the FlashCard Information from the DataFile into the Arrays
LoadData = LoadFromDisk(DataFile);
// Loop through the String and record the locations of the delimeters
// Split the data string into records
Records = LoadData.split(".");
// Split the Records into Elements
for (var x = 0; x <= Records.length; x++)
{
Elements = Records[x].split(",");
}
// Load the Elements in to the ChineseText, PinYin, and English Arrays
NumberOfCards = 3 / Elements.length;
// Load the Chinese Characters "12, 123, 1234, 12345, 123456, 1234567
var Ptr = 0;
for (var x = 0; x < Records.length; x = x + 3)
{
ChineseCard[Ptr] = Elements[x];
Ptr++;
}
Ptr = 0;
// Load the PinYin
for (var x = 1; x < Records.length; x = x + 3)
{
PinYinCard[Ptr] = Elements[x];
Ptr++;
}
Ptr = 0;
// Load the English
for (var x = 2; x < Records.length; x = x + 3)
{
EnglishCard[Ptr] = Elements[x];
Ptr++;
}
}
function btnClickKnow()
{
Know = Know + 1;
if(CurrentCard == NumberOfCards)
{
// Display the score
alert("You scored " + Know + " out of " + NumberOfCards);
CurrentCard = 0;
Know = 0;
DontKnow = 0;
// clear all textboxes and put index(0) chinese character into the chinese character textbox
}
CurrentCard = CurrentCard + 1;
document.getElementById("PinYin").value = "";
document.getElementById("English").value = "";
document.getElementById("ChineseCharacter").value = ChineseCard[CurrentCard];
}
function btnClickDontKnow()
{
DontKnow = DontKnow + 1
if(CurrentCard == NumberOfCards)
{
// Display the score
alert("You scored " + Know + " out of " + NumberOfCards);
CurrentCard = 0;
Know = 0;
DontKnow = 0;
// clear all textboxes and put index(0) chinese character into the chinese character textbox
}
CurrentCard = CurrentCard + 1;
document.getElementById("PinYin").value = "";
document.getElementById("English").value = "";
document.getElementById("ChineseCharacter").value = ChineseCard[CurrentCard];
}
function SaveToDisk(FileName, Content)
{
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("Permission to save file was denied.");
}
var file = Components.classes["@mozilla.org/file/local;1"]
.createInstance(Components.interfaces.nsILocalFile);
file.initWithPath( FileName );
if ( file.exists() == false ) {
file.create( Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 420 );
}
var outputStream = Components.classes["@mozilla.org/network/file-output-stream;1"]
.createInstance( Components.interfaces.nsIFileOutputStream );
outputStream.init( file, 0x04 | 0x08 | 0x20, 420, 0 );
var output = Content;
var result = outputStream.write( output, output.length );
outputStream.close();
}
function LoadFromDisk(filePath)
{
if(window.Components)
try
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath(filePath);
if (!file.exists())
return(null);
var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
inputStream.init(file, 0x01, 00004, null);
var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
sInputStream.init(inputStream);
return(sInputStream.read(sInputStream.available()));
}
catch(e)
{
//alert("Exception while attempting to load\n\n" + e);
return(false);
}
return(null);
}
</script>
</head>
<body onload="init()">
<!--
*****************************************
Flash Card Player
*****************************************
-->
<div id="FlashCardPlayer" style="position: absolute; left: 0px; top: 0px;" >
<input id="ChineseCharacter" type="textbox" style="position: absolute; left: 75px; top: 5px; width: 100px; height: 100px; font-size: 35px;">
<input id="PinYin" type="textbox" style="position: absolute; left: 5px; top: 110px; width: 225px;" >
<input id="English" type="textbox" style="position: absolute; left: 5px; top: 135px; width: 225px;">
<input type="button" value="Know" style="position: absolute; left: 5px; top: 170px; width: 100px; height: 30px;" onclick="btnClickKnow();">
<input type="button" value="Dont Know" style="position: absolute; left: 125px; top: 170px; width: 100px; height: 30px;" onclick="btnClickDontKnow();">
<input type="button" value="PinYin" style="position: absolute; left: 5px; top: 210px; width: 100px; height: 30px;" onclick="btnClickShowPinYin();">
<input type="button" value="English" style="position: absolute; left: 125px; top: 210px; width: 100px; height: 30px;" onclick="btnClickShowEnglish();">
<a href="" style="position: absolute; left:10px; top: 245px;" onclick="ShowMain();">Home</a>
<TextArea id="DataArea" style="visibility: hidden;"></TextArea>
</div>
<!--
******************************************
Flashcard Editor
******************************************
-->
<div id="FlashCardEditor" style="position: absolute; left: 0px; top: 0px;">
<input id="EditChinese" style="position: absolute; left: 75px; top: 5px; width: 100px; height: 100px; font-size: 35px;" type="textbox">
<input id="EditPinYin" style="position:absolute; left: 5px; top: 110px; width: 225px;" type="textbox">
<input id="EditEnglish" style="position:absolute; left: 5px; top: 135px; width: 225px;" type="textbox">
<input id="EditClearTextButton" value="Clear" style="position:absolute; left: 5px; top: 180px; width: 100px; height: 30px;" onclick="ClearEditor();" type="button">
<input name="EditOKButton" value="OK" style="position: absolute; left: 125px; top: 180px; width: 100px; height: 30px;" onclick="WriteData();" type="button">
<a href="" style="position: absolute; left:10px; top: 225px;" onclick="javascript:Alert("*sigh* i'm getting to it!");">New</a>
<a href="" style="position: absolute; left:10px; top: 245px;" onclick="btnClickShowMain();">Home</a>
</div>
<!--
******************************************
Define the Layer for the Main menu
******************************************
-->
<div id="MainMenu" style="position: absolute; left: 0px; top: 0px;">
These are the instructions for the Flashcard App. In the future, there should be a score board and a selection of word lists and other such things. However, it's blank for now until i finish this app :)
<input value="Study Flashcards" style="position: absolute; left: 50px; top: 170px; width: 120px; height: 30px;" onclick="javascript:ShowPlayer();" type="button">
<input value="Edit Flashcards" style="position: absolute; left: 50px; top: 210px; width: 120px; height: 30px;" onclick="ShowEditor();" type="button">
</div>
</body>
</html>
I can't seem to play MP3s with jPlayer, only OGG. Any ideas? My custom code is below: Code: <script type="text/javascript">
//<![CDATA[
var audioPlaylist;
var Playlist;
jQuery(document).ready(function(){
Playlist = function(instance, playlist, options) {
var self = this;
this.instance = instance; // String: To associate specific HTML with this playlist
this.playlist = playlist; // Array of Objects: The playlist
this.options = options; // Object: The jPlayer constructor options for this playlist
this.current = 0;
this.cssId = {
jPlayer: "jquery_jplayer_",
interface: "jp_interface_",
playlist: "jp_playlist_"
};
this.cssSelector = {};
jQuery.each(this.cssId, function(entity, id) {
self.cssSelector[entity] = "#" + id + self.instance;
});
if(!this.options.cssSelectorAncestor) {
this.options.cssSelectorAncestor = this.cssSelector.interface;
}
jQuery(this.cssSelector.jPlayer).jPlayer(this.options);
jQuery(this.cssSelector.interface + " .jp-previous").click(function() {
self.playlistPrev();
jQuery(this).blur();
return false;
});
jQuery(this.cssSelector.interface + " .jp-next").click(function() {
self.playlistNext();
jQuery(this).blur();
return false;
});
};
Playlist.prototype = {
displayPlaylist: function() {
var self = this;
jQuery(this.cssSelector.playlist + " ul").empty();
for (i=0; i < this.playlist.length; i++) {
var listItem = (i === this.playlist.length-1) ? "<li class='jp-playlist-last'>" : "<li>";
listItem += "<a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'>"+ this.playlist[i].name +"</a>";
// Create links to free media
if(this.playlist[i].free) {
var first = true;
listItem += "<div class='jp-free-media'>(";
jQuery.each(this.playlist[i], function(property,value) {
if(jQuery.jPlayer.prototype.format[property]) { // Check property is a media format.
if(first) {
first = false;
} else {
listItem += " | ";
}
listItem += "<a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'>" + property + "</a>";
}
});
listItem += ")</span>";
}
listItem += "</li>";
// Associate playlist items with their media
jQuery(this.cssSelector.playlist + " ul").append(listItem);
jQuery(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() {
var index = jQuery(this).data("index");
if(self.current !== index) {
self.playlistChange(index);
} else {
jQuery(self.cssSelector.jPlayer).jPlayer("play");
}
$(this).blur();
return false;
});
// Disable free media links to force access via right click
if(this.playlist[i].free) {
jQuery.each(this.playlist[i], function(property,value) {
if(jQuery.jPlayer.prototype.format[property]) { // Check property is a media format.
jQuery(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() {
var index = $(this).data("index");
jQuery(self.cssSelector.playlist + "_item_" + index).click();
jQuery(this).blur();
return false;
});
}
});
}
}
},
playlistInit: function(autoplay) {
if(autoplay) {
this.playlistChange(this.current);
} else {
this.playlistConfig(this.current);
}
},
playlistConfig: function(index) {
jQuery(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current");
jQuery(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current");
this.current = index;
jQuery(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]);
},
playlistChange: function(index) {
this.playlistConfig(index);
jQuery(this.cssSelector.jPlayer).jPlayer("play");
},
playlistNext: function() {
var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;
this.playlistChange(index);
},
playlistPrev: function() {
var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1;
this.playlistChange(index);
},
supplied: "mp3",
addMedia: function(media){
this.playlist.push(media);
this.playlistNext();
}
};
});
var last_el='';
jQuery('.track .wrap .play').click(function(){
var cur_img = jQuery(this).css('backgroundImage');
if(cur_img.substring(cur_img.length-10)=='play.png")'){
if(last_el!=''){
last_el.css('background-image','url("img/play.png")');
}
var el = jQuery(this);
last_el = el;
parent.frames[1].addSong(el.attr("title"),el.attr("mp3"),el.attr("ogg"));
el.css('background-image','url("img/pause.png")');
}else{
parent.frames[1].pauseSong();
}
});
jQuery('.jp-interface .jp-pause').click(function(){
last_el.css('background-image','url("img/play.png")');
});
jQuery('body a').click(function(){
var el = jQuery(this);
var href = el.attr('href');
if(href.substring(0,1)=='/'){
parent.location.href = parent.location.href + href.substring(1,href.length);
}
});
//]]>
</script>
|
|||||||