Как узнать содержимое ссылки при наведении? if this.href.match()?
Изучаю Javascript, есть такая функция:
function havejpg()
{
if (document.getElementById('aHrefId').href.match(/jpg$/))
{
alert('Ссылка содержит буквы jpg');
}
else
{
alert('Ссылка не содержит буквы jpg');
}
}
И она работает, при наведении (onmousemove) на ссылку с id=aHrefId, а как мне сделать, чтобы работала при наведении на любую ссылку, даже если она без id?if(this.href.match(/jpg$/))не срабатывает. |
var arayLink = document.getElementsByTagName('a'),
totalLink = arayLink.length;
while (totalLink--) {
arayLink[totalLink].addEventListener('mouseover', havejpg, false);
}
function havejpg(e)
{
if (e.target.href.match(/jpg$/))
{
alert('Ссылка содержит буквы jpg');
}
else
{
alert('Ссылка не содержит буквы jpg');
}
}
|
Что-то не работает. Может теперь функция по другому вызывается?
Раньше я использовал <td onmousemove="havejpg(0); return false;"> p.s. Браузер Firefox |
Может стоит изучить основы javascript, и узнать способы добавления скриптов на страницу.
|
Я бы рад, но не успеваю пока, а работать надо именно в этой области сейчас.
Можно весь код включая <html> и <body> ? |
Цитата:
var a = /jpg$/,
b, // current a
c = 0,
ie = !document.documentElement.addEventListener,
handler = function(e){
if (a.test( (event ? event.srcElement:e.target).href)) {
alert("содержит");
} else {
alert("нет");
}
}
while ( b = document.links[c++] )
ie ? b.attachEvent("onmouseover", handler ):b.addEventListener("mouseover",handler,false);
пример :
<a href="/mk" style="color:red">no jpg</a>
<a href="/lol.jpg" style="color:green">jpg</a>
<script>
var a = /jpg$/,
b, // current a
c = 0,
ie = !document.documentElement.addEventListener,
handler = function(e){
if (a.test( (event ? event.srcElement:e.target).href)) {
alert("содержит");
} else {
alert("нет");
}
}
while ( b = document.links[c++] )
ie ? b.attachEvent("onmouseover", handler ):b.addEventListener("mouseover",handler,false);
</script>
|
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var arayLink = document.getElementsByTagName('a'),
totalLink = arayLink.length;
while (totalLink--) {
arayLink[totalLink].addEventListener('mouseover', havejpg, false);
}
function havejpg (e) {
if (e.target.href.match(/jpg$/)) {
alert('Ссылка содержит буквы jpg');
}
else {
alert('Ссылка не содержит буквы jpg');
}
}
}
</script>
</head>
<body>
<a href="img.jpg"> Ссылка 1 </a><br />
<a href="my.txt"> Ссылка 2 </a><br />
<a href="here.mp3"> Ссылка 3 </a><br />
<a href="you.jpg"> Ссылка 4 </a><br />
<a href="i.png"> Ссылка 5 </a><br />
</body>
</html>
|
Цитата:
|
Цитата:
|
Цитата:
P.S. В Википедии можно прочитать что такое BOM |
| Часовой пояс GMT +3, время: 18:01. |