Datatable array uitlezen

Status
Niet open voor verdere reacties.

ferentuske

Gebruiker
Lid geworden
5 okt 2013
Berichten
78
Beste

ik zit met een probleem om een array in mijn datatable te zetten.
Datatable heb ik gedownload van www.datatable.net

Het probleem is als ik met een lus door mijn array ga toont hij wel alle auto's in mijn datatable maar hij ziet heel de array als 1auto.
Dus datatable zegt showing 1 to 1 of 1 entries
Terwijl er 10 auto's in mijn array zitten.

Dus zou graag willen dat elke auto appart word weergegeven in mijn datatable.

HTML:
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery/jquery2.1.1.js"></script>

       <script src="jquery/jquery2.1.1.js"></script>

    <script src="datatabel/jquery.dataTables.min.js"></script>
     <script src="scripts/autodata.js"></script>
     <link href="css/jquery.dataTables" rel="stylesheet"/>
     <link href="css/jquery.dataTables.min.css" rel="stylesheet"/>
     <link href="css/jquery.dataTables_thermocontroller.css" rel="stylesheet"/>
     <link href="css/jquery.dataTables.themocontroller.min.css" rel="stylesheet"/>

    <script>

        $(document).ready(function () {
          
            $('')
            $.each(autos, function (i, val) {
            
                 $("#autos").dataTable()
                 $("#merk")
                  .append('<tbody><tr><td id="merk">'+ val.Fabrikant + '</td>')
                  .append("<br/>")
                 $("#model")
                  .append('<td id="model">' + val.Model + '</td></tr></tbody>')
                  .append("<br/>");

            });
                  
         

            });
           
                
                
         //   });

    </script>
</head>
<body>
    <div>
      <table id="autos" class="display">
    <thead>
        <tr>
            <th>Merk</th>
            <th>Test</th>
        </tr>
    </thead>
              <tbody>
      
      <tr>
            <td id="merk"></td>
            <td id="model"></td>
           
        </tr>
       
    </tbody>
</table>
    </div>
</body>
</html>
 
Ik snap dat Rome niet in één dag gebouwd is maar je zult je echt in de materie moeten verdiepen voor je er mee bezig gaat.

Wat je nu namelijk doet is voor elke auto uit je array opnieuw datatables op #autos toepassen. Die hoeft maar één keer geinitialiseerd te worden ;)

Dat je maar één resultaat krijgt komt omdat je de waardes binnen 1 tabelkolom aan het toevoegen bent :)
Dit:
HTML:
<td id="merk"></td>
Wordt na één keer door de lus heen dit:
HTML:
<td id="merk">
  <tbody>
    <tr>
      <td id="merk">Fabrikant</td>
      <br/>
    </td>
