Хочу сделать ссылку типа "сообщить администрации". Стоят такие цели:
1. Ссылка не должна попасть к поисковм ботам
2. после клика по ней страница не должна перезагружаться
3. после клика ссылка должна исчезать

С JS я практически не знаком поэтому прошу у вас помощи. Для себя представляю это следующим образом:
...
<script language="javascript">
function brokenlink($id, $message){
openlink(?)("http://www.site.ru/links/" + "brokenlink.php" + "?id=" + $id);
hide(?) document.a.brokenlink;
message($message); // это сообщение с кнопкой OK
return false;
}
</script>

<a href="#" id="brokenlink" onClick="javascript:brokenlink("111", "Сообщение отправлено администрации");" class="button">Сообщить о
нерабочей ссылке</a>
...

Цитата(izOne @ 18.9.2004, 17:33)

3. после клика ссылка должна исчезать

Код

function toggleLink(evt) {   evt = (evt) ? evt : event;   var target = (evt.target) ? evt.target : evt.srcElement;   var link = document.GetElementById("link");   if (target.id == "link") {      link.style.display = "block";   } else {      link.style.display = "none";   } } ... <span id="link"><a href="http://some_link.ru/" onclick="toggleLink();"></span>

Цитата(izOne @ 18.9.2004, 17:33)

1. Ссылка не должна попасть к поисковм ботам

Хм, если на страницы, на которую ведет ссылка не стоит мета теги, то и не должна она попасть туда. Можно еще и исключить ее попадания в историю браузера.
Тогда функцию toggleLink() нужно переписать так:

Код

function toggleLink(evt) {   evt = (evt) ? evt : event;   var target = (evt.target) ? evt.target : evt.srcElement;   var link = document.GetElementById("link");   if (target.id == "link") {      link.style.display = "block";      location.replace("http://some_link.ru/");   } else {      link.style.display = "none";   } }

Цитата(izOne @ 18.9.2004, 17:33)

2. после клика по ней страница не должна перезагружаться

Код выше - предотвратит проблемы, которые ты хотел обоити. Если все же нужно открытие страницы без ее перезагружения, используй 100% фрейм или php

Это сообщение отредактировал(а) Aliance - 18.9.2004, 18:11

Цитата(izOne @ 18.9.2004, 16:33)

2. после клика по ней страница не должна перезагружаться

Перезагружай нульфрейм или загрузи картинку:

Код

img = new Image(); img.setAttribute("src","http://www.site.ru/links/brokenlink.php?id=" + id);

Код

<html> <head> <title>Тестовая страница</title> </head> <body> <script language="javascript"> function notify(elementId, uid, message){  var element = document.GetElementById(elementId)  element.style.display = "none";  img = new Image();  img.setAttribute("src", "http://www.site.ru/links/" + elementId + ".php?uid=" + uid); } </script> <span id="brokenlink"><a href="#" onClick="notify('brokenlink', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о нерабочей ссылке</a></span> <span id="newversion"><a href="#" onClick="notify('newversion', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о новой версии</a></span> </body> </html>

Не работает В чем тут дело? И как вывести диалоговое окно с кнопкой "OK".

Ты работаешь с событием!!!
Передай в функцию (аргумент) объект события (evt) и опиши его.

Вот так не работает:

Код

<html> <head> <title>Тестовая страница</title> </head> <body> <script language="JavaScript"> <!-- function notify(elementId, uid, message){    evt = (evt) ? evt : event;    var target = (evt.target) ? evt.target : evt.srcElement;    var link = document.GetElementById(elementId);    if (target.id == elementId) {        link.style.display = "block";        location.replace("http://some_link.ru/");    }else{        link.style.display = "none";    }  img = new Image();  img.setAttribute("src", "http://www.xxx.kiev.ua/news/" + elementId + ".php?uid=" + uid);  alert(message); } --> </script> <span id="brokenlink"><a href="#" onClick="notify('brokenlink', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о нерабочей ссылке</a></span> <span id="newversion"><a href="#" onClick="notify('newversion', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о новой версии</a></span> </body> </html>

а вот так работает, но только под IE:

Код

<html> <head> <title>Тестовая страница</title> </head> <body> <script language="JavaScript"> <!-- function notify(elementId, uid, message){  ie = (document.all)? true : false;  dom = (document.getElementById && !ie)? true : false;  if(dom){    document.GetElementById(elementId).style.display = "none";  }else if(ie){    document.all[elementId].style.display = "none";  }  img = new Image();  img.setAttribute("src", "http://www.xxx.kiev.ua/news/" + elementId + ".php?uid=" + uid);  alert(message); } --> </script> <span id="brokenlink"><a href="#" onClick="notify('brokenlink', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о нерабочей ссылке</a></span> <span id="newversion"><a href="#" onClick="notify('newversion', '111', 'Сообщение отправлено администрации'); return false;" class="button">Сообщить о новой версии</a></span> </body> </html>

Можно указать на ошибку в №1. И еще... я JS знаю очень плохо, почти не знаю... так что можно про передачу события поподробнее... Лучше, конечно, чтобы был рабочий вариант как для IE, так и для Firefox(Gecko)!

Это сообщение отредактировал(а) izOne - 18.9.2004, 21:49

function notify(elementId, uid, message, evt)
...
//совмещаем и IE и W3C DOM
evt = (evt) ? evt : ((window.event) : event ? null )
...
//неправельно
var target = (evt.target) ? evt.target : evt.srcElement;
//правельно
var target = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null )
...
onclick="notify('brokenlink', '111', 'Сообщение отправлено администрации', event); return false;"

Цитата(izOne @ 18.9.2004, 21:48)

можно про передачу события поподробнее

скоро выйдет FAQ, там про события "разжёвано" все подробнейшим образом!
Добавлено @ 22:02
И вообще, вот функция (совместимая), которая тебе поможет:

Код

function myFunction(evt) {    evt = (evt) ? evt : ((window.event) ? event : null);    if (evt) {       var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);       if (elem) {           // тут выполняем любые операции над элементом       }    } } /* *************************************************** Если твой элемент - контейнер, используй следующую функцию *************************************************** */ function myFunction(evt) {    evt = (evt) ? evt : ((window.event) ? event : null);    if (evt) {       var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);       if (elem.nodeType == 3) {           elem = elem.parentNode;       }       if (elem ) {           // тут выполняем любые операции над элементом       }    } }

Это сообщение отредактировал(а) Aliance - 18.9.2004, 22:06