[Ajax] Zmiana zawartości div.

[Ajax] Zmiana zawartości div.

Salur Zobacz profil	21.01.2015, 20:35:16 Post #1
Grupa: Zarejestrowani Postów: 179 Pomógł: 0 Dołączył: 28.12.2014 Ostrzeżenie: (20%)	Witam, mam problem z dynamiczną zmianą zawartości div. Chcę aby zawartość <div id="container"> zmianiała się na plik ładowany przez ajax. Po prostu klikam np. button [1] i znika obecna zawartość div (container) i pojawia się nowa wczytana w pliku. Oto kod: [HTML] pobierz, plaintext <html> <head lang="en"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>ghgh</title> <meta property="og:title" content=""> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <link rel="prefetch" href="images/zoom.png"> </head> <body> <div class="navbar navbar-fixed-top" data-activeslide="1"> <div class="container"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse navbar-responsive-collapse"> <ul class="nav row"> <li data-slide="1" class="col-12 col-sm-2"><a id="menu-link-1" href="#slide-1" title="Next Section"><span class="icon icon-home"></span> <span class="text">Strona Główna</span></a></li> <li data-slide="2" class="col-12 col-sm-2"><a id="menu-link-2" href="#slide-2" title="Next Section"><span class="icon icon-user"></span> <span class="text">1</span></a></li> <li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"><span class="icon icon-briefcase"></span> <span class="text">2</span></a></li> <li data-slide="6" class="col-12 col-sm-2"><a id="menu-link-6" href="#slide-6" title="Next Section"><span class="icon icon-briefcase"></span> <span class="text">3</span></a></li> </ul> <div class="row"> <div class="col-sm-2 active-menu"></div> </div> </div> </div> </div> <div class="slide story" id="slide-1" data-slide="1"> <div class="container"> <div id="home-row-1" class="row clearfix"> <div class="col-12"> <h1 class="font-semibold">Spisujmy.pl</h1> <h4 class="font-thin">To Cię nic <span class="font-semibold">nie kosztuje!</h4> <br> <br> </div><!-- /col-12 --> </div><!-- /row --> <div id="home-row-2" class="row clearfix"> <div class="col-12 col-sm-4"><div class="home-hover navigation-slide"><a href="#" onClick="$('#container').load('load1.html')"><img src="images/s02.png"></div></a><span>1</span></div> <div class="col-12 col-sm-4"><div class="home-hover navigation-slide"><a href="#" onClick="$('#container').load('load2.html')"><img src="images/s01.png"></div></a><span>2</span></div> <div class="col-12 col-sm-4"><div class="home-hover navigation-slide"><a href="#" onClick="$('#container').load('load3.html')"><img src="images/s03.png"></div></a><span>3</span></div> </div> </div> </div>< </body> </html> [HTML] pobierz, plaintext Ten post edytował Salur 21.01.2015, 20:35:38