Lập trình Javascript, js Lập trình Javascript, js. Ngôn ngữ lập trình kịch bản, thủ thuật lập trình Javascript, js Tue, 14 Jul 2026 00:52:22 +0000 Tue, 14 Jul 2026 00:52:22 +0000 Diễn đàn CNTT | Forum CNTT Cộng đồng Tin học Việt Nam ITSEOVN https://itseovn.com/forums/javascript-js/ Warn user before leaving web page with unsaved changes Mon, 29 Jan 2024 02:40:50 +0000 https://itseovn.com/threads/warn-user-before-leaving-web-page-with-unsaved-changes.328072/ https://itseovn.com/threads/warn-user-before-leaving-web-page-with-unsaved-changes.328072/ invalid@example.com (seolagi) seolagi Javascript upon Exiting a Page, Display Warning for Unsaved Form Data on Page Exit, Changes you made may not be saved alert on page leave, Warn users before leaving a page with unsaved changes.

Mình cần xin code nhỏ gọn, dễ...

Warn user before leaving web page with unsaved changes]]> 1 Jquery Countdown stop before not in tab browser activate? Thu, 06 Jul 2023 05:19:03 +0000 https://itseovn.com/threads/jquery-countdown-stop-before-not-in-tab-browser-activate.326055/ https://itseovn.com/threads/jquery-countdown-stop-before-not-in-tab-browser-activate.326055/ invalid@example.com (seolagi) seolagi 2 Append() chèn xuống dưới, còn chèn lên trên thì là gì trong javascript? Thu, 01 Jun 2023 14:44:22 +0000 https://itseovn.com/threads/append-chen-xuong-duoi-con-chen-len-tren-thi-la-gi-trong-javascript.325843/ https://itseovn.com/threads/append-chen-xuong-duoi-con-chen-len-tren-thi-la-gi-trong-javascript.325843/ invalid@example.com (seolagi) seolagi $("classname").append("gia_tri_chen_xuong_cuoi");]]> 1 Lấy get Id của this trong js jQuery như thế nào? Sat, 25 Feb 2023 17:28:06 +0000 https://itseovn.com/threads/lay-get-id-cua-this-trong-js-jquery-nhu-the-nao.267736/ https://itseovn.com/threads/lay-get-id-cua-this-trong-js-jquery-nhu-the-nao.267736/ invalid@example.com (seolagi) seolagi
Mã:
<div id="idvalue"></div>
<script>
  $(document).ready(function() {
    alert($('#idvalue').id);
  }); 
</script>
]]> 2 Lấy MM/DD/YYYY hh:mm:ss Ngày/tháng/năm giờ:phút:giây hiện tại Javascript Sat, 25 Feb 2023 17:23:49 +0000 https://itseovn.com/threads/lay-mm-dd-yyyy-hh-mm-ss-ngay-thang-nam-gio-phut-giay-hien-tai-javascript.325066/ https://itseovn.com/threads/lay-mm-dd-yyyy-hh-mm-ss-ngay-thang-nam-gio-phut-giay-hien-tai-javascript.325066/ invalid@example.com (seolagi) seolagi hút:giây sáng/ chiều hiện tại trong Javascript như thế nào vậy mọi người. VD: nó sẽ ra kết quả là 29/09/2020 11:02:31 SA thì làm như thế nào trong Javascript thế mọi người, ai có code cho em xin với, em cảm ơn]]> 2 Second Counter JavaScript, tạo biên điếm tự động tăng trong JavaScript Sat, 25 Feb 2023 17:21:54 +0000 https://itseovn.com/threads/second-counter-javascript-tao-bien-diem-tu-dong-tang-trong-javascript.325090/ https://itseovn.com/threads/second-counter-javascript-tao-bien-diem-tu-dong-tang-trong-javascript.325090/ invalid@example.com (seolagi) seolagi
Để tạo biến đếm tăng dạng cơ bản, rồi các bạn có thể chế theo mọi cách như sau:

Second Counter JavaScript

