Forum PHP.pl

Witam,
w jaki sposób można przekopiować zawartość diva wraz ze zdarzeniami

potrzebuję dopisać do gotowego skryptu galerii(http://galleria.aino.se/) pewną funkcjonalność
otóż do każdego zdjęcia może być wyświetlany opis, domyślnie jest to tekst z atrybutu alt. Ja tak przerobiłem ten skrypt aby był wczytywany tekst z diva

[JAVASCRIPT] pobierz, plaintext 
escription: $('#ref_'+img.attr('ref')).html() || '',
[JAVASCRIPT] pobierz, plaintext 

ale do elementów w tym diwie są podpięte pewne akcje(na podstawie nazwy klasy), a przy taki kopiowaniu zostaje skopiowany tylko kod html bez podpiętych zdarzeń

w jQ możesz kopiować elementy ze zdarzeniami za pomocą .clone() - oczywiście o ile te zdarzenia podpinałeś za pomocą jQ (w szczegóły nie ma sensu wchodzić)...

jednak trochę nie rozumiem Twojej wypowiedzi, po za tym powinieneś dać przykład live (online) strony...

Ten post edytował zegarek84 16.12.2011, 14:46:56

demo:
http://mercedes.gocreate.pl/galeria/
do pobranie:
http://mercedes.gocreate.pl/galeria/classic.tar.gz


na czarnym pasku na górze pojawia się napis click pod który jest podpięta akcja

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function(){
 
	$('.ref').click(function(){
 
		alert($(this).attr('id'));
 
	});
 
 
});
[JAVASCRIPT] pobierz, plaintext 

po wpisaniu

[JAVASCRIPT] pobierz, plaintext 
escription: $('#ref_'+img.attr('ref')).clone() || '',
[JAVASCRIPT] pobierz, plaintext 

nie dzieje się nic (napis jest niewidoczny)

nie... na czarnym pasku pod napis "click" nie masz podpięte żadne zdarzenie... znalazłem 2 elementy o tej klasie które mają podpięte zdarzenie o którym piszesz ale są na początku drzewa w body i są ukryte!!!

[HTML] pobierz, plaintext 
<span id="ref_1" class="hidden ref">
<span> click </span>
</span>
 
<div id="ref_0" class="hidden ref">
<span> click </span>
 
           </div>
[HTML] pobierz, plaintext 

i gdzie masz zapisany obiekt img próbowałem go znaleźć lecz nie widzę, jako zmienną globalną też go nie tworzysz gdyż console.log(img) nic nie pokazało...

firebug doinstaluj sobie w mozilli i jedziesz z koksem - poza tym nie bardzo rozumiem co chcesz osiągnąć...

Ten post edytował zegarek84 16.12.2011, 16:41:35

ok jeszcze raz
galeria jest tworzona następująco

[HTML] pobierz, plaintext 
        <div id="galleria">
            <a href="1.jpg">
 
            	<img ref="1" src="a1.jpg">
        	</a>
            <a href="2.jpg">
            	<img ref="0" src="a2.jpg">
        	</a>
 
        </div>
    <script>
 
    // Load the classic theme
	Galleria.loadTheme('galleria.classic.js');
 
	// Initialize Galleria
	$('#galleria').galleria();
 
    </script>
[HTML] pobierz, plaintext 

wywołanie funkcji $('#galleria').galleria(); powoduje przekształcenie tego kodu na kod galerii.
Domyślnie w tym czarnym polu na górze była wczytywana zawartość pola "alt", ja przerobiłem kod tak aby była wczytywana zawartość selektora o id "ref_X" gdzie X to parametr ref z obrazka (<img ref="0" src="a2.jpg">).
Czyli w tym przykładzie ma być wczytywana zawartość jednego z tych obiektów

[HTML] pobierz, plaintext 
<span id="ref_1" class="hidden ref">
	<span> click </span>
</span>
<div id="ref_0" class="hidden ref">
	<span> click </span>
</div>
[HTML] pobierz, plaintext 

Zawartość jest wczytywana prawidłowo ale po kliknięciu na span nic się nie dzieje(akcja nie jest kopiowana)

[JAVASCRIPT] pobierz, plaintext 
 
$(document).ready(function(){
 
	$('.ref').click(function(){
 
		alert($(this).attr('id'));
 
	});
 
 
});
[JAVASCRIPT] pobierz, plaintext 

ja chcę aby była wczytywana zawartość odpowiedniego "#ref_" wraz z zdarzeniami