Search jQuery

jQuery Forum

Screen name:
kpowning1

kpowning1's Profile

7 Posts

6 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Validate Multidimensional Array before passing to ajax file
[1Reply]
- 13-Mar-2013 01:52 PM
- Forum: Using jQuery
I have a form field that is dynamically created in PHP with the following:
1. <input type="text" name="subproduct[$i][quantity]" value="0" />
So if there are 5 products from the database the above will repeat 5 times for $i shown above. When someone clicks submit on the form I want to make sure there is at least one of the above with a value greater than "0" being passed in order to submit the form. NOT all of them need to have a value greater than "0" but at least one of them does. Any suggestions? I have been working on this for hours and can't figure this out.

I need this to validate using jQuery before the ajax submit. The ajax code I'm using is below:
1.     $('#wishlist').submit(function() {
          var productvalue = $('#productid').val();
              $.ajax({
                  type: "POST",
                  url: "includes/add_to_wishlist.php",
                  data: $('#wishlist').serialize(),
                  success: showwishlistresponse(productvalue)
              })
          return false;
      });
I appreciate any help on this.

Show hide categories
[1Reply]
- 15-Feb-2013 02:26 PM
- Forum: Getting Started
I have the following jquery code
1. <script type="text/javascript">
  <![CDATA[//><!]]>
  </script>
How can I make it so when someone selects a subcategory under a different main category the previous main category and subcategories are closed? Below is my php code for building the navigation menu.
1. $queryrootc = mysql_query("SELECT * FROM categories ORDER BY order_by ASC");
  echo "<ul id=\"root\" class=\"menu\">";
  $r=100;
  $g = 1;
  while($querymc = mysql_fetch_array($queryrootc)){
      if ($querymc['parentid'] == 0){
          echo "<li><a href=\"javascript:void(0);\" childid=\"c_".$r."\" class=\"cat_close category\"> </a>
                  <a href=\"javascript:void(0);\">".$querymc['category']."</a>";
          //Get all results that have the parent id of the root
          $querychksubs = mysql_query("SELECT * FROM categories WHERE parentid = '".$querymc['categoryid']."' ORDER BY order_by ASC");
          $querycntchksubc = mysql_num_rows($querychksubs);
          if ($querycntchksubc){
              echo "<ul id=\"c_".$r."\">";
              while($querychksubsresults = mysql_fetch_array($querychksubs)){
                  $querysubs2 = mysql_query("SELECT * FROM categories WHERE parentid = '".$querychksubsresults['categoryid']."' ORDER BY order_by ASC");
                  $querycntsubs = mysql_num_rows($querysubs2);
                  if ($querycntsubs){
                      echo "<li><a href=\"javascript:void(0);\" childid=\"c_".$g."\" class=\"cat_close category\"> </a>
                              <a href=\"javascript:void(0);\">".$querychksubsresults['category']."</a><ul id=\"c_".$g."\">";
                      while($getsubs = mysql_fetch_array($querysubs2)){
                          echo "<li>".$getsubs['category']."</li>";
                      }
                      echo "</ul></li>";
                  } else {
                      echo "<li>".$querychksubsresults['category']."</li>";
                  }
              $g++;
              }
              echo "</ul></li>";
          } else {
              echo "</li>";
          }
      }
  $r++;
  }
  echo "</ul>";
ANY HELP MUCH APPRECIATED....

Accordion and subcategories
[1Reply]
- 30-Jan-2013 02:07 AM
- Forum: Using jQuery UI
I have the following php code:
1. class Categories
  {
      var $exclude;
      var $depth;
  
      function __construct() {
          $this->exclude = array();
          $this->depth = 1;
      }
  
      function get_menu()
      {
          $nav_query = mysql_query("SELECT * FROM categories WHERE parentid='0' ORDER BY order_by ASC") or die( mysql_error() );
  
          $tree = "";                  // Clear the directory tree
          $this->depth = 1;                    // Child level depth.
          $top_level_on = 1;          // What top-level category are we on?
          array_push($this->exclude, 0);   // Put a starting value in it
  
          while ( $nav_row = mysql_fetch_array( $nav_query ) )
          {
              $goOn = 1; // Resets variable to allow us to continue building out the tree.
              for( $x = 0; $x < count( $this->exclude ); $x++ )// Check to see if the new item has been used
              {
                  if ( $this->exclude[$x] == $nav_row['categoryid'] )
                  {
                      $goOn = 0;
                      break; // Stop looking b/c we already found that it's in the exclusion list and we can't continue to process this node
                  }
              }
              if ( $goOn == 1 )
              {
                  #top category or in other words category who's parent_id is 0
                  $tree .= "<h3><a href='products.php?catid=".$nav_row['categoryid']."'><span>".$nav_row['category']."</span></a></h3>"; // Process the main tree node
                  array_push( $this->exclude, $nav_row['categoryid'] ); // Add to the exclusion list
  
                  if ( $nav_row['categoryid'] < 6 ){
                      $top_level_on = $nav_row['categoryid'];
                  }
                   $tree .= "<ul>";
                  $tree .= $this->build_child( $nav_row['categoryid'] ); // Start the recursive function of building the child tree
                  $tree .= "</ul>";
              }
          }
  
          return $tree."";
          // echo "</ul>";
      }
  
      function build_child($oldID){
          $child_query = mysql_query( "SELECT * FROM categories WHERE parentid=" . $oldID ) or die( mysql_error() );
          $querychilds = mysql_num_rows($child_query);
          if ($querychilds){
              $tempTree .= '<li style="list-style:none;padding:0px;">';
              while ($child = mysql_fetch_array($child_query)) {
                  $tempTree .= '<ul>';
                  if ($child['categoryid'] != $child['parentid']) {
                      $tempTree .= "<li><a href='products.php?catid=".$child['categoryid']."'>" . $child['category'] . "</a></li>";
                      $this->depth++;      // Incriment depth b/c we're building this child's child tree (complicated yet???)
                      $tempTree .= $this->build_child( $child['categoryid'] ); // Add to the temporary local tree
                      $this->depth--;      // Decrement depth b/c we're done building the child's child tree.
                      array_push( $this->exclude, $child['categoryid'] );         // Add the item to the exclusion list
                  }
                  $tempTree .= '</ul>';
              }
              $tempTree .= "</li>";
              return $tempTree;       // Return the entire child tree
          }
      }
  
  }
The problem that I'm having is that this creates a nice menu where the main categories are clickable and they expand and collapse, however I want the subcategories to do the same. Can anyone share some advice on this for me? I have looked everywhere...

Ajax multiple file upload and return json array in div ID#
[0Replies]
- 25-Jan-2013 03:42 AM
- Forum: Using jQuery
I have the following jQuery and I'm wondering what is the best way to upload multiple pictures and once uploaded show them all in the (#addproduct_image_small) div? I would greatly appreciate anyones help on this. I can get one to upload correctly, but not multiples. I have tried everything but I can't get any output/response from json on my upload_additionalimages.php file.
1. $(document).ready(function() {
  var options2 = {
          beforeSubmit: showRequestadd,
          success:       showResponseadd,
          url:       'includes/upload_additionalimages.php',
          dataType: 'json'
      };
      $('#addimages').submit(function() {
          $('#photomessage').html('');
          $(this).ajaxSubmit(options2);
          return false;
      });
2. });
3. function showRequestadd(formData, jqForm, options2) {
      var fileToUploadValue = $('#fileToUpload').fieldValue();
      if (!fileToUploadValue[0]) {
          $('#photomessage').show();
          $('#photomessage').html('Please select a file.');
          return false;
      }
      return true;
  }
4. function showResponseadd(data, statusText) {
      $('#photomessage').show();
      if (statusText == 'success') {
          var msg = data.error.replace("##", "<br />");
          if (data.img != '') {
              $('#addproduct_image_small').html('<img src="http://www.<?php echo $siteextension.$sitefolder; ?>/t_images/image/' + data.img + '" />');
              $('#photomessage').html('<form id="imgdelete" method="post" action=""><input type="Submit" onClick="deleteimg(\'' + data.img + '\')" value="Change Image" /></form>');
              /*$('#formcont').html('');*/
          } else {
              $('#photomessage').html(msg);
          }
      } else {
          $('#photomessage').html('Unknown error!');
      }
  }
Here is the html form im using
1. <form id="addimages" method="post" action="" enctype="multipart/form-data">
                      <input type="hidden" name="MAX_FILE_SIZE" value="262144" />
                      <div id="addproduct_image_small"></div>
                         <div>Select an image(s) from your hard disk:</div>
                      <div>
                          <input type="file" name="fileToUpload" id="fileToUpload" size="18" />
                          <input type="Submit" value="Submit" id="Submit" />
                      </div>
                  </form>
                  <div id="photoresult"></div>
                  <p id="photomessage" class="error"></p>
Here is the upload_additionalimages.php
1. <?php
  require_once('../../connections/mydatabase.php');
  require('../../includes/siteinfo.php');
  include('product_additionalimgs_upload_script.php');
  
  $foto_upload = new Foto_upload;
  
  $json['size'] = $_POST['MAX_FILE_SIZE'];
  $json['img'] = '';
  
  $foto_upload->upload_dir = $_SERVER['DOCUMENT_ROOT'].$sitefolder."/d_images/";
  $foto_upload->foto_folder = $_SERVER['DOCUMENT_ROOT'].$sitefolder."/d_images/image/";
  $foto_upload->thumb_folder = $_SERVER['DOCUMENT_ROOT'].$sitefolder."/t_images/image/";
  $foto_upload->extensions = array(".jpg", ".gif", ".png");
  $foto_upload->language = "en";
  $foto_upload->x_max_size = 330;
  $foto_upload->y_max_size = 404;
  $foto_upload->x_max_thumb_size = 110;
  $foto_upload->y_max_thumb_size = 88;
  
  $foto_upload->the_temp_file = $_FILES['fileToUpload']['tmp_name'];
  $foto_upload->the_file = $_FILES['fileToUpload']['name'];
  $foto_upload->http_error = $_FILES['fileToUpload']['error'];
  $foto_upload->rename_file = true;
  
  if ($foto_upload->upload()) {
      $foto_upload->process_image(false, true, true, 80);
      $json['img'] = $foto_upload->file_copy;
  }
  
  $json['error'] = strip_tags($foto_upload->show_error_string());
  echo json_encode($json);
  ?>

Passing php multidimensional array to ajax.
[8Replies]
- 26-Nov-2012 11:18 PM
- Forum: Using jQuery
I have the following form elements for example as starting from subproduct[0] all the way to subproduct[6].
1. <input type="text" value="0" name="subproduct[3][quantity]" maxlength="3">
  <input type="hidden" value="2108" name="subproduct[3][sku]">
  <input type="hidden" value="Bianco Dessert & B&B Plate" name="subproduct[3][name]">
How can I pass these form values to my php page using the following jquery?
1. $.ajax({
                  type: "POST",
                  url: "includes/add_to_wishlist.php",
                  data: { productid: productvalue, variant1: variantopt1, variant2: variantopt2, variant3: variantopt3, wishcustomerid: wishcustomeridopt, wishlist_id: wishlist_id },
                  success: showwishlistresponse(productvalue)
I have no idea how to pass these multidimensional arrays in the data field shown above. I'm pretty new to all of this, so please be gently and explain if you can please. Thx in advance for your time and for helping me :)

Pass jquery variable to php variable.
[1Reply]
- 29-Mar-2012 09:11 PM
- Forum: Using jQuery
I have the following jquery code:
1. <script type="text/javascript">
  
  $(document).ready(function() {
      var options = {
          beforeSubmit: showRequest,
          success:       showResponse,
          url:       'includes/upload_categoryimage.php',
          dataType: 'json'
      };
      $('#Form1').submit(function() {
          $('#message').html('');
          $(this).ajaxSubmit(options);
          return false;
      });
  });
  
  function showRequest(formData, jqForm, options) {
      var fileToUploadValue = $('#fileToUpload').fieldValue();
      if (!fileToUploadValue[0]) {
          $('#message').html('Please select a file.');
          return false;
      }
      $("#loadingMessage").show();
      return true;
  }
  
  function showResponse(data, statusText) {
      $("#loadingMessage").hide();
      if (statusText == 'success') {
          var msg = data.error.replace("##", "<br />");
          if (data.img != '') {
              $('#result').html('<img src="http://www.<?php echo $siteextension.$sitefolder; ?>/c_images/image/' + data.img + '" />');
              $('#message').html(msg + '<br /><a href="category_modify.php?del=1&img=' + data.img + '">Change Image</a>.');
              $('#formcont').html('');
          } else {
              $('#message').html(msg);
          }
      } else {
          $('#message').html('Unknown error!');
      }
  }
  
  </script>
How can I pass the data.img variable to lets say a php variable called $imagename? I appreciate any help.

Looping through an array with jquery and php
[4Replies]
- 28-Dec-2011 12:37 PM
- Forum: Using jQuery
Can anyone please help me figure out how to loop this code for the array I have in php? I need this to work for all associates we have on our contact page. This checks their AIM status.
1.     <script type="text/javascript">
  $.getJSON("http://api.oscar.aol.com/presence/get?k=mydevid&f=json&t=<?php echo $rep['aim']; ?>&c=?",
     function(result){
        if (result.response.data.users[0].state == 'online') {
      $("#im_status").attr("src","../images/contacts/available.png");
      $("#im_opener").attr("href","aim:GoIM?screenname=<?php echo $rep['aim']; ?>&message=client:+is+requesting+a+chat.");
        } else {
      $("#im_status").attr("src","../images/contacts/away.png");
      $('#im_opener').click(function() {
       alert('<?php echo $rep['name']; ?> - is not available!');
      });
     }
     }
  );
  </script>
The php array is $rep[aim'] and $rep['name']

Thanks alot in advance :)

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend