Click vào nút sẽ thay ảnh nền và hiện chữ ở giữa ảnh với innerHTML?

#1

Chào mọi người. e có thẻ div chứa 1 nút

<div id="news-up-right">
    <button type="button" id="right" onclick="myFunction()"> </button>
</div>

E muốn khi click vào nút sẽ thay ảnh nền và hiện chữ ở giữa ảnh. Thay ảnh thì e làm được rồi nhưng hiện chữ e dùng document.getElementById("news-up-right").innerHTML="sang trọng"; thì chữ hiện nhưng mất đi cái button bên trong.Có cách nào khăc phục không ạ hay có cách nào khác hiện được chữ trong thẻ div
P/s:dùng javascript Thank All

1 Like
#2

2 cách:

Chuyển cái button ra khỏi thẻ div đó
Hoặc là thêm mark up của cái button đó trong script, sau chỗ sang trọng

#3

e chưa hiểu lắm,mong a chỉ giáo

#4

chuyển button ra ngoài thì k được ạ vì đề bài thầy cho nó nằm trong.Giờ chỉ còn cách làm sao cho hiện được chữ mà không mất button thôi ạ

#5

Đại khái là thế này,

el.insertAdjacentHTML(“afterbegin”, “sang trọng”);

#6

Nếu bạn dùng innerHTML thì để cái button ra bên ngoài ,còn nếu để bên trong thì bạn nên dùng appendChild để không bị mất cái button.

1 Like
#7

dùng appendchild như nào c.mình mới học javascript nên còn hơi kém =))

#8

Thay innerHTML bằng appendChild như bạn lsmf ở trên thôi

#9

Vâng.cảm ơn mọi người đã giúp đỡ

#10

ví dụ cụ thể cho bạn
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_node_appendchild

1 Like
#11

Ok.mà trang này k có up video nhỉ.mình muốn up cái video đề bài lên .

#12

Đề bài thì chỉ cần post nội dung là được rồi cần thì phải up cả video?

#13

video rõ ràng hơn.diễn tả nội dung sợ t lại làm không đúng yêu cầu =))

#14

bạn có thể cho mình xin nick fb mình gửi video cho tiện được k?

#15

nhưng video đó là video đề bài à

#16

@nguyen post link video lên, tự động DayNhauHoc sẽ hiển thị video.

#17

https://drive.google.com/file/d/0B39tOoNA0GpYQnc4Smowa1laZWM/view?usp=sharing
làm được cả hiệu ứng chữ càng tốt :smiley:

#18

Nhầm.https://drive.google.com/file/d/0B39tOoNA0GpYamg0d0pJdUM3d3c/view?usp=sharing

#19

Bạn có thể tìm với từ khoá image slider/image slideshow. Có hàng tá thư viện có sẵn để bạn chọn, nếu muốn làm lại từ đâu thì cũng nên tham khảo mấy thư viện này trước. Nhớ là thêm mấy cái touch event để dùng được trên touch devices.

Ý tưởng:

Bạn có một div.container chứa các div con là các hình ảnh của slider. Các div này có style display: none. Tiếp theo thì bạn sẽ dùng javascript để hiện từng div con mỗi khi click. Đơn giản vậy thôi.

Còn nếu dùng cách của bạn là thay thế hình ảnh thì khi bấm vào hình ảnh sẽ không hiện lên ngay lập tức, vì bị network delay

#20

Đúng cái e cần đây rồi.Tìm còn ra thêm nhiều kiến thức nữa.cảm ơn anh ;)))

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?