body map separate functions dynamic
Body map can populated, edited to get selected body parts. Populates selected parts dynamically.
by rao b
HTML
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<textarea id="selectedBodyPart" >
</textarea>
<div id="bodyMapContainer">
</div>
CSS
body{
background-color: white;
}
#selectedBodyPart{
width : 40%;
height : 300px;
display : inline-block;
vertical-align: top;
}
#bodyMapContainer{
width:55%;
overflow : hidden;
display : inline-block;
}
JavaScript
var lookup = {
"foreheadleftcentre": "Forehead Left & Centre",
"foreheadrightcenter": "Forehead Right & Center",
"lefteye": "Left Eye",
"righteye": "Right Eye",
"nose": "Nose",
"leftear": "Left Ear",
"rightear": "Right Ear",
"mouthcheek": "Mouth & Cheek",
"chin": "Chin",
"leftshoulderfront": "Left Shoulder Front",
"leftupperarmfrontouter": "Left Upper Arm Front Outer",
"leftupperarmfrontinner": "Left Upper Arm Front Inner",
"leftarminsideelbow": "Left Arm Inside Elbow",
"leftforearminner": "Left Forearm Inner",
"leftwristinner": "Left Wrist Inner",
"rightwristinner": "Right Wrist Inner",
"rightforearminner": "Right Forearm Inner",
"rightarminsideelbow": "Right Arm Inside Elbow",
"rightupperarmfrontinner": "Right Upper Arm Front Inner",
"rightupperarmfrontouter": "Right Upper Arm Front Outer",
"rightshoulderfront": "Right Shoulder Front",
"neckfrontrightcentre": "Neck Front Right to Centre",
"neckfrontleftcentre": "Neck Front Left to Centre",
"chestright": "Chest Right",
"chestleft": "Chest Left",
"leftabdomen": "Left Abdomen",
"rightabdomen": "Right Abdomen",
"gentitalarea": "Gentital Area",
"lefthip": "Left Hip",
"righthip": "Right Hip",
"leftbigtoe": "Left Big Toe",
"lefttoes": "Left Toes",
"leftfootupper": "Left Foot Upper",
"left Ankle": "Left Ankle",
"leftshin": "Left Shin",
"leftknee": "Left Knee",
"leftlegupper": "Left Leg Upper",
"innerthighfrontleft": "Inner Thigh Front Left",
"innerthighfrontright": "Inner Thigh Front Right",
"rightlegupper": "Right Leg Upper",
"rightknee": "Right knee",
"rightshin": "Right Shin",
"rightankle": "Right Ankle",
"rightfootupper": "Right Foot Upper",
"rightbigtoe": "Right Big Toe",
"righttoes": "Right Toes",
"headtoprightcentre": "Head Top Right to Centre",
"headtopleftcentre": "Head Top Left to Centre",
"headrearleftcentre": "Head Rear left to Centre",
"headrearrightcentre": "Head Rear Right to Centre",
"neckrearrightcentre": "Neck Rear Right to Centre",
"neckrear...