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]

ja tego tez nie rozumiem (IMG:style_emoticons/default/sad.gif) , .... ale kod ktory dziala wyglada tak:

[XML] pobierz, plaintext 
function drawResults(){
	to=0;
         $.ajax({
           url: 'ajax/ajax_reload.php',
           type: 'post',
           data: {reload: 'reload'},
//           dataType: 'JSON', 
          success: function(msg){
              msg = $.parseJSON(msg);
              $('#results').empty();
              var highlighted=0;
              var patt = '';
              var ii=0;
              $.each(msg, function(k,v){
 
                  if(ii<5){
                      var sou = v.sounds.split('-');
                      $.each(sou, function(k, v){
 
                         if($('#play-sound').is(':checked')) playSound(v);
			 console.log('v => '+v);
                      });
 
                  }
 
                  //DLA KAZDEGO PRZETWÓRZ DATY
                  if(v.signal_dir == -1) var arrow = "<img src='images/down.png'>";
                  else var arrow = "<img src='images/up.png'>";
 
 
                  if(v.highlight == 1){
                      var style = ' style="background: #BB86A6"';
                      patt = v.instrument;
                      highlighted++;
                  }
                  else var style = '';
 
//                  console.log(v.highlight);
 
                  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});
 
                 ii++;
 
              });
                 to=0;
              if(highlighted > 0) document.title= '('+highlighted+') '+patt;
	      else document.title='0';
           },
           error: function(msg){
//               alert('Wystąpił błąd, proszę odświeżyć stronę.');
               location.reload();
           }
        }); 
 
}
 
[XML] pobierz, plaintext 

i sprawdzilem ze jesli zrobie ten warunek:

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

to klikalne/otwierane w prettyPhoto beda tylko 2 pierwsze wiersze.