Cách 1:
Mã:
var seconds = 0;
var el = document.getElementById('seconds-counter');
function...
Second Counter JavaScript, tạo biên điếm tự động tăng trong JavaScript]]> 1 App xác định vị trí, chạy offline, không dùng api có sẵn Wed, 28 Dec 2022 02:49:10 +0000 https://itseovn.com/threads/app-xac-dinh-vi-tri-chay-offline-khong-dung-api-co-san.325374/ https://itseovn.com/threads/app-xac-dinh-vi-tri-chay-offline-khong-dung-api-co-san.325374/ invalid@example.com (seolagi) seolagi ]]> Add and Remove class Name javascript, thêm hoặc xóa class trong javascript Sat, 08 Oct 2022 16:18:32 +0000 https://itseovn.com/threads/add-and-remove-class-name-javascript-them-hoac-xoa-class-trong-javascript.325089/ https://itseovn.com/threads/add-and-remove-class-name-javascript-them-hoac-xoa-class-trong-javascript.325089/ invalid@example.com (seolagi) seolagi
Xóa/Remove 1 class Name bằng JavaScript
HTML:
function myFunction() {
  var element = document.getElementById("myDIV");...


Add and Remove class Name javascript, thêm hoặc xóa class trong javascript]]> Disable button and enable it after 5 seconds javascript (khóa button và mở lại sau 5 giây) Sat, 08 Oct 2022 16:14:55 +0000 https://itseovn.com/threads/disable-button-and-enable-it-after-5-seconds-javascript-khoa-button-va-mo-lai-sau-5-giay.325088/ https://itseovn.com/threads/disable-button-and-enable-it-after-5-seconds-javascript-khoa-button-va-mo-lai-sau-5-giay.325088/ invalid@example.com (seolagi) seolagi
Để làm việc này chúng ta thực hiện code javascript như sau:
HTML:
function submitClick(id){...
Disable button and enable it after 5 seconds javascript (khóa button và mở lại sau 5 giây)]]> In để kiểm tra toàn bộ các phần tử mảng array trong javascript js như thế nào? Sat, 10 Sep 2022 10:59:02 +0000 https://itseovn.com/threads/in-de-kiem-tra-toan-bo-cac-phan-tu-mang-array-trong-javascript-js-nhu-the-nao.325007/ https://itseovn.com/threads/in-de-kiem-tra-toan-bo-cac-phan-tu-mang-array-trong-javascript-js-nhu-the-nao.325007/ invalid@example.com (seolagi) seolagi
VD: mình có mảng

var myarray = ['red', 'blue', 'yellow', 'black'];

Mình dùng hàm

alert(myarray); thì nó báo lỗi.

Giờ mình muốn in alert nó ra ngoài thành ['red', 'blue', 'yellow', 'black'] để mình kiểm tra dữ liệu xem có những trường nào như thế nào ấy thì làm như thế nào.]]> 1 Parent Find Input Value Js? How to get the parent element value using jquery? Wed, 10 Aug 2022 03:07:39 +0000 https://itseovn.com/threads/parent-find-input-value-js-how-to-get-the-parent-element-value-using-jquery.324777/ https://itseovn.com/threads/parent-find-input-value-js-how-to-get-the-parent-element-value-using-jquery.324777/ invalid@example.com (seolagi) seolagi
Mình có cái code như sau
Mã:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var name = $(this).parents().children(".imputclass").val();
    alert(name);
    //Không hiểu sao code này không hoạt động, không lấy được cái tên...
Parent Find Input Value Js? How to get the parent element value using jquery?]]> 2 Xóa giá trị trùng lắp trong mảng Javascript html hiệu quả Fri, 29 Jul 2022 03:37:22 +0000 https://itseovn.com/threads/xoa-gia-tri-trung-lap-trong-mang-javascript-html-hieu-qua.267478/ https://itseovn.com/threads/xoa-gia-tri-trung-lap-trong-mang-javascript-html-hieu-qua.267478/ invalid@example.com (seolagi) seolagi
Mã:
<script>
    var list = ['hoa', 'hoa', 'đào', 'đào', 'linh'];
