Skip to content

NimTechnology

Trình bày các công nghệ CLOUD một cách dễ hiểu.

  • Kubernetes & Container
    • Docker
    • Kubernetes
      • Ingress
    • Helm Chart
    • Isito-EnvoyFilter
    • Apache Kafka
      • Kafka
      • Kafka Connect
      • Lenses
    • Vault
    • Longhorn – Storage
    • VictoriaMetrics
    • MetalLB
    • Kong Gateway
  • CI/CD
    • ArgoCD
    • ArgoWorkflows
    • Spinnaker
    • Jenkins
    • Harbor
    • TeamCity
    • Git
      • Bitbucket
  • Coding
    • Terraform
      • GCP – Google Cloud
      • AWS – Amazon Web Service
    • Golang
    • Laravel
    • Python
    • Jquery & JavaScript
    • Selenium
  • Log & Monitor
    • DataDog
    • Prometheus
    • Grafana
    • ELK
      • Kibana
      • Logstash
  • BareMetal
    • NextCloud
  • Toggle search form

Category: Jquery & JavaScript

[Jquery] Disable ajaxStart per page or the particular action Ajax.

Posted on May 6, 2022May 6, 2022 By nim No Comments on [Jquery] Disable ajaxStart per page or the particular action Ajax.
[Jquery] Disable ajaxStart per page or the particular action Ajax.

Với config ở trên thì khi action ajax được chạy thì nó tạo ra 1 hiệu ứng mờ mờ toàn page.giờ mình muốn tắt effect loadingOverlay trên 1 vài ajax và mình không muốn thì làm sao? https://stackoverflow.com/questions/12604722/disable-ajaxstart-and-ajaxstop-for-a-specific-request I figured it out.. There is an attribute in the options object .ajax() takes called global. If set to false,…

Read More “[Jquery] Disable ajaxStart per page or the particular action Ajax.” »

Jquery & JavaScript

[Bootstrap] Using toasts stead of alerts in Javascript

Posted on May 5, 2022 By nim No Comments on [Bootstrap] Using toasts stead of alerts in Javascript
[Bootstrap]  Using toasts stead of alerts in Javascript

Mình cũng gà code frontend.Chú yêu mình sẽ sử dụng javascript và boostrap là chỉnh Để thông báo cho user, thì mình hay dùng alert trong javascipt. Gần đây mình gặp 1 vấn đề: nhìn alert thì nó hơi cảm giác ức chế: Nó không security https://getbootstrap.com/docs/4.5/components/toasts/ Mình đã thay thấy bằng Toasts. chúng ta…

Read More “[Bootstrap] Using toasts stead of alerts in Javascript” »

Jquery & JavaScript

[Javascript] Changing the js version after you change their content.

Posted on April 14, 2022 By nim No Comments on [Javascript] Changing the js version after you change their content.
[Javascript] Changing the js version after you change their content.

Mình hay gặp vấn đề khi thay đổi nối dụng của file js thì khi f5 có vẻ js chưa được apply C1: khi lập trình mình hay dụng trình duyệt ẩn danh C2: cách khác là nhấn tổ hợp phím. Chrome, Firefox, or Edge for Windows: Press Ctrl+F5 (If that doesn’t work, try Shift+F5 or…

Read More “[Javascript] Changing the js version after you change their content.” »

Jquery & JavaScript

[Javascipt] Get class or id of select – option with JQuery

Posted on April 13, 2022 By nim No Comments on [Javascipt] Get class or id of select – option with JQuery
[Javascipt] Get class or id of select – option with JQuery

Với select option trong HTML thì mình hay lấy value bằng jQueryGiờ mình muốn lấy id hoặc class của select option bằng jQuery reference links: https://stackoverflow.com/questions/2888446/get-the-selected-option-id-with-jqueryhttps://www.tutorialrepublic.com/faq/how-to-get-the-value-of-selected-option-in-a-select-box-using-jquery.php

Jquery & JavaScript

[Java-script] adding HTML by Javascript based on a specified template.

Posted on April 10, 2022April 13, 2022 By nim No Comments on [Java-script] adding HTML by Javascript based on a specified template.
[Java-script] adding HTML by Javascript based on a specified template.

Chúng ta có file main.js trong 1 file php mình tìm ra được 1 dòng code liên quan đến phần append(a) Ngoài ra còn 1 thứ nữa là khi mà anh append thêm HTML lên UINếu anh em có nhu câu bắt action (change, click. ….) trên html mới được append thì anh em thêm…

Read More “[Java-script] adding HTML by Javascript based on a specified template.” »

Jquery & JavaScript

[Laravel – Js] Laravel call/show JS flexibly

Posted on January 11, 2022April 6, 2022 By nim No Comments on [Laravel – Js] Laravel call/show JS flexibly
[Laravel – Js] Laravel call/show JS flexibly

Case study ở đây là: khi ở page list học sinh thì mới cần load các js liên quan đến datatablesCòn ở bảng chi tiết học sinh thì mình ko cần load js liên quan đến datatables trong PHP hay laravel làm ntn nhỉ? 1) Using if/else 2) yield – section ở cuối file layout…