Begrijp je wat er verkeerd gaat? De tweede keer door de lus is lastig te bedenken aangezien je selector "#merk" is en die nu 2x bestaat (Wat bij CSS ID's niet hoort). Ik vermoed dat na de tweede keer het er zo uit ziet:
HTML:
<td id="merk">
  <tbody>
    <tr>
      <td id="merk">Fabrikant
        <tbody>
          <tr>
            <td id="merk">Fabrikant</td>
            <br/>
          </td>
      <br/>
    </td>
Waarom niet gewoon datatables de lijst met auto's geven en die zijn werk laten doen? ;)
http://datatables.net/examples/data_sources/js_array.html
 
Laatst bewerkt:
ja bedankt zie nu dat mijn datatable in me lus staat,Had dit eerst neit opgemerkt.

Ja had al een vermoeden dat je die td manueel moest ingeven in html.

Maar die link dat je gaf klinkt inderdaag logisch voor je tabellen.

Ik ga deze dan even bestuderen

alvast bedankt
 
Ja dit voorbeeld werkt perfect omdat er niet uitgelezen word uit een array denk ik maar ik heb dus een extern javascript bestand met een array en als ik die array in de data inlees van mijn datatable krijg ik een fout en word mijn dataset niet gevuld

HTML:
function Auto(fabrikant,model,koetswerk,brandstof,bouwjaar,kilometers,vermogen,cylinderinhoud,prijs){
	//Properties
	this.Fabrikant = fabrikant;
	this.Model = model;
	this.Koetswerk = koetswerk;
	this.Brandstof = brandstof;
	this.Bouwjaar = bouwjaar;
	this.Kilometers = kilometers;
	this.Vermogen = vermogen;
	this.Cylinderinhoud = cylinderinhoud;
	this.Prijs = prijs;
	this.Fotos = new Array();
}

//publieke variabele Auto array vullen
var autos = new Array();
autos[0] =	new Auto("Audi", "80 1.9 Turbo", "4-deurs", "Diesel", 1993, 130000,"75 pk","1896 cc", 3500);
autos[0].Fotos[0] = "Audi-80_6364333.jpg";
autos[0].Fotos[1] = "Audi-80_6364334.jpg";
autos[0].Fotos[2] = "Audi-80_6364336.jpg";
autos[1] =	new Auto("Audi", "80 1.9 TDi", "", "", 0, 0," pk"," cc", 0);
autos[2] =	new Auto("Audi", "100 2.0i", "", "", 0, 0," pk"," cc", 0);
autos[3] =	new Auto("Audi", "A5 2.7 TDi V6", "", "", 0, 0," pk"," cc", 0);

Iemand enig idee hoe ik deze data kan inlezen in mijn dataset zonder iets aan mijn array te veranderen
 
Beste

Ja de meeste plugins vind ik persoonlijk heel simpel zoals datapricker en een paar andere dat ik geprobeert heb zonder problemen.
Maar die datatables geraak ik er nog steeds niet uit.
Heb eerst met mijn data geprobeert maar de tabel bleef leeg heb dan eens alles gekopierd van die link. Zelfde resultaat lege tabel.


Ik denk persoonlijk dat ik toch ergens een lus ga moeten gebruiken om die data uit mijn array uit te lezen.
HTML:
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
     <script src="jquery/jquery2.1.1.js"></script>



    <script src="datatabel/jquery.dataTables.min.js"></script>
     <script src="scripts/autodata.js"></script>
     <link href="css/jquery.dataTables" rel="stylesheet"/>
     <link href="css/jquery.dataTables.min.css" rel="stylesheet"/>
     <link href="css/jquery.dataTables_thermocontroller.css" rel="stylesheet"/>
     <link href="css/jquery.dataTables.themocontroller.min.css" rel="stylesheet"/>
      <script>
         

          $(document).ready(function () {
              $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');


              function Employee ( name, position, salary, office ) {
                  this.name = name;
                  this.position = position;
                  this.salary = salary;
                  this._office = office;
 
                  this.office = function () {
                      return this._office;
                  }
              };
 
              $('#example').DataTable( {
                  data: [
                      new Employee( "Tiger Nixon", "System Architect", "$3,120", "Edinburgh" ),
                      new Employee( "Garrett Winters", "Director", "$5,300", "Edinburgh" )
                  ],
                  columns: [
                      { data: 'name' },
                      { data: 'salary' },
                      { data: 'office' },
                      { data: 'position' }
                  ]
              } );})
          //$.each(autos, function (i, val) {$("data").append(val.Fabrikant) })
    </script>

</head>
<body>
  <table id="example"></table>
</body>
</html>
 
Het is redelijk eenvoudig als je het door hebt :)

Volgens mij ziet je Auto-object er zo uit:
[js]
{
"Fabrikant" : "Ford",
"Merk" : "Focus",
// etc
}
[/js]
Daar van uit gaande kom ik op dit uit:
HTML:
<!DOCTYPE html>
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery/jquery2.1.1.js"></script>
    <script src="datatabel/jquery.dataTables.min.js"></script>
    <script src="scripts/autodata.js"></script>
    <link href="css/jquery.dataTables" rel="stylesheet"/>
    <link href="css/jquery.dataTables.min.css" rel="stylesheet"/>
    <link href="css/jquery.dataTables_thermocontroller.css" rel="stylesheet"/>
    <link href="css/jquery.dataTables.themocontroller.min.css" rel="stylesheet"/>
    
    <script>
    $(document).ready(function () {
        $('#example').DataTable({
                  data: autos,
                  columns: [
                      { data: 'Fabrikant' },
                      { data: 'Model' },
                      { data: 'Koetswerk' },
                      { data: 'Brandstof' },
                      { data: 'Bouwjaar' },
                      { data: 'Kilometers' },
                      { data: 'Vermogen' },
                      { data: 'Cylinderinhoud' },
                      { data: 'Prijs' }
                  ]
              });
          });
    </script>
 