</script>
  • Mình muốn xóa hết chỉ còn mảng là : list = [''hoa', 'đào', 'linh'];
]]> 3 Tạo Animation Count số điếm tăng từ A đến B trong javascript như thế nào? Thu, 12 May 2022 02:39:39 +0000 https://itseovn.com/threads/tao-animation-count-so-diem-tang-tu-a-den-b-trong-javascript-nhu-the-nao.324464/ https://itseovn.com/threads/tao-animation-count-so-diem-tang-tu-a-den-b-trong-javascript-nhu-the-nao.324464/ invalid@example.com (seolagi) seolagi 2 Catch Event dots click in owl carousel Tue, 02 Nov 2021 08:33:03 +0000 https://itseovn.com/threads/catch-event-dots-click-in-owl-carousel.323880/ https://itseovn.com/threads/catch-event-dots-click-in-owl-carousel.323880/ invalid@example.com (seolagi) seolagi
Hiện tại em đang làm cái slider, em muốn click ra bên ngoài div có class="clickchangedot" nó cũng chạy slider qua slider kế tiếp, không nhất thiết phải click đúng vào cái owl-dot.
HTML:
$( '.clickchangedot' ).on( 'click', function() {
//gọi nó như thế nào giúp em cái hàm
  $( '.owl-dot'...
Catch Event dots click in owl carousel]]> 2 Sự kiện ấn phím key next righ và prev left trong bàn phím js javascript như thế nào? Mon, 25 Oct 2021 12:35:41 +0000 https://itseovn.com/threads/su-kien-an-phim-key-next-righ-va-prev-left-trong-ban-phim-js-javascript-nhu-the-nao.323836/ https://itseovn.com/threads/su-kien-an-phim-key-next-righ-va-prev-left-trong-ban-phim-js-javascript-nhu-the-nao.323836/ invalid@example.com (seolagi) seolagi
View attachment 37401]]> 2 TouchMove Touch Events di chuyên trái(left) phải(right) mobile iphone trong js javascript Mon, 25 Oct 2021 12:35:09 +0000 https://itseovn.com/threads/touchmove-touch-events-di-chuyen-trai-left-phai-right-mobile-iphone-trong-js-javascript.323837/ https://itseovn.com/threads/touchmove-touch-events-di-chuyen-trai-left-phai-right-mobile-iphone-trong-js-javascript.323837/ invalid@example.com (seolagi) seolagi
Nghĩa là khi người dùng rê tay kéo sang trái hay rê tay kéo sang phải mình sẽ lắng nghe và bắt được sự kiện này để xử lý code gì đó.

Bạn nào viết cách bắt sự kiện này trong javascript hay js không cho mình đoạn code nhé.

View attachment 37402]]> 2 Kiểm tra tồn tại của div trong jquery như thế nào? check div exist jquery Mon, 23 Nov 2020 06:43:44 +0000 https://itseovn.com/threads/kiem-tra-ton-tai-cua-div-trong-jquery-nhu-the-nao-check-div-exist-jquery.321537/ https://itseovn.com/threads/kiem-tra-ton-tai-cua-div-trong-jquery-nhu-the-nao-check-div-exist-jquery.321537/ invalid@example.com (seolagi) seolagi 1 Check Number JS, kiểm tra input text số lượng sản phẩm là số trong jQuery/Javascript Mon, 10 Aug 2020 10:39:47 +0000 https://itseovn.com/threads/check-number-js-kiem-tra-input-text-so-luong-san-pham-la-so-trong-jquery-javascript.319966/ https://itseovn.com/threads/check-number-js-kiem-tra-input-text-so-luong-san-pham-la-so-trong-jquery-javascript.319966/ invalid@example.com (seolagi) seolagi
Cho mình code js kiểm tra giá trị nhập vào phải là số trong javascript như thế nào vậy mọi người.

Mình xài hàm isNaN() và Number.isInteger() cảm giác không thích tý nào, mình muốn nó check chỉ là số int có dấu , . thì đều báo là khong phải là số, chỉ có nhập số vào thì ok thôi.

Mã:
...
Check Number JS, kiểm tra input text số lượng sản phẩm là số trong jQuery/Javascript]]> 3 Trang web tổng hợp js slider show hình ảnh miễn phí tuyệt đẹp Mon, 20 Jul 2020 04:06:37 +0000 https://itseovn.com/threads/trang-web-tong-hop-js-slider-show-hinh-anh-mien-phi-tuyet-dep.46744/ https://itseovn.com/threads/trang-web-tong-hop-js-slider-show-hinh-anh-mien-phi-tuyet-dep.46744/ invalid@example.com (phamcongson) phamcongson download miễn phí cho web responsive, thân thiện cho di động tại link dưới.
Mã:
www.jssor.com
]]> 4 Input type text chỉ cho phép nhập số js, html text input allow only numeric input Thu, 16 Jul 2020 02:33:17 +0000 https://itseovn.com/threads/input-type-text-chi-cho-phep-nhap-so-js-html-text-input-allow-only-numeric-input.319971/ https://itseovn.com/threads/input-type-text-chi-cho-phep-nhap-so-js-html-text-input-allow-only-numeric-input.319971/ invalid@example.com (seolagi) seolagi
Mã:
<input type="text" class="quantity-input input-text qty text" title="Số lượng cần mua" name="quantity" value="">
Cái input type number mặc định của nó cùi bắp quá, mình mún tự chế cái thẻ input text chỉ cho phép nhập số không cho nhập ký tự và dấu , . vào đó luôn thì làm như thế nào bạn nào biết cho mình xin đoạn...

