|
JavaScript - Javascript Minimum Quantities - Help!
I have been trying to get this to work for the last few hours with no luck. I'm convinced there's something obvious that I am missing but I just cannot see it!
For info, the "minimumQuantity" is a <span id> generated by my client's site's eCommerce software, for example: Code: <span id="minimumQuantity">8</span> I've checked that this is the only span with this ID on the product detail page. If there is no minimum quantity, "Not applicable" is generated instead of a number. Under the example of a minimum quantity of 8: The error is displayed if you enter 7 or less (including minus numbers) into the quantity field. This is correct. The error is NOT displayed if you enter 8 or 9 into the quantity field. This is correct. The error IS displayed if you enter between 10-79 in the quantity field. This is NOT correct. The error is NOT displayed if you enter between 80-99 in the quantity field. This IS correct, but makes no sense! Code: Code: function checkQuantity()
{
var minimumQuantity = document.getElementById("minimumQuantity").innerHTML;
if(minimumQuantity != "Not applicable")
{
var quantityEntered = document.getElementById("qty").value;
parseInt(minimumQuantity);
parseInt(quantityEntered);
if(quantityEntered < minimumQuantity)
{
alert("The minimum order for this product is "+minimumQuantity+" units.\n\nYou entered "+quantityEntered+". Please correct the quantity and try again.");
return false;
}
}
}
Similar TutorialsI have a script that allows someone to set a value that has both a maximum and a minimum. They click a [+] and [-] button that increases or decreases the value until it hits either the max or the min. The problem is, I can't come up with an if statement that does this right. Code: var = controls;
controls = functions() {
if (object.x > 1 && object.x < 50) {
...do something...
}
};
This is a dumbed-down version. This function is actually part of an object and "object.x" is something else in the object. "...do something..." increases or decreases the value of "object.x" when a user clicks a button. This doesn't work though. if it hits either 1 or 50, it breaks because one or the other becomes false. Hey all- trying to get this bit of js to work properly. I'm close, but the issue is that if the window is opened at a size that is SMALLER than the original image, it wont scale down to the smaller size until i first make the window bigger, THEN size it down smaller. The image itself is big (its fashion photography so it needs to be high res) and the js sets the minimum width at 1070. Id like to have the image as big as possible and then on page load automatically drop down to as low as 1070px if the window size is small. Here is the js: Code: jQuery.noConflict();
function screenSize() {
var w, h;
w = (
window.innerWidth ?
window.innerWidth :
(
document.documentElement.clientWidth ?
document.documentElement.clientWidth :
document.body.offsetWidth));
h = (
window.innerHeight ?
window.innerHeight :
(
document.documentElement.clientHeight ?
document.documentElement.clientHeight :
document.body.offsetHeight));
return {w:w, h:h};
}
jQuery(document).ready(function ()
{
if( screenSize().w > 1070 )
{
document.getElementById('home-page-bg-image').style.width = screenSize().w + 'px';
}
})
jQuery(window).resize(function()
{
if( screenSize().w > 1070 )
{
document.getElementById('home-page-bg-image').style.width = screenSize().w + 'px';
}
});
let me know if you have any ideas I want to have another go at Javascript. I have several books on the subject but I find that my eyesight is a major problem. Therefore I want to try an on-line solution, preferably free. I have Googled, but there are so many that I am almost dizzy with the choices. Perhaps someone could recommend one. Not too fussy visually. My knowledge is VERY basic. Frank Hello! I am trying to find a script that allows you to open multiple browser tabs and then close each of those tabs, either one by one or all at once. Does anyone know how to do this please? Thanks so much for your help. Does anyone know how to make URL links that use Javascript still work when users have Javascript disabled on their browser? The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version. I tried the <script><noscript> tags, but I'm not sure if I'm using it correctly, as my URL completely disappears. Below is my HTML/Javascript code: <p class="download"> <script type="text/javascript">document.write("<span style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\" onclick=\"window.open( 'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+ Math.floor( Math.random()*11 ) );\" >The Child Magazines Media Kit</a></span> (PDF 1 MB) ");</script> <noscript><span style="text-decoration: underline;"><a href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf" >The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript> </p> Thanks for any help, Michael Hi, I have the following code snippet: test.html ====== <script language="javascript" type="text/javascript"> var testVariable = "test"; </script> <script language="javascript" type="text/javascript" src="test.js"> </script> test.js ===== var testVariable = window.top.testVariable; In firefox, I'm able to access testvariable defined within test.html in test.js. But in chrome, test.js couldnot get the window.top.testVariable field defined in test.html. Can any one please let me know how i can make it work in chrome?. Am i missing something here?. Hi Guys, I am new at JavaScript and start to do some tutorials.What I am trying to do here is prompting user to input a name and if the name was valid the page(document) will display with all objects like the button.But if user enter a wrong name then the button will be disabled! I create the following code but it did not work <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> <script language="JavaScript" type=""> function changeColor(){ document.bgColor = "Gray"; } </script> </head> <body> <script language="JavaScript" type="text/javascript"> var person = ""; person = prompt('What is Your Name:'); if (person == "Foo") { document.write("<h1 />Welcome " + person); document.bgColor = "Yellow"; } else { document.write("<h1 />Access Denied!!!!"); document.bgColor = "Red"; document.getElementById("gree").disabled = true; } </script> <div> <p/><input id="gree" type="button" value="Gray " onClick="changeColor();"> </div> </body> </html> as you can see I used the: document.getElementById("gree").disabled = true; but it did not work , could you please give an idea how I can solve this problem? Thanks I want to insert this js snippet Code: function addText(smiley) {
document.getElementById('message').value += " " + smiley + " ";
document.getElementById('message').focus();
return false;
}
to a loaded iframe with name&id chtifrm. I can access it & change embed something in its html via using something like: Code: $(parent.chtifrm.document.body).append('<div id=\"smly\" style=\"cursor:pointer;float:left;top:200px;display:none;position:absolute;\"><\/div>');
.... Code: parent.chtifrm.document.getElementById('chatbox_option_disco').style.display == 'none'
but how do I insert js in the head of loaded iframe? Hi Guys I am trying to modify the functionality of my page. I want to be able to activate this piece of code using another javascript function. This is the code I want to activate: Code: <script type="text/javascript"><!--
$('#button-cart').bind('click', function() {
$.ajax({
url: 'index.php?route=checkout/cart/update',
type: 'post',
data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea, .date_data input[type=\'text\']'),
dataType: 'json',
success: function(json) {
$('.success, .warning, .attention, information, .error').remove();
if (json['error']) {
if (json['error']['warning']) {
$('#notification').html('<div class="warning" style="display: none;">' + json['error']['warning'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
$('.warning').fadeIn('slow');
}
for (i in json['error']) {
$('#option-' + i).after('<span class="error">' + json['error'][i] + '</span>');
}
}
if (json['success']) {
$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
$('.success').fadeIn('slow');
$('#cart_total').html(json['total']);
$('html, body').animate({ scrollTop: 0 }, 'slow');
}
}
});
});
//--></script>
And this is how I want the format of the function to be: function testsession() { if there is a session called 'hiredate' { activate the script above } else { var el = document.getElementById("product_data"); } } I just dont know how to write this in javascript Could you help me if possible please Hey, I've got to make the values of some textboxes change the co-ordinates of my sprite on a canvas and havent a clue on how to do it, Here is my form with the two textboxes and submit button: <form> x: <input type="text" name="x" /><br /> y: <input type="text" name:"y" /><br /> <input type="submit" value="Submit"/><br /> </form> And i need it so that they change the values of these: //this shows where my sprite will start on the canvas var block_x; var block_y; searched the internet for hours and cant really find anything i understand or works. any help is much appreciated I got an index.php Code:
<html>
<form action="bacakomik.php" method='post'>
<select name="kodekomik">
<option value='../komik1/|23'>Judul Komik1</option>
<option value="../komik2/|20">Judul Komik2</option>
<option value="../komik3/|10">Juduk Komik3</option>
<option value="../komik4/|20">Judul Komik4</option>
</select>
<input type="submit" />
</form>
<?php
echo ('<select>');
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
echo ('</select>');
?>
</html>
As you can see, each of the option brings specific value "../komik1/|23" komik1 is a directory | is a delimiter 23 is the pages in one chapter and can be considered also as how many images are there on a specific directory This is my bacakomik.php Code: <?php
$dirkomik = $_POST['kodekomik'];
$exploded = explode("|", $dirkomik);
echo ($exploded[0]); //picture directory
echo ("<br>");
echo ($exploded[1]); //total page in the comic
$pagecount = (int)$exploded[1];
//Take last posted value, process it right away
echo ('<FORM name="guideform"> ');
echo ('<select name="guidelinks">');
$i=1;
do {
echo ('<option value= "'.$i.'">'.'Page '.$i.'</option>');
$i= $i+1;
}while($i <= $pagecount); //Printing option and select
echo ("</select>");
?>
<input type="button" name="go" value="Go!" onClick="document.getElementById('im').src=document.guideform.guidelinks.options[document.guideform.guidelinks.selectedIndex].value+'.png';"> </FORM>
<img src="img0.jpg" id="im">
With the current code on bacakomik.php, I only can change the img src of id "im" in the same directory only. What I want is that the Javascript could "add" the "$exploded[0]" variable so that the picture can be loaded from different directory. Anyone can do this? I believe that the fix should be somewhere on input tag inside OnClick, or do you know where? Anyway, I found this on the net http://p2p.wrox.com/php-faqs/11606-q...avascript.html Please help me to those who can... All -- I have a JavaScript config file called gameSetting.js which contains a bunch of variables which configures a particular game. I also have a shared JavaScript library which uses the variables in gameSetting.js, which I include like so: <script type="text/javascript" src="gameSetting.js" ></script> <script type="text/javascript" src="gameLibrary.js" ></script> In gameSetting.js I have: $(document).ready(function() { // call some functions / classes in gameLibrary.js } in Firefox, Safari, and Chrome, this works fine. However, in IE, when it's parsing gameSetting.js, it complains that the functions that live in gameLibrary.js aren't defined. When it gets to parsing gameLibrary.js, the variables in gameSetting.js are reported as not being defined. I've tried dynamically bootstrapping the gameLibrary file using this function in document.ready for dynamic load... $.getScript("gameLibrary.js"); However, the same problem still happens in IE, where when it parses the files individually it's not taking into context the file/variables that came before, so it's not an out of load order problem. My options a 1) collapsing all the functions in gameLibrary.js and variables in gameSetting.js into one file. However, this is not practical because this is dealing with literally hundreds of games, and having a gameLibrary.js in ONE location for ONE update is what makes most logical sense. 2) figure out a way to get this to work where variables in file1 are accessible to file2 in IE (as it seems they are in other browsers). jQuery seems to be able to have multiple plugins that all refer to the based jQuery-1.3.2.js, so I know there is a way to get this to work. Help appreciated. Nero I wrote a log function that took note of various function calls. Thinking that functions are first class objects, and objects have properties, I made the name of each logged function a property of that function, e.g., brightenInnerPara.name = "brightenInnerPara"; Every browser I tried (Firefox, MSIE, Opera, Chrome, Safari) accepted the assignment, no problem. In Firefox and MSIE, the result was what I wanted: brightenInnerPara.name == "brightenInnerPara" But in the others, the result was: brightenInnerPara.name == null Question 1. Which Javascript is correct here? I favor Firefox and MSIE, not merely because they were willing to give me what I wanted, but also because it makes no sense to accept an assignment statement without throwing an error and then give it a null semantics, like Chrome, Opera, and Safari did. I found a workaround, using assignments like this: brightenInnerPara.prototype.name = "brightenInnerPara"; To my surprise, that worked in every browser. But I don't know why. It seems that such assignments are enough to cause each function to have its own distinct prototype. Question 2. Just how inefficient is my workaround, and why does it work? Hello i just started learning and therefore am in the basics but i need help.. Forgive me if i sound dumb and stupid =X Hello and thx for reading.. How do i use javascript to switch an image when the mouse clicks an image map? for example if i have an image with 3 divided mapped parts and i click one map.. the whole image changes into one with the first mapped part decorated.. a sort of navigation bar I also want to, on click of one part, to display an image and on click of a second part to display another image in a table below. .. please help.. thank you ---------------------------------edit--------------------------------------------- i got most of it working.. but when i use onclick.. the image changes but it isnt permenant.. how do i make it permanant until i click another map part I am new to javascript, I need help in completing this project at school HERE IS MY HTML CODE: I need a function to add the radio buttom plus the check boxes when someone click on the total submit buttom. please help me with project. don't worry about my CSS link. thanks <html> <head> <title>pizza online</title> <script type="text/javascript"> /*<![CDATA[ */ function addprice(){ for (var i=0; i <document.forms[0].addsubtotal.legth; ++i) { if (document.forms[0].addsubtotal[i].checked== true) { document.forms[0].addsubtotal[i].checked=false; break; } /* ]]> */ </head> <body> <!-- Your XHTML here --> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="logo" rowspan="3"></td> <td class="topbar"></td> </tr> <tr> <td class="centerbar"><div class="nav_bar">Menu | Order | Location | Coupons</div></td> </tr> <tr> <td class="bottom"></td> </tr> <tr> <td colspan="2" class="nav"></td> </tr> </table> <p> </p> <h3>Order Your Pizza online</h3> <!--begins form--> <form action="FormProcessor.html" name="pizza" method="get" enctype="application/x-www-form-urlencoded" onsubmit="return confirmSubmit()"> <table class="tb" border="0"> <tr> <td class="tb" colspan="5"><h4>Pizzas Selection</h4></td> </tr> <tr> <td class="tb" > </td> <td class="tb2" >Pizzas</td> <td class="" > </td> <td class="tb2" >Price</td> <td class="tb2" >Order Your Pizza online Here</td> </tr> <!--begins radio buttoms--> <tr> <td style="width: 60px;" class="tb"><input type="radio" name="pizza" value="10.99" onclick="addprice();"/></td> <td style="width: 140px;" class="tb">Four Cheese</td> <td style="width: 100px;" > </td> <td style="width: 200px;" class="tb3">$10.99</td> <td rowspan="5" style="width: 500px;" class="tb2" align="center"><img src="image/each1.png" alt="" width="300" height="130" /></td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="radio" name="pizza" value="11.99" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Vegetarian</td> <td style="width: 100px;" > </td> <td style="width: 200px;" class="tb3">$11.99</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="radio" name="pizza" value="12.99" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Italian</td> <td style="width: 100px;" > </td> <td style="width: 200px;" class="tb3">$12.99</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="radio" name="pizza" value="13.99" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Chicago</td> <td style="width: 100px;" > </td> <td style="width: 200px;" class="tb3">$13.99</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="radio" name="pizza" value="14.99" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Deluxe</td> <td style="width: 100px;" > </td> <td style="width: 200px;" class="tb3">$14.99</td> </tr> <tr> <td class="tb" colspan="5"><h4>Toppings Selection</h4></td> </tr> <!--begins check boxes--> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Pepperoni</td> <td style="width: 100px;" > </td> <td style="width: 100px;" class="tb3">$1.00</td> <td rowspan="5" style="width: 500px;" class="tb">Here is a list of all Topping available for you to choose from. </td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Ham</td> <td style="width: 100px;" > </td> <td style="width: 100px;" class="tb3">$1.00</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Mushroom</td> <td style="width: 100px;" > </td> <td style="width: 100px;" class="tb3">$1.00</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Onions</td> <td style="width: 100px;" > </td> <td style="width: 100px;" class="tb3">$1.00</td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" onclick="addprice();/></td> <td style="width: 140px;" class="tb">Sausage</td> <td style="width: 100px;" > </td> <td style="width: 100px;" class="tb3">$1.00</td> </tr> <tr> <td class="tb" colspan="5"> </td> </tr> <tr> <td style="width: 60px;" class="tb"><input type="checkbox" name="topping" value="1.00" /></td> <td style="width: 140px;" colspan="2"><input type="submit" value="Total" /><input type="reset" value="Reset" /></td> <td style="width: 100px;" class="tb"><input type="text" value="Total" /></td> </tr> </table> </form> <!-- your XHTML validation icon--> </body> </html> Thanks Ossie I run a small nonprofit org, and am looking to upgrade our site to something cleaner like UNBOUNDARY'S website he http://www.unboundary.com/ Don't laugh, but I build our website with Microsoft Publisher, so I don't know any Code or Javascript. Is there any way I can have this "middle scrolling frame" like they do without having to know code. Perhaps an easy cut & paste code I can embed to give me that middle frame. Any assistance you can give is appreciated. Thanks, DOC Hi, I'm sorry if I'm in the wrong place, it's just that I'm desperate to know something. One day I was surfing the web and I open this page: http://www.mcyrus.com/videos/index.html I just love the structure of that video page and I would love to know if someone knows what script the owners of that website used to create that video page.. I tried emailing then asking but they don't answer me.. If you do the right click thing on the mouse and see the code of the page there is a lot of javascript code.. i just can't figure it out if that's some kind of program or what is... some help please? you would make my year! All, I have the following bit of CSS: Code: ul li{background:url(images/marker.jpg) top left no-repeat; background-position:0 3px; margin:0; padding-left:13px; }
So basically on my page whenever there is a bullet it displays this marker. I put in the following code to make the bullet become clickable: Code: <li onclick="javascript:showdesc('This is info about bulk delivery', 'bulk');">Bulk Delivery</li><div id="bulk"></div>
I then have the following javascript to handle that: Code: <script type="text/javascript">
function showdesc(desc, type){
if(type=="bulk"){
document.getElementById("bulk").innerHTML = desc;
}
}
</script>
Is there a way to incorporate CSS into the JS that will allow me to use a different image (down arrow) and make that clickable to then make the <div id="bulk"></div> not have the desc in it anymore? Thanks in advance! Don't know much about Javascript. this is what I want to do but don't know the code for it, I've seen one or two other sites do this. I have some ads When the user clicks onto the link I provide to watch a video clip I want a box to come up onto the same window that makes the user have to click a ad link before they can watch the video clip. *User clicks link *Message appears telling user to click one of the links in the box *If user clicks ad link -box closes. -ad opens a new separate window. -video begins to play when ever user clicks play. Thanks if you can help Can I dynamically change a text color when it goes through this attached image or div,(it does not matter)? I know how to change a color; however, I don’t know what conditions I need here. Is there a way to do it? here is the link: My idea is : to make text red when it is on the top of blue div but I have no idea how to achieve it. Once text is out of the blue div region, I want it be black again. |
|||||||