</head>
<body>
    <table id="example">
        <thead>
            <tr>
                <th>Fabrikant</th>
                <th>Merk</th>
                <th>Koetswerk</th>
                <th>Brandstof</th>
                <th>Kilometers</th>
                <th>Vermogen</th>
                <th>Cilinderinhoud</th>
                <th>Prijs</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</body>
</html>

Het "each"-gedeelte wordt in dit geval door DataTables afgehandeld, het enige dat wij hoeven te doen is een array mee te geven als data.

Vervolgens geven we per kolom aan welke waarde uit het object er in moet komen.
 
Laatst bewerkt:
inderdaad, Dit werkt.

Had dit al eens gedaan maar toen werkte het niet. Was blijkbaar een fout in mijn zelfgemaakte tabel waar je blijkbaar vlug schrijffouten kan in typen.

Heel erg bedankt voor de hulp
 
Datatables verwacht dat je zelf de basisstructuur van de tabel aanmaakt. De <tbody> kan hij zelf aanmaken wanneer je een extern data-bestand levert.

Je had ook prima de tabel eerst kunnen laten aanmaken (Dus alle rijen zelf toevoegen) en vervolgens daar datatables over heen te gooien maar waarom zou je dat doen als de plugin mooie functies heeft ;)

Goed om te horen dat het nu werkt :thumb:
 
ja ik zit nu wat dieper in datatables aan het gaan alles werkt momenteel behalve mijn afbeeldingen uit de array halen en tevoorschijn laten komen

enkel de link komt te voorschijn dus de afbeeldinglocatie. Maar ik wil de afbeeldingen dus kunnen zien.

Alvast bedankt
Code:
function format(d) {
          // `d` is the original data object for the row
          return '<table id="detailtabel" cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' +
              '<tr>' +
                  '<td>Full name:</td>' +
                  '<td>' + d.Fabrikant + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Extension number:</td>' +
                  '<td>' + "test" + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Extra info:</td>' +
                  '<td id=fotogal>' + $.each(d.Fotos, function (j, vax) {
                      $("#fotogal").append('<img src="' + vax + '"/>');

                  }); + '</td>' +
              '</tr>' +
          '</table>';

      }
 
Het is het beste om de HTML structuur zo veel mogelijk door DataTables te laten regelen en alleen de data door te geven.

Wat je wilt is een aparte kolom met de afbeeldingen?

Daarvoor kun je de optie render voor gebruiken bij een kolom. Pak dan het voorbeeld "Use as a function to create a link from the data source:"

Om te weten wat er in data zit kun je het beste even dit doen:
[js]
"render": function ( data, type, full, meta ) {
console.log(data);
}[/js]
Dan kun je in je console het resultaat per rij zien en dus ook hoe je bij de juiste gegevens kunt komen.
 
die render doet bij mij niks. Ja maar heb die tabel eindelijk gemaakt omdat ik dan aan het id van die afbeeldingen kan.
Ik wil dus bv als ik op een afbeelding klik dat die dan uitvergroot word.

Daarom dacht ik om een tabel te maken dat ik dan zo met jquery gemakkelijk aan die afbeeldingen kan geraken.
 
Maar wil je die afbeeldingen in een kolom hebben van DataTables hebben of niet?

Hoe ziet je implementatie van DataTables er nu uit?
 
Ja ik heb dus een datatable maar heb detail-control aangezet.
Waardoor ik dus op een row klik die uitklapt en ik de details van die wegen kan bekijken.

De data in mijn details zie ik.Maar bij de afbeeldingen zie ik dus enkel de locatie van de afbeelding staan

maar als ik dan die id fotogal in een div plaats in mijn body dan toont hij wel de afbeeldingen. Maar dan staan ze wel buiten mijn tabel natuurlijk

Dit is de code die word uitgevoerd als ik dus op een row klik van mijn datatable dan klapt hij open en zie ik eent abel met de details maar enkel de afbeeldingen willen niet meeladen enkel de locatie staat erop