Input type text chỉ cho phép nhập số js, html text input allow only numeric input]]> 1 Các hàm xử lý chuỗi trong Javascript tổng hợp Mon, 13 Jul 2020 08:11:19 +0000 https://itseovn.com/threads/cac-ham-xu-ly-chuoi-trong-javascript-tong-hop.62837/ https://itseovn.com/threads/cac-ham-xu-ly-chuoi-trong-javascript-tong-hop.62837/ invalid@example.com (phamcongson) phamcongson Các hàm xử lý chuỗi trong Javascript tổng hợp​
1.Tìm chiều dài chuỗi

Hàm tìm chiều dài chuỗi:
  • length
VD:
Mã:
var t='tìm chiều dài chuỗi';
var chieudai=t.length;
  • Kết quả trả về chiều dài chuỗi trên là 19
Các hàm tìm kiếm chuỗi con trong Javascript như sau:
  • indexOf()
  • lastIndexOf()
  • search()...

Các hàm xử lý chuỗi trong Javascript tổng hợp]]> 5 Tổng hợp Jquery hình ảnh, code javascript và Jquery hay cho website Tue, 30 Jun 2020 16:35:49 +0000 https://itseovn.com/threads/tong-hop-jquery-hinh-anh-code-javascript-va-jquery-hay-cho-website.5684/ https://itseovn.com/threads/tong-hop-jquery-hinh-anh-code-javascript-va-jquery-hay-cho-website.5684/ invalid@example.com (admin) admin
1. Jquery full page image gallery(đây là js về trình diễn hình ảnh toàn màn hình đẹp mắt, bạn có thể chỉnh sửa lại theo ý nếu muốn)


Tổng hợp Jquery hình ảnh, code javascript và Jquery hay cho website]]> 4 Enter Textbox tự động Focus Click Button trong Javascript như thế nào? Fri, 17 Apr 2020 19:38:59 +0000 https://itseovn.com/threads/enter-textbox-tu-dong-focus-click-button-trong-javascript-nhu-the-nao.319021/ https://itseovn.com/threads/enter-textbox-tu-dong-focus-click-button-trong-javascript-nhu-the-nao.319021/ invalid@example.com (seolagi) seolagi
Mình có thẻ input và mình có button, giờ mình muốn khi gõ xong, ấn enter tự động sẽ focus giống như mình ấn click tìm kiếm vậy đó, mất công rê chuột vào ấn nút tìm hơi phiền.
Mã:
<input class="textsearchhd" name="txtKeywords" placeholder="Từ khóa tìm kiếm" type="text" value="">
<button class="sbbutton" type="submit" title="Tìm kiếm" value="Tìm kiếm">Tìm...
Enter Textbox tự động Focus Click Button trong Javascript như thế nào?]]> 1 Cách copy text to Clipboard sử dụng js/jquery/Javascript toàn tập Mon, 09 Mar 2020 15:43:42 +0000 https://itseovn.com/threads/cach-copy-text-to-clipboard-su-dung-js-jquery-javascript-toan-tap.316191/ https://itseovn.com/threads/cach-copy-text-to-clipboard-su-dung-js-jquery-javascript-toan-tap.316191/ invalid@example.com (admin) admin
ITSEOVN sẽ hướng dẫn các bạn cách cách copy này bằng js Jquery hoặc javascript 100% thành công.

1. Copy ở 1 textbox được truyền dữ liệu từ phía server sử dụng Javascript.
HTML:
<input id="txtUrl" value="https://lovemama.vn" type="text" />
<button onclick="geturl()">Copy</button>
<script>...
Cách copy text to Clipboard sử dụng js/jquery/Javascript toàn tập]]> Jquery remove all html from string, xóa tất cả ký tự html trong chuỗi như thế nào? Thu, 30 Jan 2020 16:47:35 +0000 https://itseovn.com/threads/jquery-remove-all-html-from-string-xoa-tat-ca-ky-tu-html-trong-chuoi-nhu-the-nao.313689/ https://itseovn.com/threads/jquery-remove-all-html-from-string-xoa-tat-ca-ky-tu-html-trong-chuoi-nhu-the-nao.313689/ invalid@example.com (seolagi) seolagi VD:
HTML:
<script>
    var chuoi = "diễn đàn <a title='itseovn' href='https://itseovn.com'>itseovn</a>, chuyên giúp đỡ <span>dân code</span> rất tốt";
    var ketqua = chuoi.replace....
    //ketqua = "diễn đàn itseovn, chuyên giúp đỡ dân code rất tốt";...
