Widget:PillIdentifier: Difference between revisions

Jump to navigation Jump to search
(Created page with "<includeonly> <script content-type= "application/javascript" src="http://www.wikidoc.org/includes/raty/md5.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jq...")
 
No edit summary
Line 259: Line 259:
}
}
</style>
</style>




Line 270: Line 271:
             <div id="pillShapeContainer" class="propertyContainer" data-val="Shape">
             <div id="pillShapeContainer" class="propertyContainer" data-val="Shape">
             <div id="pillShapeContainer_Row1" class="pillContainer_Row">
             <div id="pillShapeContainer_Row1" class="pillContainer_Row">
                     <div id="Shape_Round" class="pillShapeOption" data-val="Round" data-prop="selectedShape"><img src="images/Round_Grey_Pill.jpg" alt="Round Pill"/></div>
                     <div id="Shape_Round" class="pillShapeOption" data-val="Round" data-prop="selectedShape"><img src="http://static.wikidoc.org/7/79/Round_Grey_Pill.png" alt="Round Pill"/></div>
                     <div id="Shape_Oval" class="pillShapeOption" data-val="Oval" data-prop="selectedShape"><img src="images/Oval_Grey_Pill.jpg" alt="Oval Pill"/></div>
                     <div id="Shape_Oval" class="pillShapeOption" data-val="Oval" data-prop="selectedShape"><img src="http://static.wikidoc.org/3/3d/Oval_Grey_Pill.png" alt="Oval Pill"/></div>
                     <div id="Shape_Square" class="pillShapeOption" data-val="Square" data-prop="selectedShape"><img src="images/Square_Grey_Pill.jpg" alt="Square Pill"/></div>
                     <div id="Shape_Square" class="pillShapeOption" data-val="Square" data-prop="selectedShape"><img src="http://static.wikidoc.org/e/e9/Square_Grey_Pill.png" alt="Square Pill"/></div>
                     <div id="Shape_Rectangular" class="pillShapeOption" data-val="Rectangular" data-prop="selectedShape"><img src="images/Rectangular_Grey_Pill.jpg" alt="Rectangular Pill"/></div>
                     <div id="Shape_Rectangular" class="pillShapeOption" data-val="Rectangular" data-prop="selectedShape"><img src="http://static.wikidoc.org/8/8e/Rectangular_Grey_Pill.png" alt="Rectangular Pill"/></div>
                     <div id="Shape_Triangular" class="pillShapeOption" data-val="Triangular" data-prop="selectedShape"><img src="images/Triangular_Grey_Pill.jpg" alt="Triangular Pill"/></div>
                     <div id="Shape_Triangular" class="pillShapeOption" data-val="Triangular" data-prop="selectedShape"><img src="http://static.wikidoc.org/c/cb/Triangular_Grey_Pill.png" alt="Triangular Pill"/></div>
                     <div id="Shape_Capsule" class="pillShapeOption" data-val="Capsule" data-prop="selectedShape"><img src="images/Capsule_Grey_Pill.jpg" alt="Capsule"/></div>
                     <div id="Shape_Capsule" class="pillShapeOption" data-val="Capsule" data-prop="selectedShape"><img src="http://static.wikidoc.org/b/b8/Capsule_Grey_Pill.png" alt="Capsule"/></div>
                 </div>
                 </div>
                 <div id="pillShapeContainer_Row2" class="pillContainer_Row">
                 <div id="pillShapeContainer_Row2" class="pillContainer_Row">
                     <div id="Shape_Diamond" class="pillShapeOption" data-val="Diamond" data-prop="selectedShape"><img src="images/Diamond_Grey_Pill_alt.jpg" alt="Diamond Pill"/></div>
                     <div id="Shape_Diamond" class="pillShapeOption" data-val="Diamond" data-prop="selectedShape"><img src="http://static.wikidoc.org/9/98/Diamond_Grey_Pill.png" alt="Diamond Pill"/></div>
                     <div id="Shape_Pentagon" class="pillShapeOption" data-val="Pentagon" data-prop="selectedShape"><img src="images/Pentagon_Grey_Pill.jpg" alt="Pentagon Pill"/></div>
                     <div id="Shape_Pentagon" class="pillShapeOption" data-val="Pentagon" data-prop="selectedShape"><img src="http://static.wikidoc.org/b/be/Pentagon_Grey_Pill.png" alt="Pentagon Pill"/></div>
                     <div id="Shape_Hexagon" class="pillShapeOption" data-val="Hexagon" data-prop="selectedShape"><img src="images/Hexagon_Grey_Pill.jpg" alt="Hexagon Pill"/></div>
                     <div id="Shape_Hexagon" class="pillShapeOption" data-val="Hexagon" data-prop="selectedShape"><img src="http://static.wikidoc.org/2/25/Hexagon_Grey_Pill.png" alt="Hexagon Pill"/></div>
                     <div id="Shape_Octagon" class="pillShapeOption" data-val="Octagon" data-prop="selectedShape"><img src="images/Octagon_Grey_Pill.jpg" alt="Octagon Pill"/></div>
                     <div id="Shape_Octagon" class="pillShapeOption" data-val="Octagon" data-prop="selectedShape"><img src="http://static.wikidoc.org/f/f7/Octagon_Grey_Pill.png" alt="Octagon Pill"/></div>
                     <div id="Shape_DoubleCircle" class="pillShapeOption" data-val="DoubleCircle" data-prop="selectedShape"><img src="images/Double_Circle_Grey_Pill.jpg" alt="Double Circle Pill"/></div>
                     <div id="Shape_DoubleCircle" class="pillShapeOption" data-val="DoubleCircle" data-prop="selectedShape"><img src="http://static.wikidoc.org/7/73/Double_Circle_Grey_Pill.png" alt="Double Circle Pill"/></div>
                     <div id="Shape_Clover" class="pillShapeOption" data-val="Clover" data-prop="selectedShape"><img src="images/Clover_Grey_Pill.jpg" alt="Clover Pill"/></div>
                     <div id="Shape_Clover" class="pillShapeOption" data-val="Clover" data-prop="selectedShape"><img src="http://static.wikidoc.org/a/a3/Clover_Grey_Pill.png" alt="Clover Pill"/></div>
             </div>
             </div>
                 <div id="pillShapeContainer_Row3" class="pillContainer_Row">
                 <div id="pillShapeContainer_Row3" class="pillContainer_Row">
                     <div id="Shape_Gear" class="pillShapeOption" data-val="Gear" data-prop="selectedShape"><img src="images/Gear_Grey_Pill.jpg" alt="Gear Pill"/></div>
                     <div id="Shape_Gear" class="pillShapeOption" data-val="Gear" data-prop="selectedShape"><img src="http://static.wikidoc.org/5/56/Gear_Grey_Pill.png" alt="Gear Pill"/></div>
                     <div id="Shape_Bullet" class="pillShapeOption" data-val="Bullet" data-prop="selectedShape"><img src="images/Bullet_Grey_Pill.jpg" alt="Bullet Pill"/></div>
                     <div id="Shape_Bullet" class="pillShapeOption" data-val="Bullet" data-prop="selectedShape"><img src="http://static.wikidoc.org/8/8c/Bullet_Grey_Pill.png" alt="Bullet Pill"/></div>
                     <div id="Shape_SemiCircle" class="pillShapeOption" data-val="SemiCircle" data-prop="selectedShape"><img src="images/SemiCircle_Grey_Pill.jpg" alt="Semi-Circle Pill"/></div>
                     <div id="Shape_SemiCircle" class="pillShapeOption" data-val="SemiCircle" data-prop="selectedShape"><img src="http://static.wikidoc.org/8/80/SemiCircle_Grey_Pill.png" alt="Semi-Circle Pill"/></div>
                     <div id="Shape_Trapezoid" class="pillShapeOption" data-val="Trapezoid" data-prop="selectedShape"><img src="images/Trapezoid_Grey_Pill.jpg" alt="Trapezoid Pill"/></div>
                     <div id="Shape_Trapezoid" class="pillShapeOption" data-val="Trapezoid" data-prop="selectedShape"><img src="http://static.wikidoc.org/7/7a/Trapezoid_Grey_Pill.png" alt="Trapezoid Pill"/></div>
                     <div id="Shape_Tear_Drop" class="pillShapeOption" data-val="TearDrop" data-prop="selectedShape"><img src="images/Tear_Drop_Grey_Pill.jpg" alt="Tear Drop Pill"/></div>
                     <div id="Shape_Tear_Drop" class="pillShapeOption" data-val="TearDrop" data-prop="selectedShape"><img src="http://static.wikidoc.org/9/9a/Tear_Drop_Grey_Pill.png" alt="Tear Drop Pill"/></div>
                     <div id="Shape_Free_Form" class="pillShapeOption" data-val="FreeForm" data-prop="selectedShape"><img src="images/Free_Form_Grey_Pill.jpg" alt="Free Form Pill"/></div>
                     <div id="Shape_Free_Form" class="pillShapeOption" data-val="FreeForm" data-prop="selectedShape"><img src="http://static.wikidoc.org/f/fa/Free_Form_Grey_Pill.png" alt="Free Form Pill"/></div>
                 </div>
                 </div>
             </div>
             </div>
