[jQuery], wyświetlanie htmla w div po kliknięciu w inny div Opcje

[john_doe]

Witam,

załóżmy, że z bazy generuję sobie 20 <div> tutaj jakiś html</div>
generując musiałbym nadać każdemu z nich jakiś unikalny id.

teraz po kliknięciu w jednego z nich chciałbym pokazać jego zawartość w innym div

zawartość mogę pobrać ('#idDiv').html()

jednak nie wiem jak w jQuery napisać funkcję która będzie brała różne id tego divów generowanych z bazki

czyli np. napisałem coś takiego

[HTML] pobierz, plaintext 
	<script type="text/javascript">
 
		$(document).ready(function(){
 
			$('#kliker').click(function(){ 
 
				//$('#show').html('<img src="1.jpg" alt="" />');
 
				var zawartosc = $('#1').html()
				alert(zawartosc);
 
			});
 
		});
 
	</script>
[HTML] pobierz, plaintext 

i przykładowo w php dla testu

[PHP] pobierz, plaintext 
		<?php
 
 
			$items    = array();
			$items[0] = '1.jpg';
			$items[1] = '2.gif';
			$items[2] = '3.gif';
 
			$i=1;
			foreach($items as $item)
			{
				echo '<div id="'.$i.'"><img src="'. $item . '" alt="" /></div><br />';
				$i++;
			}
 
		?>	
 
 
		<div id="kliker">kliker</div>
 
		<div id="show"></div>
[PHP] pobierz, plaintext 

pozdrawiam

Ten post edytował john_doe 7.09.2011, 15:04:52

[!*!]

Nadajesz temu "wczytanemu" div zdarzenie $(this).click() po czym wyświetlasz jego zawartość gdzie chcesz.

Ten post edytował !*! 7.09.2011, 15:06:03

[kamil4u]

A po co Ci nadawać id?
Stwórz div-y w taki sposób:

Kod

$('<div>', {
'html': 'tutaj jakiś html',
'click': function(){
   alert( $(this).html() );
}
});

[john_doe]

zobaczcie wyżej mój przykładowy zaczątek kodu

[!*!]

Nadaj każdemu div w #show zdarzenie .click() które wyświetli zawartość tak jak to jest wyżej. $(this) to będzie dany div jaki chcesz wyświetlić.

[kamil4u]

- ID nie może być liczbą
- ustosunkuj się do naszych rad

[john_doe]

z tym id to tylko przykład na szybko z ręki. Jeszcze w JQ nie zamiatam tak fajnie.
w show chce pokazać zawartość html każdego z wygenerowanych divów z bazy czy z innego źródła bez znaczenia.
Nie bardzo rozumiem jak zastosować Wasze rady

[!*!]

Kod

$('#show div').click(function() {
  alert('tu wstaw np .html() czy co tam chcesz aby odczytalo');
});

[john_doe]

!*! zobacz w show ma się pojawić zawartość wygenerowanych div

[HTML] pobierz, plaintext 
<div id="pic"><img src="1.jpg" alt="" /></div>
<div id="pic"><img src="2.gif" alt="" /></div>
<div id="pic"><img src="3.gif" alt="" /></div>
 
 
		<div id="show"></div> 
 
tak w jquery
 
$('#pic').click(function(){ 
 
				//$('#show').html('<img src="1.jpg" alt="" />');
 
				var zawartosc = $(this).html()
				alert(zawartosc);
 
			});
 
[HTML] pobierz, plaintext 

i już coś kosi tylko zwraca mi zawartość 1szego

[kamil4u]

ID musi być unikalne. Użyj np. klasy(.nazwaKlasy)

[!*!]

http://jsfiddle.net/HctRa/

[john_doe]

witam,

aby nie zakładać nowego posta..... w kwestii wielkości zdjęcia. Jak dorobić aby zdjęcie wczytywało się z jakimś kulającym się gifem? w sensie dać znać że coś zaraz się pojawi

[!*!]

Zależy jak to zrobisz. Poczytaj opcje http://api.jquery.com/jQuery.ajax/ rozpoczynasz pobieranie pobrazka, w tym samym czasie pokazujesz tzw "loader" gdy operacja pobierania zostanie zakończona, chowasz go.

[DM613]

accord anniversary div a # appearance accident. bang () which displays the capacity as it is aloft. $ (This) it will be the div you wish to appearance.

[lukaskolista]

A moze po prostu:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(function() {
		$(".click").bind(function() {
			var html = $(this).html();
			$("#target").html(html);
		});
	});
</script>
[HTML] pobierz, plaintext 

Skrypt nalezy umiescic za divami, jezeli chcesz przed to funkcje bind() musisz zastapic funkcja live(). Contenty powinny miec class="click", a div docelowy id="target", oczywiscie do dostosowania.