Uncaught TypeError: autocomplete is not a function in jQuery

See also questions close to this topic

• Composer is not functioning?

  I used composer install in the folder C:\xampp\htdocs\PhpstormProjects, exactly where my website files are located. Now, when I want to view the local version of my files at http://kabel.local.dev:8080, I'm getting these errors:

  Warning: require_once(vendor/autoload.php): failed to open stream: No such file or directory in C:\xampp\htdocs\PhpstormProjects\www\index.php on line 14

  Fatal error: require_once(): Failed opening required 'vendor/autoload.php' (include_path='C:\xampp\php\PEAR') in C:\xampp\htdocs\PhpstormProjects\www\index.php on line 14

  I am probably using the wrong path but I'm not sure which path I should use? I tried C:\xampp\htdocs\PhpstormProjects\vendor but my cmd says that doesn't contain composer.json, the cmd tells me No composer.json in current directory, do you want to use the one at C:\xampp\htdocs\PhpstormProjects? [Y,n]?
• Retrieving an Array with Axios in Laravel

  i am making an Axios request to one of my controller functions which is going into my DB and getting all the suppliers information however when it is return to my VUE file there is no data

  This is my request:

  mounted(){
              axios.get('/product/'+ this.url + '/suppliers/info').then(response=>console.log(response.data));
  
          },
  

  and this is my controller function

  public function getSuppliers($product){
  
          $suppliers = $this->supplier->getAll();
  
          return response()->json($suppliers);
      }
  

  When i dd out $suppliers in the controller it has all the data so i know it has been success retrieved from the DB but when i console log it out once it has been return to VUE the data is gone.

  This is what i see if i just console log response:-

  I can see it is return all the arrays which should be there but none of them have any data in? what am i doing wrong?

  This is a snippet of $suppliers when i DD it in the controller:

  Image of the request header from network:-

  getAll function :-

  public function getAll()
  {
      return $this->buildEntities($this->data->orderBy('name')->get());
  
  }
  
• Should I use new self or new static?

  I work on a proprietary project that uses quite a lot of factories of one form or another. Most of them don't instantiate the class by name, fortunately, but whether new self() or new static() is used to instantiate varies depending on the developer.

  I'm aware of the difference, but I'm curious if there's some consensus on which one is the "correct" way to go when late static binding isn't technically required. For instance, new static() is often found in service classes that will almost certainly never be subclassed. It's obviously important in abstract classes, but my preference would be to use new self() where I don't expect a subclass.

  Questions that address the technical difference:

  • New self vs. new static
  • what means new static?
  • Why return new static? (PHP)

  What I'm curious about:

  • Is there a performance hit to using late static binding?
  • Are there code maintenance implications to adopting one practice? Eg. If I subclass a class using new self(), I have to override/change all such cases, but maybe that's not a bad thing if my constructor changes.
  • Is there a documented best practice on this? We use PSR-2, at least aspirationally, but I don't think it covers this.
