[AJAX]Dynamiczne ładowanie strony z parametrami Opcje

[piotr485]

Witam.

Chciałbym zrobić coś takiego, aby klikając w link otwierało mi się nowe okno

Teraz mam coś takiego:

[HTML] pobierz, plaintext 
<a href="#?w=930" rel="window_140" class="poplight">Link</a>
 
 
<div id="window_141" class="popup_block">
Treść okna po kliknięciu w link
</div>
 
[HTML] pobierz, plaintext 

Problem w tym, że teraz mam ok. 150 takich linków na stronie z produktami i moja podstrona zajmuje 12tys. lini co przekłada się niestety na wolne wczytywanie strony.

Chciałbym zrobić coś takiego że dopiero po kliknięciu w link zaczynały by się wczytywać dane, czyli dodać tam jakiś atrybut data-id i z niego odczytywać - tylko nie mam zielonego pojęcia jak to zrobić, czy mógłby mnie ktoś nakierować ? Dodam jeszcze że w treści otwierającego się okna są checkboxy i przycisk do wysłania metodą POST.

Ten post edytował piotr485 26.06.2016, 21:19:51

[Star]

Mozesz zrobic cos w tym stylu, w pliku content.php napisz kod ktory wygeneruje odpowiednia treść

[PHP] pobierz, plaintext 
			<a href="#?w=930" rel="window_140" class="poplight">Link1</a>
			<a href="#?w=930" rel="window_141" class="poplight">Link2</a>
			<a href="#?w=930" rel="window_142" class="poplight">Link3</a>
			<div id="content"></div>
 
			<script>
			$('.poplight').click(function(){
 
				$("#content").empty();
				var window =  $( this ).attr( "rel" );
 
						$.ajax({
							  method: "POST",
							  url: "content.php",
							  data: { window: window }
 
						}).done(function(data) {
 
						 var newDiv = document.createElement('div');
							newDiv.id= window;
							newDiv.innerHTML= data;
							document.getElementById('content').appendChild(newDiv); 
 
						});
			});
 
 
			</script>
[PHP] pobierz, plaintext 

Ten post edytował Star 26.06.2016, 21:53:32