Line 299: Line 300:
             <div id="pillColorContainer" class="propertyContainer">
             <div id="pillColorContainer" class="propertyContainer">
                 <div id="pillColorContainer_Row1" class="pillContainer_Row">
                 <div id="pillColorContainer_Row1" class="pillContainer_Row">
                     <div id="Color_RedBrown" class="pillColorOption" data-val="Brown" data-prop="selectedColor"><img src="images/Pid_redbrown.png" alt="Red/Brown"></div>
                     <div id="Color_RedBrown" class="pillColorOption" data-val="Brown" data-prop="selectedColor"><img src="http://static.wikidoc.org/8/8a/Pid_redbrown.png" alt="Red/Brown"></div>
                     <div id="Color_Orange" class="pillColorOption" data-val="Orange" data-prop="selectedColor"><img src="images/Pid_orange.png" alt="Orange"></div>
                     <div id="Color_Orange" class="pillColorOption" data-val="Orange" data-prop="selectedColor"><img src="http://static.wikidoc.org/a/ae/Pid_orange.png" alt="Orange"></div>
                     <div id="Color_Yellow" class="pillColorOption" data-val="Yellow" data-prop="selectedColor"><img src="images/Pid_yellow.png" alt="Yellow"></div>
                     <div id="Color_Yellow" class="pillColorOption" data-val="Yellow" data-prop="selectedColor"><img src="http://static.wikidoc.org/e/e3/Pid_yellow.png" alt="Yellow"></div>
                     <div id="Color_Green" class="pillColorOption" data-val="Green" data-prop="selectedColor"><img src="images/Pid_green.png" alt="Green"></div>
                     <div id="Color_Green" class="pillColorOption" data-val="Green" data-prop="selectedColor"><img src="http://static.wikidoc.org/c/c0/Pid_green.png" alt="Green"></div>
                     <div id="Color_Torqouise" class="pillColorOption" data-val="Torquoise" data-prop="selectedColor"><img src="images/Pid_turquoise.png" alt="Torqouise"></div>
                     <div id="Color_Torqouise" class="pillColorOption" data-val="Torquoise" data-prop="selectedColor"><img src="http://static.wikidoc.org/1/11/Pid_turquoise.png" alt="Torqouise"></div>
                     <div id="Color_Blue" class="pillColorOption" data-val="Blue" data-prop="selectedColor"><img src="images/Pid_blue.png" alt="Blue"></div>
                     <div id="Color_Blue" class="pillColorOption" data-val="Blue" data-prop="selectedColor"><img src="http://static.wikidoc.org/7/70/Pid_blue.png" alt="Blue"></div>
                 </div>
                 </div>
                 <div id="pillColorContainer_Row2" class="pillContainer_Row">
                 <div id="pillColorContainer_Row2" class="pillContainer_Row">
                     <div id="Color_Purple" class="pillColorOption" data-val="Purple" data-prop="selectedColor"><img src="images/Pid_purple.png" alt="Purple"></div>
                     <div id="Color_Purple" class="pillColorOption" data-val="Purple" data-prop="selectedColor"><img src="http://static.wikidoc.org/1/19/Pid_purple.png" alt="Purple"></div>
                     <div id="Color_Pink" class="pillColorOption" data-val="Pink" data-prop="selectedColor"><img src="images/Pid_pink.png" alt="Pink"></div>
                     <div id="Color_Pink" class="pillColorOption" data-val="Pink" data-prop="selectedColor"><img src="http://static.wikidoc.org/9/97/Pid_pink.png" alt="Pink"></div>
                     <div id="Color_Black" class="pillColorOption" data-val="Black" data-prop="selectedColor"><img src="images/Pid_black.png" alt="Black"></div>
                     <div id="Color_Black" class="pillColorOption" data-val="Black" data-prop="selectedColor"><img src="http://static.wikidoc.org/c/cb/Pid_black.png" alt="Black"></div>
                     <div id="Color_Grey" class="pillColorOption" data-val="Grey" data-prop="selectedColor"><img src="images/Pid_grey.png" alt="Grey"></div>
                     <div id="Color_Grey" class="pillColorOption" data-val="Grey" data-prop="selectedColor"><img src="http://static.wikidoc.org/f/f5/Pid_grey.png" alt="Grey"></div>
                     <div id="Color_White" class="pillColorOption" data-val="White" data-prop="selectedColor"><img src="images/Pid_white.png" alt="White"></div>
                     <div id="Color_White" class="pillColorOption" data-val="White" data-prop="selectedColor"><img src="http://static.wikidoc.org/d/d2/Pid_white.png" alt="White"></div>
                 </div>
                 </div>
             </div>
             </div>
