Bỏ qua Julia để tạo html bảng chân lý, làm cách nào tôi có được html sau để chuyển chế độ hiển thị của cột khi nhấp vào tiêu đề cột, như trong jsfiddle?
Đây là một nỗ lực không hoạt động tối thiểu để thực hiện điều này trong ô Pluto bằng HypertextLiteral
using HypertextLiteral
htl"""
function toggleColumn[n] {
var div = currentScript.parentElement
var TT = div.querySelector[".truthtable"]
var currentClass = TT.className;
if [currentClass.includes["c"+n+"hide"]]
TT.className = currentClass.replace["c"+n+"hide", ""].trim[];
else
TT.className += " c"+n+"hide";
}
p q p → q¬q → ¬pq → p¬p → ¬q T T TTTTT F FFTTF T TTFFF F TTTT
table.c0hide .col0 { visibility: hidden; }
table.c1hide .col1 { visibility: hidden; }
table.c2hide .col2 { visibility: hidden; }
table.c3hide .col3 { visibility: hidden; }
table.c4hide .col4 { visibility: hidden; }
label:hover {
outline: thin solid;
cursor: cell;
}
"""
Tôi tin rằng trong Pluto, các tập lệnh bị cô lập, vì vậy bạn không thể truy cập các biến được tạo bên trong tập lệnh từ các tập lệnh khác hoặc các phần khác của DOM theo mặc định
Nội dung JS của Pluto không có nhiều tài liệu nên không dễ hiểu điều gì sẽ xảy ra, đặc biệt nếu bạn không thành thạo về JS và Preact
Bây giờ, nếu bạn thực sự muốn cung cấp chức năng của mình trong phần còn lại của trình duyệt và làm việc với mã của mình, bạn phải đính kèm nó vào window
[ít nhất đó là cách mà tôi biết]
Bạn có thể dễ dàng làm điều đó bằng cách thêm window.toggleColumn = toggleColumn
trước thẻ đóng
using HypertextLiteral
0 và mã của bạn sẽ hoạt độngĐiều đó đang được nói, việc sử dụng
using HypertextLiteral
1 thường không được khuyến khích và using HypertextLiteral
2 là phương pháp được khuyến nghịĐiều này đặc biệt đúng trong Sao Diêm Vương khi bạn cần làm ô nhiễm đối tượng
window
để thực hiện các chức năngNói chung, tôi nghĩ rằng ví dụ về mã html mà bạn đã chọn cho bảng chân lý không phải là tốt nhất về mặt thiết kế và khả năng đọc mã
Nếu bạn muốn xem thêm các ví dụ về cách sử dụng JS bên trong pluto để tạo các tiện ích đẹp mắt, bạn có thể xem các sổ ghi chép khác nhau trong gói PlutoUI
But how do I trigger the calling of that function inside my
Test Button
[Tôi cho rằng đây là một câu hỏi HTML vì bản thân Javascript của tôi đang hoạt động. Nhưng xin vui lòng cho tôi biết nếu điều này sẽ phù hợp hơn trong một diễn đàn khác. ]
Thanks
thiết kế web
0 0
Chia sẻ
- 2 Người đóng góp
- 2 Trả lời
- 2K Lượt xem
- 7 giờ Khoảng thời gian thảo luận
- Bài đăng mới nhất Bài đăng mới nhất của RobRob666
Câu trả lời được đề xuất
Đã được trả lời bởi gần như bob 866 trong một
nơi javascript được sử dụng, đó là tập lệnh ban đầu bẫy 3 sự kiện riêng biệt, hiện tại sử dụng css nhiều hơn để thay đổi giao diện khi di chuột qua [css hover], javascsript thường bị vô hiệu hóa do sự cố bảo mật
chưa thấy bất kỳ trình xử lý onEvent chung nào ngoại trừ trong các trang hướng dẫn nơi nó là một công cụ hỗ trợ giảng dạy được theo dõi…
Tất cả 2 câu trả lời
gần như bob 866 Đã nghỉ hưu. ROCKS thu nhập thụ động nơi javascript được sử dụng, đó là tập lệnh ban đầu bẫy 3 sự kiện riêng biệt, hiện tại sử dụng css nhiều hơn để thay đổi giao diện khi di chuột qua [css hover], javascsript thường bị vô hiệu hóa do sự cố bảo mật /* css để rê chuột */ nền màu ngọc lam nhạt của nó, thật tệ, nhưng nó phù hợp với bố cục của tôi 0 0 Chia sẻ RobRob666 14 Áp phích dành cho người mới Được chứ. Tôi thấy làm thế nào mà có thể làm việc. Phương pháp của bạn tốt hơn nhiều so với của tôi, và tôi sẽ thử nó. [Trong khi tôi đã cố gắng đưa mọi thứ có thể và hợp lý vào CSS, tôi đã không nhận ra rằng di chuột có thể được tùy chỉnh như vậy. ]
chưa thấy bất kỳ trình xử lý onEvent chung nào ngoại trừ trong các trang hướng dẫn nơi nó là một công cụ hỗ trợ giảng dạy kèm theo danh sách các sự kiện có thể xảy ra
Bạn có thể viết một trình xử lý sự kiện, nhưng nó sẽ làm tăng thêm độ phức tạp và làm chậm mọi thứ, thay vì đơn giản hóa và tăng tốctd { text-decoration:none; }
td:hover { background-color:#66cdaa; text-decoration:bold; }
Làm cách nào để gọi hàm JavaScript trong thẻ đầu vào HTML?
Làm cách nào để gọi hàm JavaScript trong HTML mà không có sự kiện?
Bạn có thể gọi một hàm JavaScript trong CSS không?