Avatar billede Slettet bruger
28. april 2018 - 00:48 Der er 5 kommentarer

Åbne DIV ved klik

Hej,

Jeg har brug for hjælp til at åbne en DIV (som popup - evt. lightbox), men den DIV der skal åbnes skal have et medfølgende person-id, så jeg har mulighed for at arbejde videre med data om den person jeg klikker på.

Jeg har data gemt i en MYSQL-database.

Jeg er ikke sikker på at jeg har fået forklaret det ordentligt, men jeg håber der er en venlig sjæl derude der kan hjælpe mig?
Avatar billede Slettet bruger
28. april 2018 - 06:17 #1
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
Avatar billede olsensweb.dk Ekspert
28. april 2018 - 19:07 #2
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 ??
Avatar billede Slettet bruger
28. april 2018 - 22:11 #3
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 :-)
Avatar billede olsensweb.dk Ekspert
29. april 2018 - 11:08 #4
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 ??
Avatar billede Slettet bruger
29. april 2018 - 20:59 #5
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.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester