Jump to content

Freedom-n-Democrazy

Members
  • Posts

    295
  • Joined

  • Last visited

    Never

Posts posted by Freedom-n-Democrazy

  1. Is there a way to make it How can I go about removing a $_SESSION entity if certain array values of it equal a specific value? I am thinking something along the lines of this:

     

    if (isset($_SESSION['cart']['content'][$_POST['id']])) = array ('sizes' => 0, 'sizem' => 0, 'sizel' => 0, 'sizexl' => 0) {
    // remove $_SESSION['cart']['content'][$_POST['id']]
    }

  2. Oh dear! I've spoken way too soon! The code isn't working properly yet. It only worked because I inserted double quotes around the PHP:

    if (document.forms["form"]["quantity"].value > "<?php $row['sizes'] ?>")

     

    ... but the PHP code still fails to produce the number as can be seen in the source code:

    if (document.forms["form"]["quantity"].value > "")

     

    I can confirm however that MySQL is working, as everything else that uses PHP-MySQL works. So, I think this is an issue with the way "<?php $row['sizes'] ?>" is being implemented.

     

    I can still say solved though because the JavaScript part has been fixed.

  3. I solved it with a bit of help from Nightslyr and Old Pedant from codingforums.com. I was told I had to use the PHP-MySQL code before the JavaScript, as $row was undefined.

    I then found a couple of other problems myself where $id was not defined (which is the reason why PHP in the HTML stopped working earlier) and double quotes were not used around the PHP code in the JavaScript.

     

    The page now fully works!

     

    This problem is solved.

  4. In your JavaScript, echo $row['quantity'].

     

    It comes out as blank, and when I use the same code after PHP calls MySQL, it works.. so, I placed the code where PHP calls MySQL before the JavaScript, then the PHP in the HTML stopped working. Whats the go with that?!

     

    In your HTML, attach your onsubmit event to the form tag itself, not the input.

     

    Already done.

     

     

    The JavaScript code now sits at this in the bold:

     

    if (document.forms["form"]["size"].value=="Small") {

    if (document.forms["form"]["quantity"].value > <?php $row['sizes'] ?>) {

    alert ("Cannot submit because the quantity exceeds availability.");

    return false;

    }

    }

  5. If you've started reading from the beginning of this thread, then you have probably got lost in what its actually about, so I will refresh:

     

     

    I am wanting to make it so if a client tries to submit a value in a HTML INPUT form that is higher than a specific value, then JavaScript will deny the form being submitted and return a message to the client.

    The value of which the number cannot go over will be variable and be pulled from a MySQL table.

     

    I am thinking the JavaScript and HTML portion of the code being something along the lines of this:

     

    JavaScript:

    function validateForm() {

    if (document.forms["form"]["quantity"].value > <?php $row['quantity'] ?>) {

    alert ("Cannot submit because quantity exceeds availability.");

    return false;

    }

    }

     

    HTML:

    <INPUT name="quantity" onsubmit="return validateForm()">

     

    So if you've got any ideas on how it can be achieved, then I would love to hear them.

  6. The value is not showing! Why!

     

    This is exactly why i told you several replies ago not to simply assume your code works. The syntax for a select query should be....

     

    if ($result = mysql_query($sql)) {
      if (mysql_num_rows($result)) {
        // $result contains a valid resource object containing data
      } else {
        // no records found matching your query. Handle the error
      }
    } else {
      // your query failed. handle the error
    }
    

     

    Wheres this suppose to go?

  7. Full source:

     

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    
            "http://www.w3.org/TR/html4/strict.dtd">
    
    <TITLE></TITLE>
    
    <META content="charset=windows-1252;text/html" http-equiv="content-type">
    
    <LINK href="../../../../body.css" rel="stylesheet" type="text/css">
    
    <STYLE type="text/css">
    
    DIV.path {
    
    	left: 50%;
    
    	margin-left: -630px;
    
    	margin-top: -313px;
    
    	position: absolute;
    
    	top: 50%
    
    }
    
    A.gold {
    
    	color: rgb(255,215,0)
    
    }
    
    DIV.imagearea {
    
    	left: 50%;
    
    	margin-left: -439px;
    
    	margin-top: -251px;
    
    	position: absolute;
    
    	top: 50%
    
    }
    
    DIV.imageselector {
    
    	margin-bottom: 5px;
    
    	text-align: center
    
    }
    
    SPAN.glance {
    
    	color: rgb(255,215,0);
    
    	cursor: text
    
    }
    
    SPAN.front {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.back {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.left {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.right {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.top {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.bottom {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    IMG.glance {
    
    	display: block
    
    }
    
    IMG.front {
    
    	display: none
    
    }
    
    IMG.back {
    
    	display: none
    
    }
    
    IMG.left {
    
    	display: none
    
    }
    
    IMG.right {
    
    	display: none
    
    }
    
    IMG.top {
    
    	display: none
    
    }
    
    IMG.bottom {
    
    	display: none
    
    }
    
    IMG.small {
    
    	display: none
    
    }
    
    IMG.medium {
    
    	display: none
    
    }
    
    IMG.large {
    
    	display: none
    
    }
    
    IMG.extralarge {
    
    	display: none
    
    }
    
    DIV.dimensionsselector {
    
    	margin-top: 5px;
    
    	text-align: center
    
    }
    
    SPAN.small {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.medium {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.large {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    SPAN.extralarge {
    
    	color: silver;
    
    	cursor: pointer
    
    }
    
    DIV.productinformation {
    
    	left: 50%;
    
    	margin-left: 166px;
    
    	margin-top: -226px;
    
    	position: absolute;
    
    	top: 50%
    
    }
    
    DIV.options {
    
    	left: 50%;
    
    	margin-left: -96px;
    
    	margin-top: 89px;
    
    	position: absolute;
    
    	top: 50%;
    
    	width: 346px
    
    }
    
    DIV.sizeavailability {
    
    	margin-left: 151px
    
    }
    
    INPUT.quantity {
    
    	width: 10px
    
    }
    
    </STYLE>
    
    <?php
    
    $link = mysql_connect('localhost', 'testusr', 'testpw');
    
    mysql_select_db('testdb', $link);
    
    $query = "select * from products where id='$id'"; $result = mysql_query($query); $row = mysql_fetch_array($result);
    
    mysql_query ($query);
    
    mysql_close($link);
    ?>
    <SCRIPT type="text/javascript">
    
    function glancetextjavascript() {
    
    	document.getElementById("glancetext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("glancetext").style.cursor= "text";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function fronttextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("fronttext").style.cursor= "text";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function backtextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("backtext").style.cursor= "text";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function lefttextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("lefttext").style.cursor= "text";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function righttextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("righttext").style.cursor= "text";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function toptextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("toptext").style.cursor= "text";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function bottomtextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("bottomtext").style.cursor= "text";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function glanceimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='block';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function frontimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='block';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function backimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='block';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function leftimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='block';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function rightimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='block';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function topimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='block';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function bottomimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='block';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function smallimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='block';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function mediumimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='block';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function largeimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='block';
    
    	document.getElementById('extralargeimage').style.display='none';
    
    }
    
    function extralargeimagejavascript() {
    
    	document.getElementById('glanceimage').style.display='none';
    
    	document.getElementById('frontimage').style.display='none';
    
    	document.getElementById('backimage').style.display='none';
    
    	document.getElementById('leftimage').style.display='none';
    
    	document.getElementById('rightimage').style.display='none';
    
    	document.getElementById('topimage').style.display='none';
    
    	document.getElementById('bottomimage').style.display='none';
    
    	document.getElementById('smallimage').style.display='none';
    
    	document.getElementById('mediumimage').style.display='none';
    
    	document.getElementById('largeimage').style.display='none';
    
    	document.getElementById('extralargeimage').style.display='block';
    
    }
    
    function smalltextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("smalltext").style.cursor= "text";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function mediumtextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("mediumtext").style.cursor= "text";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function largetextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("largetext").style.cursor= "text";
    
    	document.getElementById("extralargetext").style.color= "silver";
    
    	document.getElementById("extralargetext").style.cursor= "pointer";
    
    }
    
    function extralargetextjavascript() {
    
    	document.getElementById("glancetext").style.color= "silver";
    
    	document.getElementById("glancetext").style.cursor= "pointer";
    
    	document.getElementById("fronttext").style.color= "silver";
    
    	document.getElementById("fronttext").style.cursor= "pointer";
    
    	document.getElementById("backtext").style.color= "silver";
    
    	document.getElementById("backtext").style.cursor= "pointer";
    
    	document.getElementById("lefttext").style.color= "silver";
    
    	document.getElementById("lefttext").style.cursor= "pointer";
    
    	document.getElementById("righttext").style.color= "silver";
    
    	document.getElementById("righttext").style.cursor= "pointer";
    
    	document.getElementById("toptext").style.color= "silver";
    
    	document.getElementById("toptext").style.cursor= "pointer";
    
    	document.getElementById("bottomtext").style.color= "silver";
    
    	document.getElementById("bottomtext").style.cursor= "pointer";
    
    	document.getElementById("smalltext").style.color= "silver";
    
    	document.getElementById("smalltext").style.cursor= "pointer";
    
    	document.getElementById("mediumtext").style.color= "silver";
    
    	document.getElementById("mediumtext").style.cursor= "pointer";
    
    	document.getElementById("largetext").style.color= "silver";
    
    	document.getElementById("largetext").style.cursor= "pointer";
    
    	document.getElementById("extralargetext").style.color = "rgb(255,215,0)";
    
    	document.getElementById("extralargetext").style.cursor= "text";
    
    }
    
    function validateForm() {
    
    	if (document.forms["form"]["quantity"].value=="") {
    
    		alert ("Cannot submit because a quantity has not been specified.");
    
    		return false;
    
    	}
    
    	if (document.forms["form"]["quantity"].value = > <?php echo $row['sizes']; ?>) {
    
    		alert ("Cannot submit because quantity exceeds availability.");
    
    		return false;
    
    	}
    
    	if (document.forms["form"]["size"].value=="") {
    
    		alert ("Cannot submit because a size has not been selected.");
    
    		return false;
    
    	}
    
    }
    
    </SCRIPT>
    
    <DIV>
    
    <IMG alt="" class="logo" src="/logo.png">
    
    <DIV class="customermenu"><?php include '../../../../rawcode/customermenu/customermenu'; ?></DIV>
    
    <DIV class="mainmenu"><?php include '../../../../rawcode/mainmenu/products'; ?></DIV>
    
    <DIV class="main">
    
    	<?php $id = "1"; ?>
    
    	<DIV class="path">> <A class="gold" href="/products">Products</A> > <A class="gold" href="/products/menswear">Menswear</A> > <A class="gold" href="/products/menswear/belts">Belts</A> > <?php echo "$id"; ?></DIV>
    
    	<DIV class="imagearea">
    
    		<DIV class="imageselector"><B>IMAGES:</B> | <SPAN class="glance" onclick="glanceimagejavascript()"><SPAN id="glancetext" onclick="glancetextjavascript()">GLANCE</SPAN></SPAN> | <SPAN class="front" onclick="frontimagejavascript()"><SPAN id="fronttext" onclick="fronttextjavascript()">FRONT</SPAN></SPAN> | <SPAN class="back" onclick="backimagejavascript()"><SPAN id="backtext" onclick="backtextjavascript()">BACK</SPAN></SPAN> | <SPAN class="left" onclick="leftimagejavascript()"><SPAN id="lefttext" onclick="lefttextjavascript()">LEFT</SPAN></SPAN> | <SPAN class="right" onclick="rightimagejavascript()"><SPAN id="righttext" onclick="righttextjavascript()">RIGHT</SPAN></SPAN> | <SPAN class="top" onclick="topimagejavascript()"><SPAN id="toptext" onclick="toptextjavascript()">TOP</SPAN></SPAN> | <SPAN class="bottom" onclick="bottomimagejavascript()"><SPAN id="bottomtext" onclick="bottomtextjavascript()">BOTTOM</SPAN></SPAN> |</DIV>
    
    		<IMG alt="" class="glance" id="glanceimage" src="glance.png">
    
    		<IMG alt="" class="front" id="frontimage" src="front.png">
    
    		<IMG alt="" class="back" id="backimage" src="back.png">
    
    		<IMG alt="" class="left" id="leftimage" src="left.png">
    
    		<IMG alt="" class="right" id="rightimage" src="right.png">
    
    		<IMG alt="" class="top" id="topimage" src="top.png">
    
    		<IMG alt="" class="bottom" id="bottomimage" src="bottom.png">
    
    		<IMG alt="" class="small" id="smallimage" src="small.png">
    
    		<IMG alt="" class="medium" id="mediumimage" src="medium.png">
    
    		<IMG alt="" class="large" id="largeimage" src="large.png">
    
    		<IMG alt="" class="extralarge" id="extralargeimage" src="extralarge.png">
    
    		<DIV class="dimensionsselector"><B>DIMENSIONS:</B> | <SPAN class="small" onclick="smallimagejavascript()"><SPAN id="smalltext" onclick="smalltextjavascript()">SMALL</SPAN></SPAN> | <SPAN class="medium" onclick="mediumimagejavascript()"><SPAN id="mediumtext" onclick="mediumtextjavascript()">MEDIUM</SPAN></SPAN> | <SPAN class="large" onclick="largeimagejavascript()"><SPAN id="largetext" onclick="largetextjavascript()">LARGE</SPAN></SPAN> | <SPAN class="extralarge" onclick="extralargeimagejavascript()"><SPAN id="extralargetext" onclick="extralargetextjavascript()">EXTRA LARGE</SPAN></SPAN> |</DIV>
    
    	</DIV>
    
    	<DIV class="productinformation">
    
    		<B>Product ID:</B> <?php echo "$id"; ?>
    
    		<BR>
    
    		<BR>
    
    		<B>Name:</B> <?php echo "$row[name]"; ?>
    
    		<BR>
    
    		<B>Brand:</B> <?php echo "$row[brand]"; ?>
    
    		<BR>
    
    		<B>Primary colour:</B> <?php echo "$row[primarycolour]"; ?>
    
    		<BR>
    
    		<B>Material:</B> <?php echo "$row[material]"; ?>
    
    		<BR>
    
    		Made in <?php echo "$row[madein]"; ?>
    
    		<BR>
    
    		<BR>
    
    		<B>Price:</B> <? echo "$row[price]"; ?>
    
    		<BR>
    
    		<BR>
    
    		<B>Size availability:</B>
    
    		<BR>
    
    		<DIV class="options">
    
    			<DIV class="sizeavailability">
    
    				<?php
    
    					if ($row['sizes'] == 0) {goto sizem;} else {echo '<DIV class="sizesmall"><B>Small:</B> '.$row[sizes].'</DIV>';}
    
    					sizem:
    
    					if ($row['sizem'] == 0) {goto sizel;} else {echo '<DIV class="sizemedium"><B>Medium:</B> '.$row[sizem].'</DIV>';}
    
    					sizel:
    
    					if ($row['sizel'] == 0) {goto sizexl;} else {echo '<DIV class="sizelarge"><B>Large:</B> '.$row[sizel].'</DIV>';}
    
    					sizexl:
    
    					if ($row['sizexl'] == 0) {goto endsizes;} else {echo '<DIV class="sizeextralarge"><B>Extra large:</B> '.$row[sizexl].'</DIV>';}
    
    					endsizes:
    
    					mysql_query ($query);
    
    					mysql_close($link);
    
    				?>
    
    			</DIV>
    
    			<BR>
    
    			<BR>
    
    			<FORM action="../../../../cart/addtocart.html" method="post" name="form" onsubmit="return validateForm()"><DIV>Add <INPUT class="quantity" name="quantity" value="1"> <SELECT class="size" name="size"><OPTION></OPTION><OPTION>Small</OPTION><OPTION>Medium</OPTION><OPTION>Large</OPTION><OPTION>Extra large</OPTION></SELECT> to <INPUT class="cart" type="submit" value="CART"><INPUT name="id" type="hidden" value="<?php echo $id; ?>"></DIV></FORM>
    
    		</DIV>
    
    	</DIV>
    
    </DIV>
    
    <DIV class="information"><?php include '../../../../rawcode/information/information'; ?></DIV>
    
    <DIV class="copyright"><?php include '../../../../rawcode/copyright/acopyright'; ?></DIV>
    
    </DIV>
    

  8. Sure,

     

    This is everything related to the script in regards to the quantity validation.

     

    <?php
    $link = mysql_connect('localhost', 'testusr', 'testpw');
    mysql_select_db('testdb', $link);
    $query = "select * from products where id='$id'"; $result = mysql_query($query); $row = mysql_fetch_array($result);
    mysql_query ($query);
    mysql_close($link);
    ?>
    
    <SCRIPT type="text/javascript">
    function validateForm() {
    	if (document.forms["form"]["quantity"].value=="") {
    		alert ("Cannot submit because a quantity has not been specified.");
    		return false;
    	}
    	var integer = parseInt (document.forms["form"]["quantity"].value);
    	if (integer > <?php echo $row['sizes']; ?>) {
    		alert ("Cannot submit because quantity exceeds availability.");
    		return false;
    	}
    	if (document.forms["form"]["size"].value=="") {
    		alert ("Cannot submit because a size has not been selected.");
    		return false;
    	}
    }
    </SCRIPT>
    
    <FORM action="../../../../cart/addtocart.html" method="post" name="form" onsubmit="return validateForm()">
    <DIV>
    	Add <INPUT class="quantity" name="quantity" value="1"> <SELECT class="size" name="size"><OPTION>Small</OPTION><OPTION>Large</OPTION></SELECT> to <INPUT class="cart" type="submit" value="CART"><INPUT name="id" type="hidden" value="<?php echo $id; ?>">
    </DIV>
    </FORM>
    

  9. I tried this, but the page just went ahead and submitted:

     

    Javascript:

    function validateForm() {
    var integer = parseInt (document.forms["form"]["quantity"].value);
    $noavailability = $row['sizes'] + 1;
    if (integer > $noavailability) {
    	alert ("Cannot submit because quantity exceeds availability.");
    	return false;
    }
    }

     

    HTML

    <INPUT class="quantity" name="quantity" value="1">

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.