Jquery remove all html from string, xóa tất cả ký tự html trong chuỗi như thế nào?]]> 3 Trang web học javascript, js, download js cho lập trình viên Fri, 29 Nov 2019 12:28:24 +0000 https://itseovn.com/threads/trang-web-hoc-javascript-js-download-js-cho-lap-trinh-vien.64482/ https://itseovn.com/threads/trang-web-hoc-javascript-js-download-js-cho-lap-trinh-vien.64482/ invalid@example.com (phamcongson) phamcongson Trang web học javascript, js, download js cho lập trình viên​
  • Download js
Mã:
http://jqueryui.com
  • Thư Viện
Mã:
http://api.jquery.com/ and http://api.jquery.com/category/effects
  • JS dinamic
Mã:
http://dynamicdrive.com
  • JS datepicder
Mã:
http://jqueryui.com/datepicker
http://api.jqueryui.com/datepicker
]]> 7 Add tag Images <img> Src & Url Link <a> Href trong JavaScript Wed, 20 Nov 2019 09:05:17 +0000 https://itseovn.com/threads/add-tag-images-img-src-url-link-a-href-trong-javascript.272494/ https://itseovn.com/threads/add-tag-images-img-src-url-link-a-href-trong-javascript.272494/ invalid@example.com (seolagi) seolagi View attachment 31315

Add tag Images <img> Src & Url Link <a> Href trong JavaScript cực kỳ đơn giản. Ngoài ra bạn có thể set cài cho các thẻ của tag a, img như alt, title,... rất đơn giản.

Để add bạn làm như sau:

Đối với thẻ tag <a></a>
Mã:
document.getElementById("idtaga").href = "liên kết của bạn";
document.getElementById("idtaga").title = "tiêu đề khi click vào liên kết sẽ hiển thị gợi ý";
Đối với thẻ tag...

Add tag Images <img> Src & Url Link <a> Href trong JavaScript]]> 2 Lọc xóa dấu tiếng việt trong chuỗi JavaScript Thu, 15 Aug 2019 07:40:13 +0000 https://itseovn.com/threads/loc-xoa-dau-tieng-viet-trong-chuoi-javascript.293614/ https://itseovn.com/threads/loc-xoa-dau-tieng-viet-trong-chuoi-javascript.293614/ invalid@example.com (admin) admin
LỌC DẤU TIẾNG VIỆT TRONG CHUỖI TRUYỀN VÀO TRONG JAVASCRIPT
HTML:
function loc_xoa_dau(str) {
   // Gộp nhiều dấu space thành 1 space
   str = str.replace(/\s+/g, ' ');
   // loại bỏ toàn bộ dấu space (nếu có) ở 2 đầu của chuỗi...
Lọc xóa dấu tiếng việt trong chuỗi JavaScript]]> 2 Hàm xử lý thời gian trong javascript giờ phút giây ngày tháng năm Sun, 24 Mar 2019 10:14:04 +0000 https://itseovn.com/threads/ham-xu-ly-thoi-gian-trong-javascript-gio-phut-giay-ngay-thang-nam.121344/ https://itseovn.com/threads/ham-xu-ly-thoi-gian-trong-javascript-gio-phut-giay-ngay-thang-nam.121344/ invalid@example.com (admin) admin Sau đây ITSEOVN hướng dẫn các bạn toàn bộ hàm xử lý thời gian trong javascript bao gồm giờ, phút, giây, ngày, tháng, năm hiện tại (get) và gán thời gian (set)

Khởi tạo biến thời gian gồm các cách sau:

Cách 1: Khởi tạo lấy thời gian hiện tại trong javascript
Mã:
new Date();
Cách 2: Khởi tạo biến thời gian và truyền tham số vào dưới dạng mili giây
Mã:
new Date(tham_so_la_mili-giay);...
Hàm xử lý thời gian trong javascript giờ phút giây ngày tháng năm]]> 7 Lấy get data-width & data-height Outside iframe javascript jQuery JS Thu, 20 Dec 2018 03:48:55 +0000 https://itseovn.com/threads/lay-get-data-width-data-height-outside-iframe-javascript-jquery-js.279352/ https://itseovn.com/threads/lay-get-data-width-data-height-outside-iframe-javascript-jquery-js.279352/ invalid@example.com (seolagi) seolagi Mình có cái Iframe, lúc gọi nó trong file js truyền từ web chính sang các web con. Mình không thể lấy data-width & data-height của nó được. Bạn nào biết cách lấy giúp mình với.
Ở View chèn Iframe code như sau:
HTML:
<div id="ifimgqc" data-width="230" data-height="320"></div><script type="text/javascript" src="http://webcuaminh/jsiframe.js"></script>
Code file jsiframe.js của mình là:
HTML:
var ifrm =...
Lấy get data-width & data-height Outside iframe javascript jQuery JS]]> 2