Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Dynamiczne tworzenie hiperłączy
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
misiek172
Witam.

Borykam się z tematem dynamicznego tworzenia hiperłączy, mianowicie chcę w czystym JS tworzyć linki, z powodu między innymi takiego, że standard W3C xHMTL 1 nie przyjmuje takiego zapisu:

<a href="ss"> <div> asdasd </div> </a>

a po drugie dlatego, iż to będzie dla mnie o wiele wygodniejsze.

Bardzo proszę o jakiś przykład dynamicznego tworzenia linku.

Pozdrawiam, Łukasz.
abc667
1. bo zamykasz element blokowy w liniowym, nadaj display: block; dla tego linku i będzie ok
2. to że oszukasz walidator nie tworzy twojej strony zgodnej ze standardami
misiek172
wiem ale najbardziej rozchodzi mi się o to że będzie mi wygodniej tworzyć takie linki... znaczy stworze sobie tablicę linków i potem pętlą wszystko przypisze i przyszłe zmiany będą bardzo wygodne smile.gif
yaro
Chcesz oszukiwać walidator? laugh.gif
W elemencie liniowym nie może być blokowy.
Nie moge tego wogóle zrozumieć. Po co Ci ten div?
Jeżeli chcesz żeby linki były jeden pod drugim, to sie robi liste i już.

Przykładowo:
  1. <ul>
  2. <li><a href="foo.html">bar</a></li>
  3. ...
  4. </ul>
misiek172
PO 1 nie powtarzaj wypowiedzi @abc667

PO 2 powiedziałem że juz nie oto chodzi... ZAPOMNIJCIE o tym validatorze... po prostu wygodniej mi będzie tworzyć linki dynamicznie przez JS. I bardzo proszę o sposób jak to zrobić.

Pozdrawiam, Łukasz.
ferr
  1. function AddLink()
  2. {
  3. var links = new Array('http://dupa.pl', 'http://php.pl');
  4.  
  5. var container = document.getElementById('container');
  6.  
  7. for (var i = 0; i < links.length; i++)
  8. {
  9. var link = document.createElement('a');
  10. link.setAttribute('href', links[i]);
  11. link.innerHTML = links[i];
  12. container.appendChild(link);
  13. }
  14. }



  1. <div id="container"></div>
  2. <a href="java script: void(0);" onclick="AddLink()">Dodaj linki</a>
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.