Read More “[Laravel – Js] Laravel call/show JS flexibly” »

Jquery & JavaScript, Laravel

[Popup/Ajax] Tạo popup(modal/bootstrap) insert data bằng ajax và php

Posted on August 11, 2021January 19, 2022 By nim No Comments on [Popup/Ajax] Tạo popup(modal/bootstrap) insert data bằng ajax và php
[Popup/Ajax] Tạo popup(modal/bootstrap) insert data bằng ajax và php

https://www.webslesson.info/2016/10/php-ajax-insert-data-in-mysql-by-using-bootstrap-modal.html video: Demo: http://demo.webslesson.info/insert-data-through-bootstrap-modal-by-using-ajax-php/ Nếu modal bị lưu data thì sài cách dưới How to reset the bootstrap modal when it gets closed and open it fresh again? Chỉnh to nhỏ popup thì: Popup to: Popup nhỏ:

Coding, Jquery & JavaScript, Laravel

[Js] Sử dụng Jquery để liên kết 2 select trong page.

Posted on August 10, 2021August 10, 2021 By nim No Comments on [Js] Sử dụng Jquery để liên kết 2 select trong page.
[Js] Sử dụng Jquery để liên kết 2 select trong page.

use case của bài này, Sau khi bạn chọn (select 1) thành phố Hồ Chí Minh thì (select 2) sẽ list ra được các quận, huyện của TP HCM Links demo: http://jsfiddle.net/YPsqQ/ code html: Code Js

Coding, Jquery & JavaScript

[Ajax/PHP] Cách để PHP trả Json Data về cho Ajax

Posted on August 10, 2021 By nim No Comments on [Ajax/PHP] Cách để PHP trả Json Data về cho Ajax
[Ajax/PHP] Cách để PHP trả Json Data về cho Ajax

Phần code php: Phần code ajax Demo https://makitweb.com/demos/return-json-response-ajax-using-jquery-php Conclusion In this tutorial, I showed how you can return the JSON response and handle it in jQuery AJAX. You can convert the PHP array in JSON format with json_encode() function and return as a response. Set dataType: ‘JSON’ when send AJAX request.

Coding, Jquery & JavaScript

[JS] Lấy value hoặc text của option đã được chọn trong thẻ select bằng jquery hay javascript

Posted on August 10, 2021August 10, 2021 By nim No Comments on [JS] Lấy value hoặc text của option đã được chọn trong thẻ select bằng jquery hay javascript
[JS]  Lấy value hoặc text của option đã được chọn trong thẻ select bằng jquery hay javascript

1- val() – method returns the value of selected attribute value. 2- text()– method return String of selected option.

Coding, Jquery & JavaScript

Posts navigation

1 2 Next
Tham Gia Group DevOps nhé!
Để Nim có nhiều động lực ra nhiều bài viết.
Để nhận được những thông báo mới nhất.

Recent Posts

  • [Prometheus/Grafana] Install Prometheus and Grafana on ubuntu. March 27, 2023
  • [Kong Gateway] WebSocket connection failed March 26, 2023
  • [Nextcloud] Can’t download files to have a size bigger than 2Gi on NextCloud – RaspBerry March 24, 2023
  • [Datadog] Using DataDog to monitor all services on kubernetes March 19, 2023
  • [Metrics Server] Failed to make webhook authorizer request: the server could not find the requested resource March 17, 2023

Archives

  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021

Categories

  • BareMetal
    • NextCloud
  • CI/CD
    • ArgoCD
    • ArgoWorkflows
    • Git
      • Bitbucket
    • Harbor
    • Jenkins
    • Spinnaker
    • TeamCity
  • Coding
    • Golang
    • Jquery & JavaScript
    • Laravel
    • Python
    • Selenium
    • Terraform
      • AWS – Amazon Web Service
      • GCP – Google Cloud
  • Kubernetes & Container
    • Apache Kafka
      • Kafka
      • Kafka Connect
      • Lenses
    • Docker
    • Helm Chart
    • Isito-EnvoyFilter
    • Kong Gateway
    • Kubernetes
      • Ingress
    • Longhorn – Storage
    • MetalLB
    • Vault
    • VictoriaMetrics
  • Log & Monitor
    • DataDog
    • ELK
      • Kibana
      • Logstash
    • Grafana
    • Prometheus
  • Uncategorized
  • Admin

Copyright © 2023 NimTechnology.