Widget:CJP2: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
query : '[[Pill Shape::Oval]]|?Pill Imprint|?Pill Dosage|?Pill Ingred|?Pill Color|?Pill Shape|?Pill Size (mm)|?Pill Scoring|?NDC|?Pill Name', | query : '[[Pill Shape::Oval]]|?Pill Imprint|?Pill Dosage|?Pill Ingred|?Pill Color|?Pill Shape|?Pill Size (mm)|?Pill Scoring|?NDC|?Pill Name', | ||
format : 'json' | format : 'json' | ||
}.always(function (data) { | }).always(function (data) { | ||
$.each(data.query.results, function (index, value) { | $.each(data.query.results, function (index, value) { | ||
//Assign variables the values returned from the function// | //Assign variables the values returned from the function// | ||
| Line 21: | Line 21: | ||
var ndc = value.printouts["NDC"]; | var ndc = value.printouts["NDC"]; | ||
var pillName = value.printouts["Pill Name"]; | var pillName = value.printouts["Pill Name"]; | ||
/* | |||
//Find a <table> element with id="resultsTable-body": | |||
var table = document.getElementById("resultsTable-body"); | |||
//Create an empty <tr> element and add it to the 1st position of the table: | |||
var row = table.insertRow(index); | |||
//Insert new cells(<td> elements) into the "new" <tr> element: | |||
var cellDrugName = row.insertCell(0); | |||
var cellPillImprint = row.insertCell(1); | |||
var cellPillDosage = row.insertCell(2); | |||
var cellPillIngred = row.insertCell(3); | |||
var cellPillColor = row.insertCell(4); | |||
var cellPillShape = row.insertCell(5); | |||
var cellPillSize = row.insertCell(6); | |||
var cellPillSocring = row.insertCell(7); | |||
var cellNDC = row.insertCell(8); | |||
var cellPillName = row.insertCell(9); | |||
//Add Values to the cells: | |||
cellDrugName.innerHTML = drugNameShort ; | |||
cellPillImprint.innerHTML = pillImprint; | |||
cellPillDosage.innerHTML = pillDosage; | |||
cellPillIngred.innerHTML = pillIngred; | |||
cellPillColor.innerHTML = pillColor; | |||
cellPillShape.innerHTML = pillShape; | |||
cellPillSize.innerHTML = pillSize; | |||
cellPillSocring.innerHTML = pillScoring; | |||
cellNDC.innerHTML = ndc; | |||
cellPillName.innerHTML = pillName; | |||
*/ | |||
//Create a variable containing the HTML to be appended to the end of the table// | //Create a variable containing the HTML to be appended to the end of the table// | ||
var newRow = '<tr> <td>' + drugNameShort + '</td> <td>' + pillImprint + '</td> <td>' + pillDosage + '</td> <td>' + pillIngred + '</td> <td>' + pillColor + '</td> <td>' + pillShape + '</td> <td>' + pillSize + '</td> <td>' + ndc + '</td> <td>' + pillName + '</td> </tr>'; | var newRow = '<tr> <td>' + drugNameShort + '</td> <td>' + pillImprint + '</td> <td>' + pillDosage + '</td> <td>' + pillIngred + '</td> <td>' + pillColor + '</td> <td>' + pillShape + '</td> <td>' + pillSize + '</td> <td>' + ndc + '</td> <td>' + pillName + '</td> </tr>'; | ||
//Append the new row with the information.// | //Append the new row with the information.// | ||
$('#resultsTable-body').append(newRow); | $('#resultsTable-body').append(newRow); | ||
} | }; | ||
); | ); | ||
}); | }); | ||
); | ); | ||
}); | }); | ||
</script> | </script> | ||
<div id="resultsTable-container"> | <div id="resultsTable-container"> | ||