Я новичок в html и javascript, и я пытаюсь создать таблицу с кругами, которая при наведении курсора на круг будет отображать всплывающую подсказку с датой внутри (круги представляют события). Я использовал этот код в html для создания кругов:

<td><svg width='50' height='50'><circle cx='2' cy='2' r='2' fill='#ff8B45' /></svg></td>

Может кто-нибудь сказать мне, как добавить всплывающую подсказку в круги?

0
bloodmage 11 Окт 2021 в 15:36

3 ответа

Лучший ответ

Вы можете добавить <title>Your text</title> внутри тега <svg>.

<svg width='50' height='50'>
   <circle cx='20' cy='20' r='20' fill='#ff8B45'/>
   <title>11-10-2021</title>
</svg>
3
SecretTimes 11 Окт 2021 в 14:49

Ты можешь сделать это :

<td>
    <svg width='50' height='50'>
        <circle cx='2' cy='2' r='2' fill='#ff8B45'>
            <title>11/10/2021</title>
        </circle>
    </svg>
</td>
1
Yannis Almanric 11 Окт 2021 в 12:43

Вы также можете обратиться к ссылке на веб-документ, чтобы узнать о совместимости со всплывающей подсказкой и браузером.

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title

0
Balaji 11 Окт 2021 в 12:57