• Add Html.BeginForm with jQuery in MVC view

  I have some info boxes that all are loaded in with Ajax calling a function in my controller and then building the HTML.

  I need some edit functionality for these info boxes which will simply replace the static text with a form. I know how I would go about doing this in regular HTML but I would like to use Html.BeginForm so that I may handle it in the controller.

  This is how I wanted to load in my form (it's almost the same code as the one for loading the static info boxes)

  $.ajax({
      url: '@Url.Action("GetCustomerInfoById/")' + id,
      type: 'post',
      traditional: true,
      dataType: 'json',
      success: function (result) {
          $.each(result.CustomerInfo, function (index, customerInfo) {
              $('#infoBox' + customerInfo.ID).html(/* html form goes here */);
          });
      }
  })
  

  This is how I want to build my form

  @using (Html.BeginForm("Index", "Customer", FormMethod.Post, new { @class = "form-horizontal" }))
  {
      @model CustomerInfo
  
      <div class="form-group">
          @Html.TextAreaFor(m => m.InfoText, new { @class = "form-control col-12-md", @style = "max-width: none", @rows = "5" })
      </div>
      <div class="form-group">
          @Html.DropDownListFor(m => m.InfoTypeId, new SelectList(InfoTypeList, "Value", "Text"), new { @class = "form-control", @style = "max-width: none" })
      </div>
      <input type="submit" value="Gem" class="btn btn-primary" />
  }
  
• Trying to implement Fittext.js

  I am trying to use jQuery on my big H1 tag so that the text in the H1 tag will stay the same when resizing my browser window.

  HTML:

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="js/text.js"></script>
  </head>
  
  <body>
  
  <div class="main">
      <section class="page" id="page1">
          <div class="test">
              <h1>exampletext</h1>
  

  CSS:

  .test h1 {
      width:100%;
      text-align:center;
      font-size:250px;
      text-transform:uppercase;
      letter-spacing:5px;
  }
  

  JS:

  $( document ).ready(function() {
      $("test h1").fitText(1, { minFontSize: '20px', maxFontSize: '250px' });
  });
  
  (function( $ ){
  
    $.fn.fitText = function( kompressor, options ) {
  
      // Setup options
      var compressor = kompressor || 1,
          settings = $.extend({
            'minFontSize' : Number.NEGATIVE_INFINITY,
            'maxFontSize' : Number.POSITIVE_INFINITY
          }, options);
  
      return this.each(function(){
  
        // Store the object
        var $this = $(this);
  
        // Resizer() resizes items based on the object width divided by the compressor * 10
        var resizer = function () {
          $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
        };
  
        // Call once to set.
        resizer();
  
        // Call on resize. Opera debounces their resize by default.
        $(window).on('resize.fittext orientationchange.fittext', resizer);
  
      });
  
    };
  
  })( jQuery );
  

  It does not seem to work when I resize my browser window, what could I be doing wrong?
• Jquery Smooth Scroll Using Offset.top

  I'm attempting to create a smooth scrolling effect from a topNav to various sections on a webpage. In the code below, I've recreated the issue I'm having, which is simply I can't seem to have the scroll process animated. My links jump to the proper sections, and I've console.logged along the way to make sure the proper elements are being grabbed at the time of the 'click' but it is still not working.

  Can anyone assist? Initially I thought it might have to do with the fact that instead of giving the navlinks individual IDs, I grouped them with a class name. Could that be part of my problem?

  $(document).ready(function() {
  	
  	$('.slide').click(function() {
  		
  		var link = $(this).attr('href');
  		
  		$('html,body').animate({
  			scrollTop: $(link).offset().top}, 1000);
  		return false;
  		
  		
  		
  		
  	});
  	
  	
  	
  });

  * {
  	padding: 0;
  	margin: 0;
  }
  
  nav {
  	width: 100%;
  	height: 120px;
  }
  
  div {
  	width: 100%;
  	height: 500px;
  }

  <nav>
  	<a href="#first" class="slide">Section 1</a>
  	<a href="#second" class="slide">Section 2</a>
  	<a href="#third" class="slide">Section 3</a>
  	<a href="#fourth" class="slide">Section 4</a>
  </nav>
  
  <div>
  	<a name="first">Section 1</a>
  </div>
  
  <div>
  	<a name="second">Section 2</a>
  </div>
  
  <div>
  	<a name="third">Section 3</a> 
  </div>
  
  <div>
  	<a name="fourth">Section 4</a>
  </div>
• Styleswitcher with jquery

  Hi I'm a coding newbie and have a few questions.

  I want to create a script to change the colors of my style that i created for phpBB with jQuery. There is one main color (orange) and what i want to do is to add a few buttons with other colors variants so when you clink on one it changes that orange color to let say green.

  I found this script:

  <a href="#">Link</a><br><br> <button>Change hover color with JavaScript</button>

  And it's working as intended but I would like to expand it by adding more buttons with different colors and cookie option so it saves the color option you picked. This is so you won't have to pick it every time you refresh the page.

  So my question is what i need to add to that script to make it work?
• How to get text from selected value in a dropdownlist which is js based

  Hello i have trouble getting the value out of a dropdownlist created with the plugin FacetWP. I have searched A LOT and tried a lot of different methods to get the text value out of that list but with no success. my latest try was:

  var messagepop = $(".facetwp-filter .facetwp-facet-perioxeskalipsis > .fs-label-wrap > .fs-label").text();
              alert (messagepop);
  

  I have no idea what else to try.. i tried siblings() find() and everything other but i was getting a blank box in the alert..any help would be appreciated!

  UPDATED: problem was due to an ajax request taking place at the time. Had to place the code a few lines further down!

  
• Google Places Autocomplete select first result on button click

  I'm using Google Places Autocomplete and Google Maps API. I am trying to make my input and submit button select the first result when a result is not selected. The problem is when I use the down key or up key to select a city it always chooses the 1st city. I am always trying to make it so that if the city does not exist, it will not let you continue. It will show some text saying "No Search Results Found". I have been looking at ways to resolve these issues and can't find any way to resolve them. I have put my code below.

  SCRIPT:

  <script>
   google.maps.event.addDomListener(window, 'load', function() {
   (function(input, opts, nodes) {
    var ac = new google.maps.places.Autocomplete(input, opts);
  
    google.maps.event.addDomListener(input, 'keydown', function(e) {
      if (e.keyCode === 13 && !e.triggered) {
        google.maps.event.trigger(this, 'keydown', {
          keyCode: 40
        })
        google.maps.event.trigger(this, 'keydown', {
          keyCode: 13,
          triggered: true
        })
      }
    });
    for (var n = 0; n < nodes.length; ++n) {
      google.maps.event.addDomListener(nodes[n].n, nodes[n].e, function(e) {
  
        google.maps.event.trigger(input, 'keydown', {
          keyCode: 13
        })
      });
    }
  }
  (
    document.getElementById('autocomplete'), {
      componentRestrictions: {
        country: document.getElementById('hdnLocatorPlace').value
      },
      types: ['(cities)']
  
    }, [{
      n: document.getElementById('searchAP'),
      e: 'click'
    }]
  ));
  });
  
  </script>
  

  HTML:

  <script src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places">
  </script>
  
  <form>
  <input id="autocomplete">
  <input type="submit" id="searchAP">
  <input type="hidden" id="hdnLocatorPlace" value="de">
  
  </form>
  
• jQuery autocomplete - search by multiple values

  I would like to use jQuery Autocomplete plugin to create a user search function, and get informations from my MySQL database.

  I could search an user by his name, lastname, phone number or mail address, then show up all the matching users

  The following script works, but something is messing. If I'm searching for "BOUVIER Maxime" User, it works. But, If I write "Maxime BOUVIER", it doesn't work anymore.

  Could someone please help me ?

  This is my script:

  $("#user").autocomplete({
              source: function (query, response) {
                  $.ajax({
                      url: "get_customer.php",
                      dataType: 'json',
                      data: query,
                      type: 'POST',
                      success: function (data) {
                          console.log(data);
                          response(data.map(function (value) {
                              return {
                                  id: value.id,
                                  value: value.nom,
                                  email: value.email,
                                  telephone: telephone
                              };  
                          }));
                      }    
                  }); 
              },
              minLength: 2,
              delay: 200,
  }});
  

  here is my php script:

  $keyword = $_POST['term'];
  $a_json = array();
  $a_json_row = array();
  $search_param= "%".$keyword."%";
  
      $query = $db->prepare("SELECT id_client, nom, prenom, email,telephone  FROM client WHERE nom LIKE :search OR prenom LIKE :search OR  email LIKE :search OR telephone LIKE :search");
      $query->bindParam(":search", $search_param);            
      $query->execute();      
  
  
          while($row = $query->fetch(PDO::FETCH_ASSOC)) {
  
              $a_json_row["id"] = $row["id_client"];
              $a_json_row["nom"] = strtoupperFr($row["nom"]). " ".ucwords($row["prenom"]);
              $a_json_row["email"] = $row["email"];
              $a_json_row["telephone"] = $row["telephone"];
              array_push($a_json, $a_json_row);
  
          }
      echo json_encode($a_json);
      $db = NULL;
  

  (I use PDO emulate ON, to use the same var for my query)
• python Eric autocomplete for OpenCV

  I am trying to use opencv in python and for some reason I can't get ANY form of autocomplete to work in Eric. I know the libraries work because I can execute the code, but checking every other opencv call with the online documentation is a nightmare.

  I found this: eric5 autocomplete

  and tried the steps described there, but to no avail. I read I need an API file, but it doesn't exist in my system. I think I compiled opencv with all possible python flags, but when I search for any .api files I don't get any opencv related results.

  How can I generate the missing API file?

  I am using python3 + OpenCV-3.1 on Ubuntu 16.04