Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem z ładowaniem contentu za pomocą js
Forum PHP.pl > Forum > Po stronie przeglądarki
warpath
Hej, od kilku dni męczę się z pewnie bzdetą. A mianowicie: mam stronkę z sidebarem na którym jest sporo linków a na panelu obok powinna wyświetlać się zawartość podstron w divie. szef chciał by linki były umieszczone w tablicy (bo dużo mniej kodu bla bla bla) ale przez to skrypt ładujący content nie działa, próbowałam wstawić do skryptu elementy tablicy na wiele sposobów ale nic nie działa,za każdym razem otwiera mi aby tą pod stronę. mógłby ktoś na to zerknąć?

  1. <?php
  2. $links = Array(
  3. $link = array('example.html', '1', 'Example'),
  4. ......
  5.  
  6. );
  7. $i = 0;
  8. foreach ($links as $value => $link)
  9. {
  10. echo '<li><a href=subpage/'.$link[0].' id='.$i.'>'.$link[2].'</a></li>';
  11. $i++;
  12. }
  13.  
  14. ?>




[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $("#<?php echo $link[1] ?>").click(function(event){
  4. $("#content").load('<?php echo $link[0] ?>');
  5. return false;
  6. });
  7. });
  8. </script>
[JAVASCRIPT] pobierz, plaintext


Ktoś wie jak to ruszyć? bo już któryś dzień się z tym męczę... może da się wstawić jakoś do tablicy osobne skrypty dla każdego linku, cokolwiek, tylko niech tow końcu zadziała... Byłabym mega wdzięczna.

//nie mogłam wrzucić całości dojednego postu, przeglądarka na linuxie mi nie zezwala ;/
freemp3
Przekombinowałeś. Nadaj tym elementom jednakową klasę, unikalną w obrębie serwisu np. nav-links.
Następnie w js odwołujesz się do nich w ten sposób:

Kod
$(".nav-links").click(function(event){
      event.preventDefault(); // blokuje przejście strony do nowego adresu  
      $("#content").load($(this).attr("href"));
      return false;
});


Nie musisz w tedy generować skryptu js w php.
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.