I have a form which gets lat and lng values from mapbox and save it to db , doesnot have any problem with it on my local side but when it comes to production server not working properly and print this error in the console! can any tell me what it mi...

When deleting an item, how do you prevent the transition from jumping to the bottom of the list? Working pen here: https://codepen.io/Swazaloo/pen/XWNVdLJ <div x-data="testing()"> <form @submit.prevent="addItem">...

Hello console.log([4, 6, 8, 12].find(isPrime)); // undefined, not found In this example if there is no results it will returns undefined But is it possible to return Null instead ? Thanks...

when I am doing @console.log(id) I am not getting the id of that input filed while view source everything is all right here is my code <div class="card-header">Ajax todo List <a href="" id="addnewlist" class=...

I'm using AlpineJS to handle the user interaction on my site. On my posts 'index' page, I've multiple cards; each with its own dropdown menu. My current approach that works is to have x-data on each of the cards to control its state. I'm however wond...

js-example-basic-single does not works when i want to add append div, but in html it works well. <script type="text/javascript"> $(document).ready(function() { $(".js-example-basic-single"...

Hello folks, axios.post('/api/companies/' + id, { _method: 'patch', company: this.companyData }) Actually the companyData is also an object having all properties I need (id, name, date ...) In fact, to acc...

Hi Can Anyone tell me how to achieve the scroll effect? take a look at - https://www.littleminx.tv Scroll down a couple of times to see that the arrow is always stay at the bottom of the page that one arrow is linked to multiple section...

I've painstakingly gone through and switched up my imports in my Vue components to split them up. <script> const ExampleComponent = () => import(/* webpackChunkName: "example-component" */ '@/components/ExampleComponent.vue') expo...

I am trying to return live validation when you input username and email View @extends('layouts.cat2') @section('content') <div class="contact-container"> <h2>{{ __('Sign up') }}</h2> <br> <div class=&...

Hi everyone Please provide me with a complete tutorial for learning JavaScript from basic to advanced level...

It seems like everything you can get on npm you can also get on yarn but I'm wondering which one has a larger database of packages? Or are they pulling from the same source?...

i want to get data with out page refresh and i have this setInterval(function(){ $("#screen").load('comajax/',$post->poid) }, 1000); the problem is that jquery (or javascript) can not detect the variable $post->poid...

The code simply listens for the down arrow key on the keyboard and focuses on the first item in the list, each time the up or down arrow key is pressed focus the next or previous item This is a codepen to reproduce this issue. https://codepen.io/nico...

Hi there, I'm new to js and I saw that by getting the element by id, or tag name etc, you can ad style to it. What if one would want to write all css by using this method? Would be possible? Would there be limitations? Just curiosity...

Hello everyone, I need to load a Datatables last page first. var oTable = $('table.display').DataTable({ responsive: true, colReorder: true, columnDefs: [ { type: 'date', 'targets': [4] } ], order: [[ 4, 'desc' ]], I have 3 tables on one page they a...

I'm trying to change the value of a checkbox when it checked/unchecked propertie is changed. HTML: <input name="correct" id="correct" type="checkbox" value ="0" onclick = 'checkboxHelper("correct")...

how to handle keyup not passing NaN when there is any blank value? temp += '<td><input name="total_value" type="number" class="form-control" dval="' + Data[i]["score"] + '" pattern="\d*&...

Hello , I have my vuejs project and I would like to know how to add JSX to it ? Thanks...

This is my two object from two different URL.I want to sum or add item distribution array if name match. 0: cancelTenders: 1 closeTenders: 7 itemDistribution: Array(4) 0: {name: "Mobile", quantity: 18472.8} 1: {name: "Laptop", qua...

<button type="button" class="btn btn-lg btn-toggle " id="Clienttoggle" data-toggle="button data-on="ON" data-off="OFF" autocomplete="off"> <button type="button"...

Hi, using jQuery, on lick button adding div-box div-hide. It work like show hide How add Transition Animation when adding and removing class ? <script type="text/javascript"> jQuery(document).ready(function($) { $("#my-bu...

Hi, Sorry I am here , I am working on an Angular project and can't find any help. I am able to login and get my JWT token in my angular project but I am now trying to get my profile logge din name etc but I'm getting 401 unauthorized trying to pass i...

I've been studying Javascript for 2 years now and have the fundamentals down however I always seem to come undone when trying to break down a problem. So my question is, what's your thought pattern / order of events you take when writing in javascrip...

Hi everyone, I am stuck trying to get my product filters to work correctly. I almost have them but my JS is not as up to snuff and now i need you advanced help. My problem. I am using both isotope and masonry on my product page. I got all the filters...

Hey Guys, I am trying to make a custom scrollbar using JS for a project which needs to scroll and not emit certain events like a normal scrollbar would do. I have something sort of working, but I wondered if anyone knew how the size of the scroller i...

Hi Just wanted to check I am not missing something here. In Vue JS, it is possible to data bind styles inline <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> Data block: data: { styleObject: {...

Hello, I am trying to access functions in app.js from a livewire component with alpine.js "x-init". For testing purposes I have this function in my app.js: const sayHello = () => { alert('hello'); } And in the livewire component: I get...

Hello , I'm using vue-table-2 (server table) and I would like to add a child component in each row : parent component <v-server-table :columns="columns" :options="options" :url="'/api/url&q...

I want to use Turbolinks with Highlight JS. I placed both CDNs in the head tag and this is the script in the body tag: <script>hljs.initHighlightingOnLoad();</script> At the first page load, it does work but when I navigate away and then...

Hi, I need to find a script in my document. For example,i need to find if jQuery script is in my document: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script&...

There is my jsfiddle: https://jsfiddle.net/krq4gswh/ I need to show mi tooltip with text if i pass the mouse over my div , but when i pass over my .container1, it doesn't works good, because it show me 'Container1 found!', alternate by 'None'. Have y...

Good evening guys, I have a Laravel project am working on and I need to merge some javascript arrays in a certain way: // Note that this array can be on any length const _arr1 = [213]; const _arr2 = [323]; const _arr3 = [342]; const _arr4 = [231]; a...

Hello Using https://getdatepicker.com/5-4/ <div class="form-group"> <label for="load_date">Load Date</label> <input type="text" id="load_date" name="load_date&q...

Hi, Anyone out there know how to disable the Alpine.js Browser Dev Tool similar to how Vue.js Browser Dev Tool can be disabled? I usually disable Vue dev tool like this when compiling... Vue.config.devtools = false;...