Jump to content

Issues with jquery and php for basic shopping cart function


nkg1210
 Share

Recommended Posts

Here is a snippet of the code for an assignment for my web programming class.  I have to use PHP and JQuery to read a delimited text file and display the products in one row of a table.  I have to use JQuery's toggle function to be able to show/hide details (price, image, and name) of a few products.  Everything seemed to work until I started entering the JQuery code in the division.  I have to use $productId as the id for the <div> and I seem to be having some trouble passing the variables to JQuery.  I would appreciate any help anyone could offer as I'm at an impasse.  I've attached a screenshot of the desired outcome.  Thank you.

echo "<h3>OUR PRODUCTS</h3>";
echo "<form name=\"shoppingCart\" action=\"checkOut.php\" method=\"post\">
     <input type=\"button\" value=\"CHECK OUT\" onclick=\"document.shoppingCart.submit()\">
     <input type=\"button\" value=\"MAIN MENU\" onclick=\"location='/'\">
   
     <!--For aesthetic purposes only-->
     <button type=\"button\">INSTRUCTIONS</button>
     </form>";
    
echo "<p>Click a product name for details and to order it. After selecting
     products click CHECK OUT.</p>";
    
echo "<table>";
echo "<tr>";// open data file in read only mode
$productsData = fopen("products.txt","r");// parse file in while loop and generate product info
while(!feof($productsData)) {
     $row=fgets($productsData);
     $row=trim($row);
    
     $productArray = explode("^",$row);
    
     $productId = $productArray[0];
     $productName = $productArray[1];
     $productPrice = $productArray[2];
     $productImageUrl = $productArray[3];
    
     echo "<td width=\"220\" valign='top'>";
     echo "<span style=\"font-weight: bold; font-size: 20px;\"
     onclick=\"$('#$productId').animate({height: 'toggle'}, 'slow' );\">$productName</span>";
     echo "</td>";
    
     echo "<td valign='top'>
          <div id=\"<?php echo($productId); ?>\" style=\"padding: 10px; display: none; font-weight: bold;\">
               <img style=\"width: 200px;\" src=\"<?php echo($productImageUrl); ?>\">
               <br>
               Send me:
               <select name=\"<?php echo($productId); ?>\">
                    <option value=\"0\">None</option>
                    <option value=\"1\">1</option>
                    <option value=\"2\">2</option>
                    <option value=\"3\">3</option>
               </select>
          </div>";
     echo "</td>";
};// close data file
fclose($productsData);echo "</tr>";
echo "</table>";

post-150106-0-33169000-1367784934_thumb.png

Link to comment
Share on other sites

This thread is more than a year old. Are you sure you have something important to add to it?

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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.