#### Category : javascript

I’m trying to show a modal when I click the edit button, so I added wire:click : <td class="py-3 px-6 text-left"> <div class="flex items-center"> <span class="font-medium">{{ $project->project }}</span> </div> </td> <td class="py-3 px-6 text-left"> <div class="flex items-center"> <span>{{$project->username }}</span> </div> </td> <td class="py-3 px-6 text-center"> <span class="bg-{{ $project->status_color }}-200 text-{{$project->status_color }}-600 py-1 px-3 ..

i am trying to show a modal when i click the edit button so i added the wire:click : <td class="py-3 px-6 text-left"> <div class="flex items-center"> <span class="font-medium">{{ $project->project }}</span> </div> </td> <td class="py-3 px-6 text-left"> <div class="flex items-center"> <span>{{$project->username }}</span> </div> </td> <td class="py-3 px-6 text-center"> <span class="bg-{{ $project->status_color }}-200 text-{{$project->status_color }}-600 ..

I am working on setinterval which will run an autosave function so that the user do not need to press submit button and it can save automatically, but am stuck on updating the table if user needs to change the value in the table Sourc..

We have a category selection function. Can you please help to suggest a filtering function that, when choosing a specific category, will pull up all blogs from this category by ID? JavaScript document.querySelectorAll(‘.category-filter_item’).forEach(el => { el.addEventListener(‘click’, () => { document .querySelector(‘.category-filter_item.active’) .classList.remove(‘active’); el.classList.add(‘active’); Development environment Laravel We have something like the following code on the ..

i have a form whose data comes from 2 tables. idtable_record is foreign key from category Now i need some help to make the edit function, because i can’t display the data. In the edit function i would i need to make something like: Select * from category and semantic where category.category_id=$category_id and semantic.table_mr="Person" For .. Read more This is my Laravel PenilaianController: public function index() { //$penilaian1 = PenilaianTahap1::join(‘peserta_t1’, ‘nilai_t1.nim’, ‘=’, ‘peserta_t1.nim’) ->join(‘pendaftar’, ‘peserta_t1.nim’, ‘=’, ‘pendaftar.nim’) ->join(‘sub_kriteria_t1’, ‘nilai_t1.id_sk1’, ‘=’, ‘sub_kriteria_t1.id_sk1’) ->join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘nilai_t1.nim’, ‘pendaftar.nama’, ‘nilai_t1.nilai’, ‘nilai_t1.id_sk1’ ]); $subkriteria = SubKriteriaTahap1::join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘sub_kriteria_t1.sub_kriteria’, ‘sub_kriteria_t1.bobot’, ]);$kriteria = KriteriaTahap1::all(); $response = [ ‘message’ => ‘Data pendaftar OR .. Read more This is my Laravel PenilaianController: public function index() { //$penilaian1 = PenilaianTahap1::join(‘peserta_t1’, ‘nilai_t1.nim’, ‘=’, ‘peserta_t1.nim’) ->join(‘pendaftar’, ‘peserta_t1.nim’, ‘=’, ‘pendaftar.nim’) ->join(‘sub_kriteria_t1’, ‘nilai_t1.id_sk1’, ‘=’, ‘sub_kriteria_t1.id_sk1’) ->join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘nilai_t1.nim’, ‘pendaftar.nama’, ‘nilai_t1.nilai’, ‘nilai_t1.id_sk1’ ]); $subkriteria = SubKriteriaTahap1::join(‘kriteria_t1’, ‘sub_kriteria_t1.id_k1’, ‘=’, ‘kriteria_t1.id_k1’) ->get([ ‘sub_kriteria_t1.sub_kriteria’, ‘sub_kriteria_t1.bobot’, ]);$kriteria = KriteriaTahap1::all(); $response = [ ‘message’ => ‘Data pendaftar OR .. Read more Controller load the view and load the jQuery. index.blade.php <table id="UserGrid" class="table table-bordered table-striped"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Country</th> <th>Dept</th> <th>Title</th> <th>Username</th> <th>Role</th> <th>Status</th> <th>Created at</th> <th>Action</th> </tr> </thead> <tbody> </tbody> </table> </div> @php$pageJsScript = array( ‘<script type = "text/javascript" src="js/setting/user/User_search.js")></script>’ ); $pageJsCalls = array( ‘User_search.init();’ ); @endphp The above code is in between .. Read more I have a list of content that users send, such as tweeting, and they post a text, and the following content is also displayed. input I put an ID that updates that ID in Ajax, but because the posts are below and editing is modal, only one of the forms can be edited because the .. Read more my controller public function index() {$blogs = Blog::all(); $categories = Category:all(); return view(‘blog’, compact(‘blogs’, ‘categories’)); } We have something like this code on the blog page. First we get all the available categories, then a list of all blogs @extends(‘layouts.app’) @section(‘content’) <div class="container"> <div class="category-filter" id="filter"> <div class="category-filter_item active">All</div> @foreach($categories as $category) <div class="category-filter_item">{{ .. Read more @if(!empty($data[‘slots’])) @foreach($data[‘slots’] as$key => $slot) <a class="slot_key" data-id="{{$key }}">{{ date(‘h:i A’, strtotime(slot[0][‘start_time’])) }}</a> @endforeach @else No slots available @endif Sourc.. Read more Im trying to build single page app using Vue + inertia + laravel. I have an html template that include external js file. When integrating the template with vue, i notice that, the js only run only once after the page is refresh and not applied to the other page (when navigate using router-link) i .. Read more I have a Laravel Blade View I am displaying about 280 products from database using code below. @if (get_setting(‘best_selling’) == 1) <section class="mb-4"> <div class="container"> <div class="px-2 py-4 px-md-4 py-md-3 bg-white shadow-sm rounded"> <div class="d-flex mb-3 align-items-baseline border-bottom"> <h3 class="h5 fw-700 mb-0"> <span class="border-bottom border-primary border-width-2 pb-3 d-inline-block">{{ translate(‘Just For You’) }}</span> </h3> <a href="../search" .. Read more I don’t know how to address this question properly but my problem is I can’t display my data in my chart using chart.js and laravel. To start with, I have a "sales" table in my database, and it has "total" and "created_at" fields which are the data that I wanted to reflect on my chart. .. Read more controller public function index() {blogs = Blog::all(); $categories = Category:all(); return view(‘blog’, compact(‘blogs’, ‘categories’)); } We have something like this code on the blog page. First we get all the available categories, then a list of all blogs @extends(‘layouts.app’) @section(‘content’) <div class="container"> <div class="category-filter" id="filter"> <div class="category-filter_item active">All</div> @foreach($categories as $category) <div class="category-filter_item">{{$category->title ..

i’m currently working on a movie database. I’m trying to make a Pop-up form to edit movies category, i have tested using the console.log to check if when clicking in some movie the data where alright and it worked. Console.Log But now i need to send the data to the form inputs and i’m getting ..

I am working on a Vue.js/Laravel8 project on a single page app and can’t get VueRouter to get to scroll to the section I want. The page consists of different sections which are reachable if user scrolls down and I want the viewport to scroll to a section similar to how the <a> tag works. ..

I want to add text with javascript or jquery and translate it automatically. I tried for example: let x = ‘Cats’; $(‘#divToAppend’).text({{ __(‘${x}’) }}) When I do that, the text appends without translation. When I write directly {{ __(‘Cats’) }} in the blade file, the translation works. Can somebody help me? I tried with the ..

I want to get a total (total = total of amount fields) and so on, should change total input when updating quantity, unit price and discount input fields. Visit https://ibb.co/bQ44Q5w my problem in code pen: shorturl.at/mCFNU Sourc..

I am trying to get vue-router to work in a Vue.js/Laravel project. I have the following simple pages: home page: about page (scrolled down in single page): Made from these files: welcome.blade.php: <!DOCTYPE html> <html lang="{{ str_replace(‘_’, ‘-‘, app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=WeakMap"></script> <title>title</title> </head> <body id="body"> <div ..

I’ve recently been looking into the Laravel PHP framework. Since I have never worked with backend frameworks, it feels quite complex. Is there maybe something smaller on the market for developing smaller, RESTful Web Apps, specifically with vue.js in the Frontend, which require only a manageable logic? As a beginner, it would of course be ..

I was impressed when I found out WordPress hooks such as Actions and Filters, where you can modify or change your whole CMS functionality just from one custom function and its hook. I’m looking for the method or architecture pattern or even code example, which will explain how does it work. What do you have ..