2017-06-09 2 views
-4

Ich schrieb diesen einfachen Code, der Parameter aus der Datenbank Caspio übernimmt, um eine einfache Tabelle zu erstellen. Ich möchte nur, dass diese Tabelle 1. alle Felder entfernt, die leer sind (vom Benutzer nicht ausgefüllt) und 2. abwechselnde farbige Zeilen haben, um es einfacher zu sehen. Ich habe durch die anderen Foren geschaut, aber ich kann keine gute Lösung finden (ich bin neu in JS). Der Code funktioniert in JSFiddle sowie ein paar andere HTML-Editoren, aber nicht alle und es funktioniert nicht wenn ich es umsetze. Sieht jemand das Problem? Ich habe meinen ganzen Code angehängt. Nur die Javascript-Datei, es gibt keine anderen Anhänge.Javascript läuft nicht im Browser, aber arbeitet in JSFiddle und einigen anderen HTML-Editoren

https://jsfiddle.net/c0yoat51/

<table cellpadding="10" class="Form" BORDER="5" WIDTH="95%"> 
    <tbody> 
    <tr> 
     <th colspan="2">&nbsp; 
     <h3>[@field:TestOrder] - [@field:Facility]</h3> 
     </th> 
    </tr> 
    </tbody> 
    <colgroup> 
    <col width="250" /> 
    <col width="750" /> 
    </colgroup> 
    <tbody> 
    <tr> 
     <th>FIELD</th> 
     <th>RESPONSE</th> 
    </tr> 
    <tr align="LEFT"> 
     <td>Facility :</td> 
     <td>[@field:Facility]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Patient ID :</td> 
     <td>[@field:PatientID]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>First Name :</td> 
     <td>[@field:PatientFirst]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Last Name :</td> 
     <td></td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Date of Birth:</td> 
     <td>[@field:DateOfBirth]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Gender :</td> 
     <td></td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Primary Phone :</td> 
     <td>[@field:PrimaryPhone]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Secondary Phone :</td> 
     <td>[@field:SecondaryPhone]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Emergency Contact :</td> 
     <td>[@field:EmergencyContact]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Emergency Number :</td> 
     <td>[@field:EmergencyNumber]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Patient Address :</td> 
     <td>[@field:PatientAddress]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>City :</td> 
     <td>[@field:City]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>State :</td> 
     <td>[@field:State ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Zip Code :</td> 
     <td>[@field:ZipCode]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Special Instructions :</td> 
     <td>[@field:SpecialInstructions]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Primary Insurance :</td> 
     <td>[@field:PrimaryInsurance]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Primary Subscriber ID :</td> 
     <td>[@field:PrimarySubscriberID]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Primary Subscriber Relationship :</td> 
     <td>[@field:PrmarySubscriberRelationship]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Secondary Insurance :</td> 
     <td>[@field:SecondaryInsurance ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Secondary Insurance ID :</td> 
     <td>[@field:SecondaryInsuranceID ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Secondary Subscriber Relationship :</td> 
     <td>[@field:SecondarySubscriberRelationship ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Diagnosis :</td> 
     <td>[@field:Diagnosis]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Other Diagnosis :</td> 
     <td>[@field:OtherDiagnosis]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Physician Name :</td> 
     <td>[@field:PhysicianName ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Other Physician :</td> 
     <td>[@field:OtherPhysician]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Physician Phone :</td> 
     <td>[@field:PhysicianPhone]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Physician Fax :</td> 
     <td>[@field:PhysicianFax]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>After Hours Phone :</td> 
     <td>[@field:AfterHoursPhone]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Test Order :</td> 
     <td>[@field:TestOrder]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Test Duration :</td> 
     <td>[@field:TestDuration]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Holter Performed :</td> 
     <td>[@field:HolterPerformed]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Holter Test Order :</td> 
     <td>[@field:HolterTestOrder]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Holter Duration :</td> 
     <td>[@field:HolterDuration]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Previous Holter Date :</td> 
     <td>[@field:PreviousHolterDate]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Requested Start Date :</td> 
     <td>[@field:RequestedStartDate]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Receive Monitor :</td> 
     <td>[@field:ReceiveMonitor]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Recorder ID Number :</td> 
     <td>[@field:RecorderIDNumber ]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>H_P :</td> 
     <td>[@field:H_P]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Upload HP :</td> 
     <td>[@field:UpploadHP]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Authorize :</td> 
     <td>[@field:Authorize]</td> 
    </tr> 
    <tr align="LEFT"> 
     <td>Submit :</td> 
     <td></td> 
    </tr> 

    </tbody> 
</table> 
<script type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
    $('.Form tr').filter(function() { 
    return $(this).find('td:eq(1):empty').length > 0; 
    }).hide(); 

</script> 
<style type="text/css"> 
    tr:nth-child(even) { 
    background-color: #D3D3D3 
    } 

</style> 

Bitte helfen Sie und Dank!

die alle Javascript-Code ist unten, der Rest macht nur die Tabelle

Also der gleiche Code, kopiert und eingefügt werden nicht an https://html-online.com/editor/

+1

Aktualisiert passende "Code benötigt wird, zu unterbreiten, aber bitte schauen Sie sich jsfiddle Datei?" Bitte tu das nicht. Sie müssen Code in die Frage einfügen, weil Sie * den Code in die Frage einbeziehen sollen. * [Ask] [mcve] –

+0

Ihre js Geige funktioniert auch nicht, weil sie kein leeres Element hat – prasanth

+0

Entschuldigung, ich habe die eingefügt Code. Die JS Fiddle versteckt die Felder "Geschlecht", "Nachname" und "Submit" –

Antwort

1

arbeiten werden Sie Ihren Code benötigen gelten mit in document.ready. Es wird nur Fenster nach dem Laden ausgeführt. nbsp; Wählen Sie nicht aus :empty .Sie müssen trim(). Dann erhalten Sie nur den leeren Raum td auch. ! das leere Element td

$(document).ready(function() { 
    $('.Form').find('tbody tr').filter(function() { 
     return !$(this).find('td:eq(1)').text().trim() 
     }).hide() 
    }) 

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Nisha Jewellery</title> 
 
    <meta name="viewport" content="width=device-width,initial-scale=1.0"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
    <script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $('.Form').find('tbody tr').filter(function() { 
 
     return !$(this).find('td:eq(1)').text().trim() 
 
     }).hide() 
 
    }) 
 
    </script> 
 
    <style type="text/css"> 
 
    tr:nth-child(even) { 
 
     background-color: #D3D3D3 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <table class="Form" border="5" width="95%" cellpadding="10"> 
 
    <thead> 
 
     <tr> 
 
     <th colspan="2">&nbsp; 
 
      <h3>[@field:TestOrder] - [@field:Facility]</h3> 
 
     </th> 
 
     </tr> 
 
    </thead> 
 
    <colgroup> 
 
     <col width="250" /> 
 
     <col width="750" /> </colgroup> 
 
    <tbody> 
 
     <tr> 
 
     <th>FIELD</th> 
 
     <th>RESPONSE</th> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Facility :</td> 
 
     <td>[@field:Facility]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Patient ID :</td> 
 
     <td>[@field:PatientID]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>First Name :</td> 
 
     <td>[@field:PatientFirst]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Last Name :</td> 
 
     <td>&nbsp;</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Date of Birth:</td> 
 
     <td>[@field:DateOfBirth]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Gender :</td> 
 
     <td>&nbsp;</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Primary Phone :</td> 
 
     <td>[@field:PrimaryPhone]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Secondary Phone :</td> 
 
     <td>[@field:SecondaryPhone]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Emergency Contact :</td> 
 
     <td>[@field:EmergencyContact]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Emergency Number :</td> 
 
     <td>[@field:EmergencyNumber]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Patient Address :</td> 
 
     <td>[@field:PatientAddress]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>City :</td> 
 
     <td>[@field:City]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>State :</td> 
 
     <td>[@field:State ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Zip Code :</td> 
 
     <td>[@field:ZipCode]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Special Instructions :</td> 
 
     <td>[@field:SpecialInstructions]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Primary Insurance :</td> 
 
     <td>[@field:PrimaryInsurance]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Primary Subscriber ID :</td> 
 
     <td>[@field:PrimarySubscriberID]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Primary Subscriber Relationship :</td> 
 
     <td>[@field:PrmarySubscriberRelationship]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Secondary Insurance :</td> 
 
     <td>[@field:SecondaryInsurance ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Secondary Insurance ID :</td> 
 
     <td>[@field:SecondaryInsuranceID ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Secondary Subscriber Relationship :</td> 
 
     <td>[@field:SecondarySubscriberRelationship ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Diagnosis :</td> 
 
     <td>[@field:Diagnosis]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Other Diagnosis :</td> 
 
     <td>[@field:OtherDiagnosis]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Physician Name :</td> 
 
     <td>[@field:PhysicianName ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Other Physician :</td> 
 
     <td>[@field:OtherPhysician]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Physician Phone :</td> 
 
     <td>[@field:PhysicianPhone]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Physician Fax :</td> 
 
     <td>[@field:PhysicianFax]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>After Hours Phone :</td> 
 
     <td>[@field:AfterHoursPhone]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Test Order :</td> 
 
     <td>[@field:TestOrder]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Test Duration :</td> 
 
     <td>[@field:TestDuration]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Holter Performed :</td> 
 
     <td>[@field:HolterPerformed]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Holter Test Order :</td> 
 
     <td>[@field:HolterTestOrder]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Holter Duration :</td> 
 
     <td>[@field:HolterDuration]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Previous Holter Date :</td> 
 
     <td>[@field:PreviousHolterDate]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Requested Start Date :</td> 
 
     <td>[@field:RequestedStartDate]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Receive Monitor :</td> 
 
     <td>[@field:ReceiveMonitor]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Recorder ID Number :</td> 
 
     <td>[@field:RecorderIDNumber ]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>H_P :</td> 
 
     <td>[@field:H_P]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Upload HP :</td> 
 
     <td>[@field:UpploadHP]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Authorize :</td> 
 
     <td>[@field:Authorize]</td> 
 
     </tr> 
 
     <tr align="LEFT"> 
 
     <td>Submit :</td> 
 
     <td>&nbsp;</td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</body> 
 

 
</html>

+0

Der gleiche Code wird nicht ausgeführt: https://html-online.com/editor/ –

+0

@DavidHo siehe meine aktualisierte Antwort – prasanth

+0

Perfekt! Ich danke dir sehr. Gibt es eine Möglichkeit, dass Sie das in eine jsfiddle und posten können, weil es funktioniert, aber da ich neu in Javascript bin, weiß ich nicht genau, was in den HTML-Code, um es auszuführen, wo ich will. Aber der Code funktioniert !! Ich habe kein CSS-Teil, nur rein html. Nochmals vielen Dank –

Verwandte Themen