Line 319: Line 320:
             <div id="pillScoreContainer" class = "propertyContainer">
             <div id="pillScoreContainer" class = "propertyContainer">
             <div id="pillScoreContainer_Row1" class="pillContainer_Row">
             <div id="pillScoreContainer_Row1" class="pillContainer_Row">
             <div id="pillScore1" class="pillScoreOption" data-val="1" data-prop="selectedScoring"><img src="images/Score_1_Grey_Pill.jpg" alt="Score 1"></div>
             <div id="pillScore1" class="pillScoreOption" data-val="1" data-prop="selectedScoring"><img src="http://static.wikidoc.org/f/f2/Score_1_Grey_Pill.jpg" alt="Score 1"></div>
             <div id="pillScore2" class="pillScoreOption" data-val="2" data-prop="selectedScoring"><img src="images/Score_2_Grey_Pill.jpg" alt="Score 2"></div>
             <div id="pillScore2" class="pillScoreOption" data-val="2" data-prop="selectedScoring"><img src="http://static.wikidoc.org/9/95/Score_2_Grey_Pill.jpg" alt="Score 2"></div>
             </div>
             </div>
             <div id="pillScoreContainer_Row2" class="pillContainer_Row">
             <div id="pillScoreContainer_Row2" class="pillContainer_Row">
             <div id="pillScore3" class="pillScoreOption" data-val="3" data-prop="selectedScoring"><img src="images/Score_3_Grey_Pill.jpg" alt="Score 3"></div>
             <div id="pillScore3" class="pillScoreOption" data-val="3" data-prop="selectedScoring"><img src="http://static.wikidoc.org/d/d9/Score_3_Grey_Pill.jpg" alt="Score 3"></div>
             <div id="pillScore4" class="pillScoreOption" data-val="4" data-prop="selectedScoring"><img src="images/Score_4_Grey_Pill.jpg" alt="Score 4"></div>
             <div id="pillScore4" class="pillScoreOption" data-val="4" data-prop="selectedScoring"><img src="http://static.wikidoc.org/3/35/Score_4_Grey_Pill.jpg" alt="Score 4"></div>
             </div>
             </div>
             </div>
             </div>
