Skip to content

Moving the mouse: mouseover/out, mouseenter/leave #166

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bilgedemirkaya merged 4 commits into from
Jan 22, 2021
Merged

Moving the mouse: mouseover/out, mouseenter/leave #166

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ef12202
Moving the mouse: mouseover/out, mouseenter/leave
bilgedemirkaya Jan 22, 2021
2e57d90
Update article.md
bilgedemirkaya Jan 22, 2021
15b355a
Update task.md
bilgedemirkaya Jan 22, 2021
697ec58
Update hoverintent
bilgedemirkaya Jan 22, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update task.md
  • Loading branch information
@bilgedemirkaya
bilgedemirkaya authored Jan 22, 2021
commit 15b355a3e2269003ab8f0e7b361147e99d5f55be
14 changes: 7 additions & 7 deletions ...move-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/task.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,24 @@ importance: 5

---

# Improved tooltip behavior
# Geliştirilmiş ipucu (tooltip) davranışı

Write JavaScript that shows a tooltip over an element with the attribute `data-tooltip`.
Fare ile bir elementin üzerinden geçildiğinde `data-tooltip` özelliği ile beraber tooltip (ipucu) gösteren bir javaScript kodu yazın.

That's like the task <info:task/behavior-tooltip>, but here the annotated elements can be nested. The most deeply nested tooltip is shown.
Buradaki göreve benziyor <info:task/behavior-tooltip>, ancak burada gösterilen öğeler iç içe geçmiş olabilir. En içteki tooltip gösterilmelidir.

For instance:
Örneğin:

```html
<div data-tooltip="Here – is the house interior" id="house">
<div data-tooltip="Here – is the roof" id="roof"></div>
...
<a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Read on…">Hover over me</a>
<a href="https://en.wikipedia.org/wiki/The_Three_Little_Pigs" data-tooltip="Read on…">Fare ile buranın üzerine gel</a>
</div>
```

The result in iframe:
Sonuç iframe üzerinde:

[iframe src="solution" height=300 border=1]

P.S. Hint: only one tooltip may show up at the same time.
Not ipucu: aynı anda yalnızca bir araç ipucu (tooltip) görünebilir.