Åbne DIV ved klik

hvis du vil vise er variabel fra databasen, skal du benytte SQL sproget
txtpersonID = SELECT * from database.tabelnavn WHERE (kriterie)

?

for at hjælpe dig skal vi vide hvordan din database ser ud
f.eks: personID = Integer

hvordan ser den HTML og CSS ud du arbejder ud fra ?? gerne online demo

(nedenstående ville kunne ses i code, som efterspurgt ovenover)

har du alle oplysninger om personen hentet ned i en div, eller skal du hente yderligere oplysninger, så skal du kigge på AJAX

har du alle personerne i dit html doc i nogle div / skjulte div ??

Hej igen begge to,

Jeg prøver lige at komme med en lidt mere konkret forklaring. Nedenstående er som jeg ønsker det.

1. Jeg har en oversigt/liste med en række personer (data er hentet fra min database - herunder både id og navn).
2. Navnet på hver person er et link til den valgte persons lightbox/div.
3. Lightbox'en åbnes med data på hver enkelt person.
4. Det skal være muligt at redigere personens data.

Jeg er ikke sikker, men måske det vil være bedst at arbejde med AJAX (Ikke at jeg ved noget om det)...?

Jeg håber det giver mening :-)

du svare ikke på dette !!
hvordan ser den HTML og CSS ud du arbejder ud fra ?? gerne online demo
og selvføgelig også js/jquery skal vi også se.


>(data er hentet fra min database - herunder både id og navn).
skal der hentes yderligere person data fra serveren ved klik ??

jQuery:
$("#team").change(function () {
          var team = $("#team").val();
          $.get( "json.php", {action: "members", hold: team}, function( data ) {

            var dates = '';
            $.each(data.dates, function (index, item) {
              dates += '<th class="dynamic_date">' + item.date + '</th>';
            });

            var tbody = '';
            var myVar = 1;
            $.each(data.members, function (index, item) {
              tbody += '<tr>';
              tbody += '<td align="left" style="width:5%">' + myVar++ + '</td>';
              tbody += '<td align="left" style="width:5%">' + '<img src="img/icon.png" style="width:35px" />' + '</td>';
              tbody += '<td align="left" style="width:20%">' + item.fornavn + ' ' + item.efternavn + '</td>';
              tbody += '<td align="left" style="width:10%">' + item.age + '</td>';
              //tbody += '<td align="left">' + item.agegroup + '</td>';

              $.each(item.workouts, function (index, date) {
                if(date.status){
                  tbody += '<td align="left"> <input type="checkbox" name="member_'+item.id+'[]" value="'+date.date_id+'" checked></td>';
                }else{
                  tbody += '<td align="left"> <input type="checkbox" name="member_'+item.id+'[]" value="'+date.date_id+'"></td>';
                }
               
              });

              tbody += '<td></td>';
              tbody += '</tr>';
            });

HTML:
<form class="form-horizontal" action="" method="POST" id="myForm">
<table class="table" style="width:100%" id="myTable">
            <thead >
              <tr>
                <th align="left" style="width:5%">#</th>
                <th align="left" style="width:5%">Profil</th>
                <th align="left" style="width:50%">Navn</th>
                <th align="left" style="width:10%">Alder</th>
                <th id="numbers_of"></th>
              </tr>
            </thead>
            <tbody>
            <!-- AJAX -->
            </tbody>
          </table>
          <div style="float:right;"><input type="submit" id="save_workouts" class="btn btn-custom btn-lg" value="Gem afkrydsning"></div>
          <div id="fade" class="dark_overlay">
        </div>
          </form>

Der skal gerne kunne hentes yderligere data på hver enkelt person.