Line 351: Line 352:
             </div>
             </div>
         </div>
         </div>
<div id = "misc" class="propertyContainerActive">
<div id = "misc" class="propertyContainerActive">
         <form name="selectMisc">
         <form name="selectMisc">
                 <div class="pillMiscContainer" id="queryContainer-Imprint" data-prop="selectedImprint" data-inputName="pillImprint">
                 <div class="pillMiscContainer" id="queryContainer-Imprint" data-prop="selectedImprint" data-inputName="pillImprint">
Line 395: Line 396:
     </div>
     </div>
</div>
</div>
<div id="resultsTable-container" style="visibility:collapse;">
    <table id="resultsTable" class="resultsTable-class">
        <thead>
            <th>
            Drug Name
            </th>
           
            <th>
            Pill Imprint
            </th>
           
            <th style="width:60px;">
            Dosage
            </th>
           
            <th>
            Ingredients
            </th>
           
            <th style="width:60px;">
            Pill Color
            </th>
           
            <th style="width:60px;">
            Pill Shape
            </th>
           
            <th>
            Pill Size (mm)
            </th>
           
            <th style="width:60px;">
            Score
            </th>
           
            <th>
            NDC
            </th>
           
            <th style="width:360px;">
            Pill Image
            </th>
        </thead>
       
        <tbody id="resultsTable-body">
       
        </tbody>
</table>
</div>


</includeonly>
</includeonly>

Revision as of 03:08, 31 July 2015