Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: akcja href w <a>
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kirkor0
Witam!
Mam na stronie najzwyklejsze linki postaci:
  1. <div id="cos">
  2. <a href="strona.php">link</a>
  3. </div>

I teraz chcialbym aby zamiast przejscia do nowej strony (ma pozostac na tej samej) wyskoczyl alert z tym co jest w href (strona.php).

PS. Chce aby kod HTML, ktory jest nie byl zmieniany.
Ewelntualnie mozna dodac rel lub w ostatecznosci id.

pzdr
prond
No taką funkcjonalność osiągniesz wykorzystując AJAX.

Tu przykład wywołania AJAX w prototype.js
  1. <script type="text/javascript">
  2. function myAjaxAlert(scriptUrl)
  3. {
  4. var myAjax = new Ajax.Request(scriptUrl, {
  5. onComplete: function (response) {alert(response.responseText); }
  6. });
  7. }
  8.  
  9. <a href="java script:myAjaxAlert('skrypt.php');">go go </a>
kirkor0
OK, ale właśnie chodzi o to, ze w href mus być "strona.php".
Potrzebuje tego, bo boty będą po tym chodzić
kipero
Boty chyba nie obsługują JS. dry.gif
Taki kod będzie dobry?
  1. <script type="text/javascript">
  2. function myAjaxAlert(scriptUrl)
  3. {
  4. var myAjax = new Ajax.Request(scriptUrl, {
  5. onComplete: function (response) {alert(response.responseText); }
  6. });
  7. }
  8.  
  9. <a href="skrypt.php" onClick="myAjaxAlert(this.href); return false">go go </a>
kirkor0
O to chodzi, że boty nie obsługują JS.
A strony napisane w Ajaxie nie są im dopasowane.
Dlatego chce mieć normalne linki. smile.gif

Teraz juz wiem, dzieki! smile.gif
Moli
A po co używać ajaxa do tego ? Skoro można w czystym JS.
Kod
function pokaz( fileName )
{
alert ( fileName );
}

i link taki jak podał kipero.
kirkor0
OK. Ja zrobilem tak:
Kod
var link = document.getElementById("lma");

link.onclick = function() { klik(this.href); return false; }


Jest jeszcze sprawa, że mam pare takich linków i chciałbym aby ta akcja była przypisana do wszystkich?
Jak to zrobic?
gekon
Implementujesz funkcje getElementsByClass[Name] i nadajesz wszystkim taka samą klasę. Potem w pętli lecisz onclick dla całej kolekcji, którą zwróci Ci getElem...ByClass.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.