Lorsque l'utilisateur met sa souris sur cet objet, i
souhaite qu'un message s'affiche:
onmouseover=" evt.target.setAttribute('opacity', '0.5'); $('#someDiv').show();" onmouseout=" evt.target.setAttribute('opacity','1)'); $('#someDiv').hide();"
Qu'est-ce exactement que signifie someDIv
? Où puis-je mettre le texte?
Je fais cela et cela ne montre pas du tout le texte. Il s'agit simplement de changer l'opacité.
<path d="M 242.96145,653.59282 L 244.83646,650.1553 L 247.02397,649.8428 L 247.33647,650.62405 L 245.30521,653.59282 L 242.96145,653.59282 z M 252.80525,649.99905 L 258.74278,652.49906 L 260.77404,652.18656 L 262.33654,648.43654 L 261.71154,645.15528 L 257.64902,644.68653 L 253.74275,646.40528 L 252.80525,649.99905 z M 282.49289,659.6866 L 286.08665,664.99912 L 288.43041,664.68662 L 289.52417,664.21787 L 290.93042,665.46787 L 294.52419,665.31162 L 295.4617,663.90537 L 292.64918,662.18661 L 290.77417,658.59284 L 288.74291,655.15533 L 283.11789,657.96784 L 282.49289,659.6866 z M 302.02423,668.28039 L 303.27423,666.40538 L 307.8055,667.34288 L 308.43051,666.87413 L 314.36803,667.49913 L 314.05553,668.74914 L 311.55552,670.15539 L 307.33675,669.84289 L 302.02423,668.28039 z M 307.1805,673.28041 L 309.05551,677.03043 L 312.02427,675.93667 L 312.33677,674.37416 L 310.77427,672.3429 L 307.1805,672.0304 L 307.1805,673.28041 z M 313.89928,672.18665 L 316.08679,669.37414 L 320.61806,671.7179 L 324.83683,672.81166 L 329.0556,675.46792 L 329.0556,677.34293 L 325.61809,679.06169 L 320.93056,679.99919 L 318.5868,678.59293 L 313.89928,672.18665 z M 329.99311,687.18672 L 331.55561,685.93672 L 334.83688,687.49923 L 342.18066,690.93674 L 345.46193,692.968 L 347.02443,695.31176 L 348.89944,699.53053 L 352.80571,702.03054 L 352.49321,703.28055 L 348.74319,706.40556 L 344.68067,707.81182 L 343.27442,707.18682 L 340.30565,708.90557 L 337.96189,712.03059 L 335.77438,714.8431 L 334.05562,714.68685 L 330.61811,712.18684 L 330.30561,707.81182 L 330.93061,705.46806 L 329.3681,699.99928 L 327.33684,698.28052 L 327.18059,695.78051 L 329.3681,694.84301 L 331.39936,691.87425 L 331.86811,690.93674 L 330.30561,689.21798 L 329.99311,687.18672 z" id="HI" style="fill:#ffffd0" onmouseover="evt.target.setAttribute('opacity', '0.5'); $('#id').show();" onmouseout="evt.target.setAttribute('opacity','1)'); $('#id').hide();" />
'#someDiv' est un sélecteur CSS3 CSS qui est sémantiquement équivalent à getElementById('someDiv')
, en sélectionnant l'élément avec ID 'someDiv'. Alors:
document.getElementById('someDiv')
==
// bracket notation will return a DOM element $("#someDiv")[0] // leaving it out will return a jQuery object $("#someDiv")
someDiv
est simplement l'ID associée à un élément.
Comme karim79 et d'autres ont dit, #someDiv sélectionne un élément avec un identifiant de "someDiv". Ainsi, pour que cela fonctionne, vous devrez également placer un élément quelque part dans votre HTML avec cette ID. Quelque chose comme
<p id="someDiv">Your message</p>
#someDiv
est l'identifiant de l'élément (div I believe) que vous souhaitez afficher. Vous mettiez votre texte ou tout ce que vous voulez montrer dans l'élément avec id = 'someDiv'
#someDiv
est juste un élément avec "someDiv"
comme ID (c'est vrai sur CSS ou Javascript).
Dans ce cas, vous êtes "" loading "" #somediv
puis, en le montrant (en utilisant jquery) ou en le cachant (avec la souris ou la souris)