HTML:
unction format(d) {
          // `d` is the original data object for the row
          return '<table id="detailtabel" cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' +
              '<tr>' +
                  '<td>Fabrikant:</td>' +
                  '<td>' + d.Fabrikant + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Model:</td>' +
                  '<td>' + d.Model + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Fotos:</td>' +
                  '<td id=fotogal>' + $.each(d.Fotos, function (j, vax) {
                      $("#fotogal").append('<img src="' + vax + '"/>');

                  }); + '</td>' +
              '</tr>' +
          '</table>';

      }


HTML:


Dit is de code van mijn Datatable + op het einde code om het openklappen van de row te maken
Code:
 $(document).ready(function () {
       
                 //   $("#AutoTabel").ready(function () {
                   //     $("div").animate({ left: '250px' }, 3000);
                   // });
                    $('#Tabel').html('<table cellpadding="1" cellspacing="1" border="1" class="display" id="AutoTabel"></table>');
                    var table = $('#AutoTabel').DataTable({
                        data: autos,
                  
                "columns": [
                    {
                        "class":          'details-control',
                        "orderable":      true,
                        "data":           null,
                        "defaultContent": ''
                    },
                     { data: 'Fabrikant', title: 'Fabrikant' },
                    { data: 'Model', title: 'Model' },
                //    { data: 'Koetswerk', title: 'Koetswerk' },
                //    { data: 'Brandstof', title: 'Brandstof' },
                //    { data: 'Bouwjaar', title: 'Bouwjaar' },
                //    { data: 'Kilometers', title: 'Kilometers' },
                //    { data: 'Vermogen', title: 'Vermogen' },
                //    { data: 'Cylinderinhoud', title: 'Cylinderinhoud' },
                //    { data: 'Prijs', title: 'Prijs' }
                ],
                
                "order": [[1, 'asc']]
            } );
     
            // Add event listener for opening and closing details
                    $('#AutoTabel tbody').on('click', 'td.details-control', function () {
                var tr = $(this).closest('tr');
                var row = table.row( tr );
 
                if ( row.child.isShown() ) {
                    // This row is already open - close it
                    row.child.hide();
                    tr.removeClass('shown');
                }
                else {
                    // Open this row
                    row.child( format(row.data()) ).show();
                    tr.addClass('shown');
                   
                   
                }
            } );
        } );
 
Dit is heel mijn project

er hangt natuurlijk wel nog een array aan. Om de voertuigen en afbeeldingen toe te voegen.
Zoals je ziet worden de foto's wel onderaan toegevoegt op de webpagina als ik een row klik waar er een afbeelding inzit.
Hij blijft ze wel toevoegen als ik 10x op die row klik dan heb ik 10x dezelfde afbeelding onderaan.

Maar de afbeelding zou moeten komen in die detailcontrol en dit lukt me dus niet. Het is me 1 keer gelukt maar dan moest ik meerdere rows openen voordat ze er kwamen en stonden de afbeeldingen bij de verkeerde wagens.

Iemand een idee waar het misloopt ?

Ik denk persoonlijk bovenaan bij die format war de detailcontrol uitgevoerd word.



HTML:
<!DOCTYPE html>
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery/jquery2.1.1.js"></script>
    <script src="datatabel/jquery.dataTables.min.js"></script>
    <script src="scripts/autodata.js"></script>
    <link href="css/jquery.dataTables" rel="stylesheet"/>
    <link href="css/jquery.dataTables.min.css" rel="stylesheet"/>
    <link href="css/jquery.dataTables_thermocontroller.css" rel="stylesheet"/>
    <link href="css/jquery.dataTables.themocontroller.min.css" rel="stylesheet"/>
    <style>
      td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
    border:solid 1px red;
}
        column {
            border:solid 1px red;
        }
tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}
        #Tabel {
            border:solid 1px red;
        }
        tbody {
              border:solid 10px red;
        }
        #detailtabel {
            height:auto;
        }
        #detailTabel tr {
            border:solid 1px red;
        }
        #fol {
            height:150px;
        }

    </style>
    <script>
     
    //    $(document).ready(function () {
         
        //  var test =  $.each(autos, function (i, val) {val.Fabrikant });
      
 
        function format(d) {
            $.each(d.Fotos, function (j, vax) {
          
                $(".fotogal").append('<img class="fot" src="' + vax + '"/>');
                
                //   '<img class="ola" src="' + vax + '"/>' 
            })
            
          // `d` is the original data object for the row
         return  '<table id="detailtabel" cellpadding="5" cellspacing="0" border="1" style="padding-left:50px;">' +
              '<tr>' +
                  '<td>Fabrikant:</td>' +
                  '<td>' + d.Fabrikant + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Model:</td>' +
                  '<td>' + d.Model + '</td>' +
              '</tr>' +
              '<tr>' +
                  '<td>Fotos:</td>' +
                  '<td id=fol class="fotogal"></td>'
             + '</tr>' +
          '</table>';
            '<div class="fotogal">hallo</div>'

      

      }
  //    $.each(d.Fotos, function (j, vax) {
     //     $("#fotogal").append('<img src="' + vax + '"/>');

    //  });
  
 //           });
                
      $(document).ready(function () {
  
       
                 //   $("#AutoTabel").ready(function () {
                   //     $("div").animate({ left: '250px' }, 3000);
                   // });
                    $('#Tabel').html('<table cellpadding="1" cellspacing="1" border="1" class="display" id="AutoTabel"></table>');
                    var table = $('#AutoTabel').DataTable({
                        data: autos,
                  
                "columns": [
                    {
                        "class":          'details-control',
                        "orderable":      true,
                        "data":           null,
                        "defaultContent": ''
                    },
                     { data: 'Fabrikant', title: 'Fabrikant' },
                    { data: 'Model', title: 'Model' },
                //    { data: 'Koetswerk', title: 'Koetswerk' },
                //    { data: 'Brandstof', title: 'Brandstof' },
                //    { data: 'Bouwjaar', title: 'Bouwjaar' },
                //    { data: 'Kilometers', title: 'Kilometers' },
                //    { data: 'Vermogen', title: 'Vermogen' },
                //    { data: 'Cylinderinhoud', title: 'Cylinderinhoud' },
                //    { data: 'Prijs', title: 'Prijs' }
                ],
                
                "order": [[1, 'asc']]
            } );
     
            // Add event listener for opening and closing details
                    $('#AutoTabel tbody').on('click', 'td.details-control', function () {
                var tr = $(this).closest('tr');
                var row = table.row( tr );
 
                if ( row.child.isShown() ) {
                    // This row is already open - close it
                    row.child.hide();
                    tr.removeClass('shown');
                }
                else {
                    // Open this row
                    row.child( format(row.data()) ).show();
                    tr.addClass('shown');
                   
                   
                }
            } );
      });

      

    </script>
    <script>
        $(document).ready(function () {
            $("a").click(function (e) {
                e.preventDefault();
                $(this).parent().replaceWith("<input />");
            });
        });
    </script>
 
</head>
<body>
  <table id="AutoTabel"></table>
    <style>        #ani {
            border:solid 5px red;
        }
    </style>
    <button>Klik</button>
  <div id="ani">Hallo</div>
 <table>
     <tr>
         <td>Test</td>
         <td id="foto1"></td>
     </tr>
      </table>
    <div class="fotogal"></div>
    <!--<div id="fotogal"></div>-->
</body>
</html>

