[Thắc mắc] Tự động hiện tooltip khi rê chuột vào mỗi box

[Lowie]

First topic message reminder :

VD: Mình có khoảng 10 box, mỗi box mình muốn có 1 banner khác nhau nhưng rất tốn diện tích nên mình chuyển sang dùng tooltip hiện ảnh, nhưng khổ nỗi mình muốn rê chuột vào chỗ nào của box bất kì cũng hiện tooltip (không phải rê chuột vào title mới hiện đâu nhé)
Ai khó hiểu thì xem demo sẽ hiểu :

Trong đó phần ô tròn đỏ là phần rê chut để hiện tooltip.
Bài này mình cũng tham khảo topic: http://diendan.chinhphuc.info/t26048-topic của Rin mà bên đó là html mình chưa áp dụng được. Ai giúp mình nhé

[Lowie]

hướng dẫn của bác hoàn thành 99% rồi (trừ phần tiêu đề box thì cho dù có dùng font màu nền cũng sẽ hiện màu mặc định của link nên dùng dấu . chắc khôgn ai để ý , tks bác nhé. Không ngờ cháu mới lập topic mà nhiều người giúp đỡ tận tình như vậy

[hunghsmn]

Về chuyện màu chữ hay màu link cũng vậy:
- CSS được ưu tiên hơn thẻ <font>
- Trong các thẻ html thì thứ tự ưu tiên là từ trong ra ngoài. Khi nào không tìm thấy trong thuộc tính style của các thẻ html thì nó mới xem trong CSS.
Trên nguyên tắc đó ta viết <span style="color: #mã màu;"> link </span> thì nó sẽ sử dụng màu ở đây.
Nếu ta viết <font-color="#mã màu">link </font> thì nó sẽ ưu tiên cho CSS trước, nếu trong CSS không qui định thì nó mới lấy màu trong thẻ <font> ở đây.

[rockmanvnx6]

bác làm nó display none luôn cũng được mà

[hunghsmn]

bác làm nó display none luôn cũng được mà

Ừ nhỉ!

[Lowie]

Thực ra là diễn đàn cháu có sẵn tooltip đi theo skin rồi,nhưng mà cháu muốn sửa cho giống tooltip hiện 1 vùng rộng ở box thì làm như thế nào? Của cháu phải rê chuột vào link nó mới hiện. Code tooltip 4rum cháu đây:

Code:

<div style="font-size: 11px; font-weight: normal;"><span class="nTopics">
                                <a onmouseover="show_tooltip(this, $(this).next().html(), 'FMvi.vn')" href="link tooltip dẫn đến">tiêu đề</a>
                                    <span style="display:none">nội dung</span>
                            </span></div>

[rockmanvnx6]

Thay code tooltip của fm vào thôi . Code tooltip của FM sẽ là :

Code:

 <a onmouseover="show_tooltip(this,'Nội dung')" href="link tooltip dẫn đến">tiêu đề</a>

[hunghsmn]

Kiểu này hay hơn nhiều vì:
- Không dùng script dài dòng rắc rối, nặng mà chỉ có một doạn style rất ngắn rất dễ sửa.
- Trong phần nội dung có thể tha hồ trình bày bằng các thẻ html, viết đúng cú pháp, không phải viết sai như kiểu kia.

Các bạn xem ròi view về nghiên cứu chứ hướng dẫn nữa mệt quá

Các bạn nghiên cứu thêm thử được không nhé: Với kiểu này ta có thể rê chuột vào trong tooltip. Vậy ta có thể tạo liên kết trong tooltip được không? Có thể tạo tooltip trong tooltip được không? Nếu được thì điều này sẽ rất tiện trong việc quảng cáo, giới thiệu sản phẩm đấy. Nếu không được thì vì sao?

Mình tuy 60 tuổi rồi nhưng vẫn thích nghiên cứu cho vui để khỏi thua các bạn trẻ trong lĩnh vực tin học này thôi chứ không nhằm áp dụng gì đâu.

[Ocean Sapphire]

Thay code tooltip của fm vào thôi . Code tooltip của FM sẽ là :

Code:

 <a onmouseover="show_tooltip(this,'Nội dung')" href="link tooltip dẫn đến">tiêu đề</a>

rockman có vẻ thích simple tooltip nhỉ

[Sponsored content]