ďťż

Wczytanie pliku html do diva

       

Podstrony


telcocafe

Chciałbym zrobić tak aby po kliknieciu na przycisk z menu wczytywał sie określony plik do konkretnego diva
Znalazłem w googlach coś takiego:

<script type="text/javascript">
function show1() {
document.all['nazwa_id'].innerHTML = "<img src='lol.gif' width='150' height='150' border='0'>";
}
</script>

W tym skrypcie do diva wczytywany jest obrazek lol.gif.
Ale jak zroić aby wczytywany był plik np. kontakt.html????



Można to zrobić na dwa sposoby. Albo AJAX, albo edytować Twój kod i wstawiać tę stronę do ramki:
<script type="text/javascript"> function show1() { document.all['nazwa_id'].innerHTML = "<iframe src='kontakt.html' width='150' height='150' border='0'></iframe>"; } </script>
Ale ramki nie są raczej zalecane.

Użyj AJAX. Jest wiele bibliotek. Możesz też napisać js.js:var ajax = new Request('adres_do_pliku.html', id('id_znacznika_div')); //Aby wysłać żądanie: ajax.send();
Użytkownik Ferrari edytował ten post 17 kwiecień 2009, 22:22

Można to zrobić na dwa sposoby. Albo AJAX, albo edytować Twój kod i wstawiać tę stronę do ramki:
<script type="text/javascript"> function show1() { document.all['nazwa_id'].innerHTML = "<iframe src='kontakt.html' width='150' height='150' border='0'></iframe>"; } </script>
Ale ramki nie są raczej zalecane.


Działa :) wielkie dzieki

co do technologi ajax to jestem w tym totalnie zielony.
Ferrari jeśli możesz mi opisać krok po kroku co i jak zrobić będę wdzięczny.

Jeszcze jedna sprawa.
Czytałem że wczytać html`a do diva można przy pomocy jquery.
Próbowałem jednak nie wychodzi ;(
W sekcji head mam coś catkiego
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> function Menu(){ $(#"tablica").load("kontakt.html"); } </script>

Natomiast w sekcji body mam coś takiego
<a href="java script:Menu()">Kontakt</a>

Całość powinna wyglądać tak że po wybraniu z menu pozycji kontakt plik kontakt.html wczytuje się do div`a o id=tablica.
Użytkownik alcapon30000 edytował ten post 18 kwiecień 2009, 16:11
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.