Zoals je ziet is het moeilijk om met datatables in je 2de array te geraken zo lukt het wel autos[1].Fotos[1] maar ja wil ze allemaal dus moet met een lus gebeuren
array
HTML:
autos[0].Fotos[1] = "Audi-80_6364334.jpg";
autos[0].Fotos[2] = "Audi-80_6364336.jpg";
autos[1] =	new Auto("Audi", "80 1.9 TDi", "", "", 0, 0," pk"," cc", 0);
autos[2] =	new Auto("Audi", "100 2.0i", "", "", 0, 0," pk"," cc", 0);
autos[3] =	new Auto("Audi", "A5 2.7 TDi V6", "", "", 0, 0," pk"," cc", 0);
autos[4] =	new Auto("Citroen", "2CV", "4-deurs", "Benzine", 1986, 104000,"35 pk","?", 3000);
autos[4].Fotos[0] = "Citroen-2CV_6426824.jpg";
autos[4].Fotos[1] = "Citroen-2CV_6426825.jpg";
autos[4].Fotos[2] = "Citroen-2CV_6426823.jpg";
autos[5] = new Auto("Volkswagen", "Touran", "5-deurs", "Diesel", 2004, 126000,"100 pk","1896 cc", 12500);
autos[5].Fotos[0] = "vw_727621_1.jpg";
autos[5].Fotos[1] = "vw-727621_5.jpg";
autos[6] = new Auto("Volkswagen", "Golf Plus", "4-deurs", "Benzine", 2008, 130000,"90 pk","1900 cc", 18500 );
autos[6].Fotos[0] = "Volkswagen-Golf-Plus_6006542.jpg"
autos[6].Fotos[1] = "Volkswagen-Golf-Plus_6006540.jpg"
autos[6].Fotos[2] = "Volkswagen-Golf-Plus_6006541.jpg"
autos[7] = new Auto("Volkswagen", "Polo 1.2i", "Break", "Benzine", 2006, 15989,"65 pk","1198  cc", 10200 );
autos[7].Fotos[0] = "Volkswagen-Polo_6403583.jpg"
autos[7].Fotos[1] = "Volkswagen-Polo_6403584.jpg"
 
Laatst bewerkt:
Je kunt geen elementen aan een element toewijzen wanneer deze nog niet in de DOM bestaat.

[js]function format(d) {
$.each(d.Fotos, function (j, vax) {

$(".fotogal").append('<img class="fot" src="' + vax + '"/>');

// '<img class="ola" src="' + vax + '"/>'
})

// `d` is the original data object for the row
return '<table id="detailtabel" cellpadding="5" cellspacing="0" border="1" style="padding-left:50px;">' +
'<tr>' +
'<td>Fabrikant:</td>' +
'<td>' + d.Fabrikant + '</td>' +
'</tr>' +
'<tr>' +
'<td>Model:</td>' +
'<td>' + d.Model + '</td>' +
'</tr>' +
'<tr>' +
'<td>Fotos:</td>' +
'<td id=fol class="fotogal"></td>'
+ '</tr>' +
'</table>';
'<div class="fotogal">hallo</div>'
}[/js]
Je probeert nu met je each de klasse fotogal te bereiken, alleen die bestaat nog niet omdat het aanmaken daarvan in de return-waarde van de functie zit.

Daarnaast is een klasse gebruiken redelijk non-specifiek, er kunnen er dus meerdere op een pagina staan terwijl jij data voor een specifiek voertuig wilt verwerken.

Ook moet je een foutmelding krijgen bij de laatste regel, daardoor kan het uitvoeren van de rest van het script ook geblokkeerd worden.

Als je nou eerst de afbeeldingen in een variabele gaat "opsparen" dan kun je die meegeven aan de return-waarde ;)
[js]function format(d) {
var images;
$.each(d.Fotos, function (j, vax) {
images += '<img class="fot" src="' + vax + '"/>';
});

// `d` is the original data object for the row
return '<table id="detailtabel" cellpadding="5" cellspacing="0" border="1" style="padding-left:50px;">' +
'<tr>' +
'<td>Fabrikant:</td>' +
'<td>' + d.Fabrikant + '</td>' +
'</tr>' +
'<tr>' +
'<td>Model:</td>' +
'<td>' + d.Model + '</td>' +
'</tr>' +
'<tr>' +
'<td>Fotos:</td>' +
'<td id=fol class="fotogal">'+ images +'</td>'
+ '</tr>' +
'</table>';
}[/js]
 
Laatst bewerkt:
Hartelijk bedankt dit werkt.

Ik had ook al die lus geplaatst voor de return.
Maar dit werkte eerst niet Waarschijnlijk ergens een type fout gemaakt.

Heel erg bedankt voor de hulp
 
Jouw lus wilde via jQuery de <img>-elementen toevoegen aan .fotgal, dat gaat niet werken of je hem nou er voor of erna had gezet (Er na heeft weinig zin aangezien er na een return niets meer wordt uitgevoerd ;))

Nu worden de <img>-elementen niet meer dynamisch toegevoegd maar gewoon meegegeven aan de return :)
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan