wyswietl obrazek po kliknieciu wiersza Opcje

[robert1974]

czesc.

w php generuje tabele z wierszami. jedna z kolumn jest link do obrazka, jak sie kliknie to sie obrazek wyswitla, .... ale
chcialbym gdy uzytkownik kliknie na jakims wierszu (ktorejkolwiek kolumnie) by pojawial sie obrazek z danego wiersza.

znalazlem taki kawalek kodu ktory mam nadzieje ze jest pomocny, choc go do konca nie rozumiem (IMG:style_emoticons/default/sad.gif)

1. uzywam klasy hidden, ktora :
.hidden{
display: none;
}

2. przy tworzniu tablicy uzywam tego hidden by nie pokazac linku
echo '<td style="width:240px"> <a href="sigfiles/'.$myimg.'" class="hidden">PIC LINK</a></td>';

choc w sumie to chyba lepiej uzyc tej klasy w tagu TD, by wcale kolumny z linkiem nie pokazywac. teraz pokazuje sie pusta kolumna.

3. i teraz jest taki kod:

$('table').on('click', 'tr', function(){
var a = $(this).find('.hidden');
a.trigger('click');

ktory z tego co rozumiem przechwytuje event klikniecia w wiersz tabeli, szuka co jest klasy hidden (czyli ten moj img), i trigeruje click, czyli jesli dobrze rozumiem, to powinno dzialac tak samo jakbym kliknal samemu w ten ukryty link. niestety na ta chwile nie dziala (IMG:style_emoticons/default/sad.gif) ...i nie wiem czy wogole tedy droga

dzieki.

[robert1974]

nie wywala.

doszedlem do czegos takiego, ze jesli stosuje prettyPhoto do obrazka ktory jest w sekcji body to dziala, ale jesli chce dokladnie ten sam kod uzyc tez w czesci body ale generowanej przez php / ajax to juz nie dziala.

<a href="./pics/obrazek.png" rel="prettyPhoto[myGallery]" title="tytul"><img src="./pics/obrazek.png" width="160" height="79" alt="mojalt" title="mojtytul"/></a>

...........
..........
..........
nowy trop (IMG:style_emoticons/default/smile.gif)

w tym kodzie innej osoby jest cos takiego i to dziala:

$.ajax({
url: 'ajax/ajax_reload.php',
type: 'post',
data: {reload: 'reload'},
// dataType: 'JSON',
success: function(msg)

potem petla po msg, ktora procesuje zwrocone wiersze tabeli:

var html = '<tr class="result" '+style+'><td class="instrument">'+v.instrument+' '+v.id+'</td><td class="tf">'+v.tf+'</td><td class="signame">'+v.signal_name+'</td><td class="sigdir">'+arrow+'</td><td class="sigbarno">'+v.signal_barno+'</td><td class="updatedtime">'+convertDate(v.last_updated_time)+'</td><td class="exptime">'+convertDate(v.exp_time)+'</td><td>'+convertDate(v.last_updated_time)+'<a href="sigfiles/'+v.img+'" class="hidden" rel="prettyPhoto">xxx</a></td></tr>';

$('#results').append(html);

document.title

$("a[rel^='prettyPhoto']").prettyPhoto({social_tools: false});

... i to dziala, klikkniecie na kazdy wiersz tabeli otwiera obrazek w prettyPhoto


a gdy zmienie troche petle:

if(ii<2)
{
$("a[rel^='prettyPhoto']").prettyPhoto({social_tools: false});
}

powoduje ze tylko 2 pierwsze wiersze beda klikalne (bo ii<2)



Czego nie rozumiem, to czemu dla kazdego processowanego wiersza dodawane jest to

[XML] pobierz, plaintext 
 $("a[rel^='prettyPhoto']").prettyPhoto({social_tools: false});
[XML] pobierz, plaintext 

bo to jest cos czego ja nie robie u siebie.
u mnie w kodzie jest to tylko raz i w taki sposob:

[XML] pobierz, plaintext 
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
                 $("a[rel^='prettyPhoto']").prettyPhoto({
                        show_title: false,
						social_tools: false
				 });
....
[XML] pobierz, plaintext 

Wytlumaczy ktos moze?

Ten post edytował robert1974 22.02.2015, 10:00:24