https://lipidbank.jp/mediawiki/index.php?action=history&feed=atom&title=MediaWiki%3APathwayEditor.js
MediaWiki:PathwayEditor.js - Revision history
2026-05-30T22:48:06Z
Revision history for this page on the wiki
MediaWiki 1.43.0
https://lipidbank.jp/mediawiki/index.php?title=MediaWiki:PathwayEditor.js&diff=115292&oldid=prev
Tipputa at 07:03, 26 April 2018
2018-04-26T07:03:03Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 16:03, 26 April 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l482">Line 482:</td>
<td colspan="2" class="diff-lineno">Line 482:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translate(-6px, 10px)"> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translate(-6px, 10px)"> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/d/d7/GL03.png style=" height:40px;transform:translateX(16px);"/ ></td> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/d/d7/GL03.png style=" height:40px;transform:translateX(16px);"/ ></td> \</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=left style="line-height:<del style="font-weight: bold; text-decoration: none;">0</del>%;">'+fontChange(R1)+'</td></tr> \</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=left style="line-height:<ins style="font-weight: bold; text-decoration: none;">50</ins>%;">'+fontChange(R1)+'</td></tr> \</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:<del style="font-weight: bold; text-decoration: none;">0</del>%;">'+fontChange(R2)+'</td></tr> \</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:<ins style="font-weight: bold; text-decoration: none;">50</ins>%;">'+fontChange(R2)+'</td></tr> \</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:<del style="font-weight: bold; text-decoration: none;">0</del>%;">' + fontChange(R3)+ '</td></tr></table>';</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:<ins style="font-weight: bold; text-decoration: none;">50</ins>%;">' + fontChange(R3)+ '</td></tr></table>';</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> ll.push(txt);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> ll.push(txt);</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<!-- diff cache key wikidb:diff:1.41:old-115288:rev-115292:php=table -->
</table>
Tipputa
https://lipidbank.jp/mediawiki/index.php?title=MediaWiki:PathwayEditor.js&diff=115288&oldid=prev
Tipputa at 06:47, 26 April 2018
2018-04-26T06:47:34Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:47, 26 April 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l481">Line 481:</td>
<td colspan="2" class="diff-lineno">Line 481:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translate(-6px, 10px)"> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translate(-6px, 10px)"> \</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src<del style="font-weight: bold; text-decoration: none;">=</del>=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style=" height:40px;transform:translateX(16px);"/ ></td> \</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">d</ins>/<ins style="font-weight: bold; text-decoration: none;">d7</ins>/<ins style="font-weight: bold; text-decoration: none;">GL03</ins>.png style=" height:40px;transform:translateX(16px);"/ ></td> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=left style="line-height:0%;">'+fontChange(R1)+'</td></tr> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=left style="line-height:0%;">'+fontChange(R1)+'</td></tr> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:0%;">'+fontChange(R2)+'</td></tr> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=left style="line-height:0%;">'+fontChange(R2)+'</td></tr> \</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l495">Line 495:</td>
<td colspan="2" class="diff-lineno">Line 495:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translateY(10px)">\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translateY(10px)">\</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style="height:50px;transform:translateX(18px);"/></td> \</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">d</ins>/<ins style="font-weight: bold; text-decoration: none;">d7</ins>/<ins style="font-weight: bold; text-decoration: none;">GL03</ins>.png style="height:50px;transform:translateX(18px);"/></td> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style=" height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">3</ins>/<ins style="font-weight: bold; text-decoration: none;">31</ins>/<ins style="font-weight: bold; text-decoration: none;">GLrev</ins>.png style=" height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td></tr></table>'</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td></tr></table>'</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l515">Line 515:</td>
<td colspan="2" class="diff-lineno">Line 515:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var txt = '\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translateY(10px)"> \</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <table align=center style="transform:translateY(10px)"> \</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style=" height:50px;transform:translateX(18px);"/ ></td>\</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <tr><td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">d</ins>/<ins style="font-weight: bold; text-decoration: none;">d7</ins>/<ins style="font-weight: bold; text-decoration: none;">GL03</ins>.png style=" height:50px;transform:translateX(18px);"/ ></td>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style="height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">3</ins>/<ins style="font-weight: bold; text-decoration: none;">31</ins>/<ins style="font-weight: bold; text-decoration: none;">GLrev</ins>.png style="height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr>\</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<del style="font-weight: bold; text-decoration: none;">8</del>/<del style="font-weight: bold; text-decoration: none;">8b</del>/<del style="font-weight: bold; text-decoration: none;">GL02</del>.png style=" height:50px;transform:translateX(18px);"/ ></td> \</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <td rowspan=3><img src=/mediawiki/images/<ins style="font-weight: bold; text-decoration: none;">d</ins>/<ins style="font-weight: bold; text-decoration: none;">d7</ins>/<ins style="font-weight: bold; text-decoration: none;">GL03</ins>.png style=" height:50px;transform:translateX(18px);"/ ></td> \</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <td nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td>\</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R6)+'</td></tr>\</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> </tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R6)+'</td></tr>\</div></td></tr>
<!-- diff cache key wikidb:diff:1.41:old-115279:rev-115288:php=table -->
</table>
Tipputa
https://lipidbank.jp/mediawiki/index.php?title=MediaWiki:PathwayEditor.js&diff=115279&oldid=prev
Tipputa: Created page with "var mdpe_draw = function(_base) { // 初期化 this.base = $(_base) ; this.svg = $("svg",base) ; this.bpos = {} ; // boxのinfo保存用 this.em = parseInt..."
2018-04-26T05:18:41Z
<p>Created page with "var mdpe_draw = function(_base) { // 初期化 this.base = $(_base) ; this.svg = $("svg",base) ; this.bpos = {} ; // boxのinfo保存用 this.em = parseInt..."</p>
<p><b>New page</b></p><div>var mdpe_draw = function(_base) {<br />
// 初期化<br />
this.base = $(_base) ;<br />
this.svg = $("svg",base) ;<br />
this.bpos = {} ; // boxのinfo保存用<br />
this.em = parseInt($('html').css('font-size')) ; // 基準とするフォントサイズ<br />
this.genebase = []; // gene infoの保存用<br />
this.dragDrop = {};<br />
var lp,le ; // boxの初期位置情報。随時更新される。<br />
<br />
// dataをセット (this.create, this.setgene) -> redraw<br />
this.setobj = function(data,delay) { // 初回描画時のみarrowをdelayさせる。<br />
this.genebase = [];<br />
$('div,table',this.base).remove() ;<br />
lp = {x:1,y:1} ;<br />
for(var i in data.box) {<br />
var pos = this.create(true,data.box[i]) ; // boxの基本情報作成<br />
this.bpos[data.box[i].id] = pos ; // boxのポジションを格納<br />
}<br />
for(var i in data.gene){<br />
this.setgene(data.gene[i]); // geneのidとinner情報を格納<br />
}<br />
var self = this ;<br />
this.redraw(data,delay); <br />
}<br />
<br />
// redraw (this.connect)<br />
this.redraw = function(data,delay) { <br />
for(var id in this.bpos) { // boxの位置情報を更新<br />
$('#'+id).css('left',this.bpos[id].x+"rem").css('top',this.bpos[id].y+"rem") ;<br />
}<br />
var base = this.base ;<br />
<br />
// geneとarrow情報を削除・新たに設定<br />
$("#base .label").remove();<br />
$("svg", base).remove() ;<br />
setTimeout($.proxy(function() { // 初回描画のみdelay<br />
s=[] ;<br />
for(var i in data.conn) { // コネクションの<br />
var c = data.conn[i]<br />
l = this.connect($("#"+c.from),$("#"+c.to),c.param) ; // => this.connect<br />
if(l!=null) {for(var j in l) {s.push(l[j]) ;}}<br />
}<br />
base.append("<svg>" + s.join("") + "</svg>"); // arrowの設定<br />
},this),(delay==true)?500:0) ;<br />
}<br />
<br />
// create dom block <br />
this.create = function(editable, box) {<br />
var d = editable?"true":"false" ;<br />
var type,inner;<br />
<br />
// tableかdivか判定。#や---が使用されていた場合はtable形式のboxになる<br />
if(typeof box.inner == "object" || box.title!=null) {<br />
if(typeof box.inner != "object") box.inner = [box.inner] ;<br />
for(var tr in box.inner) {<br />
var tt = box.inner[tr].split(" | ") ;<br />
if(tt.length>1) {<br />
box.inner[tr] = tt.join("</td><td>") ;<br />
} <br />
}<br />
type ="<table>" ;<br />
inner = "<tr><td>"+box.inner.join("</td></tr><tr><td>")+"</td></tr>";<br />
if(box.title!=null) inner = "<tr><th>"+box.title+"</th></tr>" +inner;<br />
} else {<br />
type = "<div>" ;<br />
inner = box.inner;<br />
}<br />
<br />
var pos = box.pos ;<br />
if(pos==undefined) {<br />
pos = lp ;<br />
}<br />
// <table> or <div>を作成。ここでは位置情報のセットはredrawで行う<br />
var e = $(type).addClass("box").attr('id',box.id).attr('title',box.id).<br />
attr('draggable',d).html(inner) ;<br />
if(box.cls) { // class情報の追加<br />
if(typeof box.cls == "string") box.cls = [box.cls] ;<br />
for(var i in box.cls) e.addClass(box.cls[i]) ;<br />
}<br />
if(box.size){<br />
e.css("width", box.size.w+"px").css("height", box.size.h+"px");<br />
}<br />
if(box.css){<br />
var css = box.css.split(";");<br />
for(var i in css){<br />
if(css[i] != ""){<br />
var css2 = css[i].split(":");<br />
if(css2.length>1) e.css(css2[0].trim(), css2[1].trim());<br />
}}<br />
}<br />
<br />
this.base.append(e) ;<br />
lp = {x:parseInt(pos.x) + round(parseInt(e.css('width'))/this.em)+2,y:parseInt(pos.y)+1};<br />
<br />
return pos ; // boxのポジションをreturn, この後this.bposにセット。<br />
}<br />
<br />
// set gene information<br />
this.setgene = function(gene) {<br />
var g = {id:gene.id, inner:gene.inner, cls:gene.cls, count:1};<br />
this.genebase.push(g);<br />
}<br />
<br />
<br />
// draw connect line <br />
this.connect = function(o1,o2,param) {<br />
if(o1.length==0 || o2.length==0) return null ;<br />
// start & end positionを2つのboxとconnectionのparameterから計算<br />
var sp = setConnectPos(o1, param.s_pos) ; <br />
var ep = setConnectPos(o2, param.e_pos) ;<br />
<br />
var fillcol = "#2c3e50"; // cssで設定されてる初期color; 適宜変更が必要<br />
<br />
// gene labelに関するパート<br />
// gene情報をclass=labelで追加<br />
if(param.gene != undefined){<br />
var id = param.gene;<br />
for(var i in this.genebase){<br />
if(id == this.genebase[i].id){<br />
var gene = this.genebase[i];<br />
// startとendの中点（mp）を算出<br />
var mpx = ((sp.x+ep.x)/2);<br />
var mpy = ((sp.y+ep.y)/2);<br />
var mp = {x:mpx, y:mpy};<br />
<br />
// geneが複数回使われるかもしれないため、idにcount情報追加。<br />
var newid = id + "_" + gene.count;<br />
g = $("<div>").addClass("label").attr("title",id).attr("id", newid).html(gene.inner).css('left', mp.x+"px").css('top',mp.y+"px");<br />
this.base.append(g);<br />
gene.count = gene.count + 1;<br />
<br />
// classの追加<br />
if(gene.cls) {<br />
if(typeof gene.cls == "string") gene.cls = [gene.cls] ;<br />
for(var j in gene.cls) g.addClass(gene.cls[j]) ;<br />
}<br />
<br />
// gene position (u|d|l|r)の判別・位置反映 =[]u()=><br />
// gposのが未指定の場合は中点にプロットされる。<br />
var Rawwidth = g.get(0).offsetWidth; // 描画時のサイズ取得<br />
var RawHeight = g.get(0).offsetHeight;<br />
var margine = 5; // arrowのmargine<br />
var margine2 = 10; // gene labelのmargine<br />
<br />
if(param.gpos != undefined){<br />
if(param.gpos.match(/^u/)){ // 上側にshift<br />
g.css('left',(mp.x - Rawwidth/2)+"px").css('top',(mp.y - RawHeight - margine2)+"px"); <br />
// arrowの為にstart endも修正<br />
ep.y = ep.y - margine; <br />
sp.y = sp.y -margine;<br />
} else if(param.gpos.match(/^d/)){ // 下側にshift<br />
g.css('left',(mp.x - Rawwidth/2)+"px").css('top',(mp.y + margine2)+"px"); <br />
ep.y = ep.y + margine;<br />
sp.y = sp.y + margine;<br />
} else if(param.gpos.match(/^l/)){ // 左側にshift<br />
g.css('left',(mp.x - Rawwidth - margine2)+"px").css('top',(mp.y - RawHeight/2)+"px"); <br />
ep.x = ep.x - margine;<br />
sp.x = sp.x - margine;<br />
} else if(param.gpos.match(/^r/)){ // 右側にshift<br />
g.css('left',(mp.x + margine2)+"px").css('top',(mp.y - RawHeight/2)+"px"); <br />
ep.x = ep.x + margine;<br />
sp.x = sp.x + margine;<br />
}<br />
}else{<br />
g.css('left',(mp.x - Rawwidth/2)+"px").css('top',(mp.y - RawHeight/2)+"px");<br />
}<br />
}<br />
}<br />
}<br />
<br />
<br />
// 以下はarrowに関するパート<br />
var ret = [];<br />
<br />
// class情報の格納<br />
var cls = "" ;<br />
if(param.cls) {<br />
var c = param.cls.split(" ") ;<br />
var cc = [] ;<br />
for(var i in c) {<br />
if(c[i].match(/^S|B$/)) {<br />
param.type = c[i] ; // S: 直線などは、classではなくまずはtypeに格納<br />
} else {<br />
cc.push(c[i]) ;<br />
if(!c[i].match(/^l_.*$/)){<br />
fillcol = c[i];<br />
}<br />
}<br />
}<br />
if(cc.length>0) cls = 'class="'+cc.join(" ")+'"' ;<br />
}<br />
<br />
// startとendが10px以下のずれの場合、矢印のend pointをstartと合わせる（直線にする）<br />
var diffPos = 10;<br />
if(Math.abs(sp.x - ep.x) < diffPos) {ep.x = sp.x; param.type=="S";}<br />
else if (Math.abs(sp.y - ep.y) < diffPos) {ep.y = sp.y; param.type=="S";}<br />
<br />
// 矢印ライン部分の追加<br />
// 直線の場合<br />
if(param.type=="S") {<br />
ret.push('<path d="M ' + sp.x + ' ' + sp.y + ' L ' + ep.x + ' ' + ep.y + ' ' + '" ' + cls + ' fill="None" />') ;<br />
} else { // それ以外のカーブの場合<br />
var pm = 50 ;<br />
ret.push('<path d="M ' + sp.x + ' ' + sp.y + ' C ' + (sp.x+sp.vx*pm) + ' ' + (sp.y+sp.vy*pm) + ' ' + (ep.x+ep.vx*pm) + ' ' + (ep.y+ep.vy*pm) + ' ' + (ep.x) + ' ' + (ep.y) + '" ' + cls + ' ' + 'fill="None" />') ;<br />
}<br />
<br />
// 矢印三角部分の追加 <br />
if(param.arrow) {<br />
var th = 3.14159*35/180 ;<br />
var an = 10 ;<br />
var v,p ;<br />
function rot(v,th) {<br />
var px = v.x * Math.cos(th) - v.y * Math.sin(th) ;<br />
var py = v.x * Math.sin(th) + v.y * Math.cos(th) ;<br />
var vn = Math.sqrt(px*px+py*py) ;<br />
return {x:px/vn,y:py/vn} ; <br />
}<br />
function av(sp,ep) {<br />
v = (param.type=="S")?{x:sp.x-ep.x ,y:sp.y-ep.y}:{x:ep.vx,y:ep.vy} ;<br />
p1 = rot(v,th) ;<br />
p2 = rot(v,-th) ;<br />
ret.push('<path d="M ' + ' ' + round(ep.x+p1.x*an) + ' ' + round(ep.y+p1.y*an) + ' L ' + ep.x + ' ' + ep.y + ' L ' + round(ep.x+p2.x*an) + ' ' + round(ep.y+p2.y*an) + ' Z" fill=' + fillcol + ' ' + cls + '/>')<br />
}<br />
if(param.arrow=="b"||param.arrow=="t") av(sp,ep) ;<br />
if(param.arrow=="b"||param.arrow=="f") av(ep,sp) ;<br />
}<br />
return ret // return {sp:sp,ep:ep} ;<br />
}<br />
<br />
// connectionの位置を計算<br />
function setConnectPos(o,f) {<br />
var sx = parseInt(o.css('left')) ;<br />
var sy = parseInt(o.css('top')) ;<br />
var w = parseInt(o.css('width')) ;<br />
var h = parseInt(o.css('height')) ;<br />
var tagName = o.prop("tagName"); <br />
var px,py,vx,vy ;<br />
var t = $('tr',o) ;<br />
var d = $('th,td',o) ;<br />
if(tagName == "TABLE"){<br />
if(t.length>0 && f.match(/(l|r)([0-9]+)/)) {<br />
vy = 0 ;<br />
if(RegExp.$1=="l") {<br />
px = sx ;<br />
vx = -1 ;<br />
} else if(RegExp.$1=="r") {<br />
px = sx+w ;<br />
vx = 1 ;<br />
}<br />
var tn = RegExp.$2-1 ;<br />
py = sy + t[tn].offsetTop+t[tn].offsetHeight/2 ;<br />
} else if(d.length>0 && f.match(/(u|d)([0-9]+)/)) {<br />
vx = 0 ;<br />
if(RegExp.$1=="u") {<br />
py = sy ;<br />
vy = -1 ;<br />
} else if(RegExp.$1=="d") {<br />
py = sy+h ;<br />
vy = 1 ;<br />
}<br />
var tn = (RegExp.$2!=undefined)?RegExp.$2-1:0 ;<br />
px = sx + d[tn].offsetLeft+d[tn].offsetWidth/2 ;<br />
} else {<br />
switch(f.substr(0,1)) {<br />
case 'u':<br />
px = sx+w/2 ;py = sy ; vx=0 ;vy=-1; break ;<br />
case 'd':<br />
px = sx+w/2 ;py = sy+h ; vx=0;vy=1; break ;<br />
case 'l':<br />
px = sx ;py = sy + h/2 ; vx=-1;vy=0; break ;<br />
case 'r':<br />
px = sx+w ;py = sy + h/2 ; vx=1;vy=0; break ;<br />
default:<br />
}<br />
}<br />
} else {<br />
switch(f.substr(0,1)) {<br />
case 'u':<br />
px = sx+w/2 ;py = sy ; vx=0 ;vy=-1; break ;<br />
case 'd':<br />
px = sx+w/2 ;py = sy+h ; vx=0;vy=1; break ;<br />
case 'l':<br />
px = sx ;py = sy + h/2 ; vx=-1;vy=0; break ;<br />
case 'r':<br />
px = sx+w ;py = sy + h/2 ; vx=1;vy=0; break ;<br />
default:<br />
}<br />
}<br />
return {x:px,y:py,vx:vx,vy:vy} ;<br />
}<br />
<br />
// round<br />
function round(x) { return Math.floor(x*10)/10; }<br />
<br />
// handlerで使用。boxのdrag&drop時に値を返す。<br />
this.setpos = function(id,x,y) {<br />
var px = parseFloat(x)>0?parseFloat(x):1;<br />
var py = parseFloat(y)>0?parseFloat(y):1; <br />
this.bpos[id] = {x:px,y:py} ;<br />
}<br />
<br />
this.changeAllPos = function(opt){<br />
var addX, addY, size = 2;<br />
switch (opt){<br />
case "L": addX = -size; addY = 0; break;<br />
case "R": addX = size; addY = 0; break;<br />
case "D": addX = 0; addY = size; break;<br />
case "U": addX = 0; addY = -size; break;<br />
}<br />
for(var id in this.bpos) { // boxの位置情報を更新<br />
var px = parseFloat(this.bpos[id].x) + addX;<br />
var py = parseFloat(this.bpos[id].y) + addY;<br />
if(px>=0 && py >= 0)this.bpos[id] = {x:px, y:py};<br />
}<br />
}<br />
<br />
this.select = function(rect){<br />
this.deact()<br />
var l = parseFloat(rect.css("left"))/this.em;<br />
var t = parseFloat(rect.css("top"))/this.em;<br />
var w = parseFloat(rect.css("width"))/this.em;<br />
var h = parseFloat(rect.css("height"))/this.em;<br />
for(var id in this.bpos){<br />
if(this.bpos[id].x > l && this.bpos[id].x < l+w && this.bpos[id].y > t && this.bpos[id].y < t+h){<br />
$('#'+id).addClass("active");<br />
}<br />
}<br />
}<br />
<br />
this.deact = function(){<br />
for(var id in this.bpos){<br />
if($('#'+id).hasClass("active")){<br />
$('#'+id).removeClass("active");<br />
}<br />
}<br />
}<br />
<br />
this.drop = function(mag){<br />
var ox = (this.dragDrop.pX - this.dragDrop.preX)/mag ;<br />
var oy = (this.dragDrop.pY - this.dragDrop.preY)/mag ;<br />
for(var id in this.bpos){<br />
if($('#'+id).hasClass("active")){<br />
var ex = parseInt($('#'+id).css("left")) ;<br />
var ey = parseInt($('#'+id).css("top")) ; <br />
var px = Math.floor(((ex+ox)/this.em+0.25)*2)/2 ;<br />
var py = Math.floor(((ey+oy)/this.em+0.25)*2)/2 ;<br />
this.setpos(id,px,py) ;<br />
}<br />
}<br />
}<br />
function strHeight(str, width) {<br />
var e = $("#ruler").css("width", width);<br />
var height = e.text(str).get(0).offsetHeight;<br />
e.empty();<br />
console.info(height);<br />
return height;<br />
}<br />
<br />
<br />
<br />
// text 関連<br />
// md parser<br />
this.m_h = /^\[([A-z0-9-_]*)\]\s*(?:\(([^)]*)\))?\s*(?:<\s*([0-9\.]+)\s*,\s*([0-9\.]+)\s*,*\s*([0-9\.]+)?\s*,*\s*([0-9\.]+)?\s*>)?\s*(?:css\(([^)]*)\))?\s*$/ ;<br />
this.parse = function(text) {<br />
// return するbox, conn, genesの初期化<br />
var box = [] ;<br />
var conn = [] ;<br />
var genes = [];<br />
<br />
// pattern<br />
var m_g = /^g\[([A-z0-9-_]+)\]\s*(?:\((.*)\))?\s*?$/;<br />
var m_comm = /^\/\// ;<br />
var m_wiki = /^<?nowiki>/;<br />
var m_sep = /^---*$/ ;<br />
var m_conn = /^([u|d|l|r][0-9]*)?(<)?==?(?:\[([A-z0-9-_]+)\])?\s*([u|d|l|r][0-9]*)?\s*(?:\(([^"=>]*)\))?==?(>)?([u|d|l|r][0-9]*)?\[([A-z0-9-_]+)\]\s*$/i ;<br />
var m_ulink= /\?\[(.+)\]\s*(?:\(([^ ")]+)\s*(?:"(.+)")?\))?/i;<br />
var m_image = /\!\[(.+)\]\s*(?:\(([^ ")]+)\s*(?:"([^")]*)")?\))?\s*(?:css\(([^)]*)\))?/i;<br />
var m_popStart = /^<pop>$/;<br />
var m_popEnd = /^<\/pop>$/;<br />
var m_title = /^#(.*)/ ;<br />
var m_GL = /^!GL\{([^|]*)?\|?([^|]*)?\|?([^|]*)?\}$/; // for glycerolipids<br />
var m_PG = /^!PG\{([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?\}$/; // for Phosphatidylglycerol<br />
var m_CL = /^!CL\{([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?\|?([^|]*)?}$/; // for Cardiolipin<br />
<br />
var l = text.split("\n") ;<br />
var b = {id:"",bl:[], check:false} ;<br />
var gene = {id:"", gl:[]};<br />
var boxcheck = true;<br />
// read start<br />
for(var i in l) {<br />
var cl = l[i] ;<br />
cl=cl.replace(/&lt;/g,"<"); // for wiki<br />
cl=cl.replace(/&gt;/g,">"); <br />
<br />
var a, g;<br />
<br />
// wikiTag or blank<br />
if(cl =="" || m_comm.exec(cl) || cl.match(m_wiki)){continue;}<br />
else if(a = this.m_h.exec(cl)) { // set box info<br />
if(b.bl.length>0 || b.check) {<br />
pbox(b) ;<br />
b.check = false;<br />
} else if(gene.gl.length>0){<br />
pgene(gene);<br />
gene.id = "";<br />
gene.gl = [];<br />
}<br />
boxcheck = true;<br />
b.id = a[1] ;<br />
b.bl = [] ;<br />
b.cls = a[2] ;<br />
b.pos = (a[3] && a[4])?{x:a[3],y:a[4]}:undefined ;<br />
b.size = (a[5] && a[6]) ?{w:a[5], h:a[6]}:undefined;<br />
b.css = (a[7])?a[7]:undefined;<br />
if(b.size){b.check = true;}<br />
} else if(g = m_g.exec(cl)) { // set gene info<br />
if(b.bl.length>0 || b.check) {<br />
pbox(b);<br />
b.id = "";<br />
b.bl = [];<br />
b.check = false;<br />
} else if(gene.gl.length>0){<br />
pgene(gene);<br />
}<br />
boxcheck = false;<br />
gene.id = g[1] ;<br />
gene.gl = [] ;<br />
gene.cls = g[2] ;<br />
} else{ // set normal line<br />
if(boxcheck && b.id != ""){b.bl.push( cl );}<br />
else if (gene.id != ""){ gene.gl.push(cl); }<br />
}<br />
}<br />
// for last item<br />
if(b.bl.length>0) pbox(b);<br />
if(gene.gl.length>0) pgene(gene);<br />
// read end<br />
<br />
// share parser<br />
function sparser(cl, ll, llp){<br />
var a;<br />
if(cl.match(m_popStart)){<br />
// llの一時初期化。popEndで全てまとめてllにset<br />
if(ll.length>0) llp.push(ll.join("<br/>"));<br />
ll.length=0;<br />
}<br />
else if(cl.match(m_popEnd)){<br />
// <pop></pop>の間を<span>タグで囲む。cssで<span>タグはpopupになるように設定<br />
if(ll.length>0) llp.push( "<span>" + ll.join("<br/>") + "</span>") ;<br />
ll.length=0;<br />
Array.prototype.push.apply(ll, llp);<br />
} else if(a = m_image.exec(cl)) { // imgの読み込み<br />
var im;<br />
if(a[4]!=undefined){<br />
var style = [];<br />
var css = a[4].split(";");<br />
for(var i in css){<br />
if(css[i] != ""){<br />
var css2 = css[i].split(":");<br />
if(css2.length>1){<br />
style.push(css2[0].trim()+":"+css2[1].trim()+";");<br />
}<br />
}<br />
}<br />
im = ( '<img src="'+a[2]+'" title='+a[1]+' style="' + style.join(" ") + '"/>');<br />
}<br />
else {im = ( '<img src="'+a[2]+'" title='+a[1]+' />') ;<br />
}<br />
if(a[3]!=undefined) {<br />
im = "<figure>"+im+"<figcaption>"+fontChange(a[3])+"</figcaption></figure>" ;<br />
}<br />
ll.push(im) ;<br />
} else if(a = m_ulink.exec(cl)) { // urlの読み込み<br />
var url = "<a href="+a[2]+" target=\"_blank\">" + fontChange(a[3]) + "</a>";<br />
ll.push(url);<br />
} else if (a = m_GL.exec(cl)){<br />
R1 = a[1]?a[1]:"";<br />
R2 = a[2]?a[2]:"";<br />
R3 = a[3]?a[3]:"";<br />
var txt = '\<br />
<table align=center style="transform:translate(-6px, 10px)"> \<br />
<tr><td rowspan=3><img src==/mediawiki/images/8/8b/GL02.png style=" height:40px;transform:translateX(16px);"/ ></td> \<br />
<td nowrap align=left style="line-height:0%;">'+fontChange(R1)+'</td></tr> \<br />
<tr><td nowrap align=left style="line-height:0%;">'+fontChange(R2)+'</td></tr> \<br />
<tr><td nowrap align=left style="line-height:0%;">' + fontChange(R3)+ '</td></tr></table>';<br />
ll.push(txt);<br />
<br />
}else if (a = m_PG.exec(cl)){<br />
R1 = a[1]?a[1]:"";<br />
R2 = a[2]?a[2]:"";<br />
R3 = a[3]?a[3]:"";<br />
R4 = a[4]?a[4]:"";<br />
R5 = a[5]?a[5]:"";<br />
var txt = '\<br />
<table align=center style="transform:translateY(10px)">\<br />
<tr><td rowspan=3><img src=/mediawiki/images/8/8b/GL02.png style="height:50px;transform:translateX(18px);"/></td> \<br />
<td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\<br />
<tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\<br />
<tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\<br />
<td rowspan=3><img src=/mediawiki/images/8/8b/GL02.png style=" height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\<br />
<tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr> \<br />
<td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td></tr></table>'<br />
ll.push(txt);<br />
<br />
} else if(a = m_CL.exec(cl)){<br />
R1 = a[1]?a[1]:"";<br />
R2 = a[2]?a[2]:"";<br />
R3 = a[3]?a[3]:"";<br />
R4 = a[4]?a[4]:"";<br />
R5 = a[5]?a[5]:"";<br />
R6 = a[6]?a[6]:"";<br />
R7 = a[7]?a[7]:"";<br />
<br />
var txt = '\<br />
<table align=center style="transform:translateY(10px)"> \<br />
<tr><td rowspan=3><img src=/mediawiki/images/8/8b/GL02.png style=" height:50px;transform:translateX(18px);"/ ></td>\<br />
<td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R1)+'</td></tr>\<br />
<tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R2)+'</td></tr>\<br />
<tr><td nowrap align=center style="line-height:50%;">'+fontChange(R3)+'</td>\<br />
<td rowspan=3><img src=/mediawiki/images/8/8b/GL02.png style="height:50px;transform:translateX(-18px) rotate(180deg);"/ ></td></tr>\<br />
<tr><td colspan=2 nowrap align=right style="line-height:50%;">'+fontChange(R4)+'</td></tr>\<br />
<td rowspan=3><img src=/mediawiki/images/8/8b/GL02.png style=" height:50px;transform:translateX(18px);"/ ></td> \<br />
<td nowrap align=right style="line-height:50%;">'+fontChange(R5)+'</td>\<br />
</tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R6)+'</td></tr>\<br />
<tr><td colspan=2 nowrap align=left style="line-height:50%;">'+fontChange(R7)+'</td></tr> </table>' <br />
ll.push(txt);<br />
} else { // その他のテキスト<br />
cl = fontChange(cl);<br />
ll.push(cl) ;<br />
}<br />
}<br />
<br />
// gene labelの作成<br />
function pgene(g) { <br />
var ll = [];<br />
var llp = []; // popup tag用<br />
var a ;<br />
for(var i in g.gl) {<br />
sparser(g.gl[i], ll, llp) ;<br />
} <br />
var l = ll.join("<br/>");<br />
genes.push( {id:g.id,inner:l,cls:g.cls} ) ;<br />
}<br />
<br />
<br />
// boxの作成<br />
function pbox(b) { <br />
var l = [] ;<br />
var ll = [] ;<br />
var llp = [];<br />
var a ;<br />
b.title = null ;<br />
for(var i in b.bl) {<br />
var cl = b.bl[i] ;<br />
if(m_sep.exec(cl)) {<br />
if(ll.length>0) l.push( ll.join("<br/>")) ;<br />
ll = [] ;<br />
} else if(a = m_title.exec(cl)) {<br />
b.title = a[1] ;<br />
} else if( a=m_conn.exec(cl)) { // コネクションの読み込み。fpがはじめ、tpが終わり、矢印の向きも判定<br />
if(ll.length>0) l.push( ll.join("<br/>")) ;<br />
ll = [] ;<br />
var fp = "r" ;<br />
var tp = "l1" ;<br />
var ar = (a[2]!=undefined)?((a[6]!=undefined)?"b":"f"):((a[6]!=undefined)?"t":"") ; // 向き<br />
if(a[1]!=undefined) fp = a[1] ;<br />
if(a[7]!=undefined) tp = a[7] ;<br />
// connectionの設定, geneでgeneid, gposで[u|d|l|r]<br />
conn.push( {from:b.id,to:a[8],param:{<br />
s_pos:(fp+(l.length+((b.title!=null)?1:0))),e_pos:tp,cls:a[5],arrow:ar, gene:a[3], gpos:a[4]}}) ; <br />
} else {<br />
sparser(cl, ll, llp);<br />
}<br />
}<br />
if(ll.length>0) l.push( ll.join("<br/>")) ;<br />
else if(b.check) l.push(" ");<br />
if(l.length==1) l = l[0] ;<br />
box.push( {id:b.id,inner:l,pos:b.pos,cls:b.cls,title:b.title, size:b.size, css:b.css} ) ;<br />
}<br />
return {box:box, conn:conn, gene:genes} ;<br />
}<br />
<br />
this.searchPosition = function(text,w,tag){<br />
var l = text.split("\n") ;<br />
var height = 0;<br />
var heightTmp;<br />
for(var i in l) {<br />
var cl = l[i];<br />
if(cl.match(tag)){break;}<br />
if(cl == "") height = height + 16*1.2;<br />
else {heightTmp = strHeight(cl, parseFloat(w));height = height + heightTmp;}<br />
}<br />
console.info(height);<br />
return height;<br />
}<br />
<br />
// boxを移動させた時にtextの座標も変更<br />
this.upd_text = function(text) {<br />
var l = text.split("\n") ;<br />
for(var i in l) {<br />
var cl = l[i] ;<br />
var a <br />
if(cl=="") continue ;<br />
if(a = this.m_h.exec(cl)) {<br />
var pos = (this.bpos[a[1]]!=undefined)?this.bpos[a[1]]:{x:a[3],y:a[4]} ;<br />
var css = a[7] ? "css("+a[7]+")" : "";<br />
if(a[5] && a[6]){<br />
l[i] = "["+a[1]+"]"+((a[2]!=undefined)?" ("+a[2]+")":"")+" <"+pos.x+","+pos.y+","+a[5]+","+a[6]+">"+css;<br />
}else{<br />
l[i] = "["+a[1]+"]"+((a[2]!=undefined)?" ("+a[2]+")":"")+" <"+pos.x+","+pos.y+">"+css ;<br />
}<br />
}<br />
}<br />
return l.join("\n") ;<br />
}<br />
<br />
function fontChange(cl){<br />
m_b = /_\*(.+?)\*_/g ; // 太文字に置換<br />
while((m = m_b.exec(cl))!=null) {<br />
cl = cl.replace(m[0],"<strong>"+m[1]+"</strong>") ;<br />
}<br />
m_i = /__(.+?)__/g ; // イタリック置換<br />
while((m = m_i.exec(cl))!=null) {<br />
cl = cl.replace(m[0],"<i>"+m[1]+"</i>") ;<br />
}<br />
m_i = /_s(.+?)s_/g ; // したつき置換<br />
while((m = m_i.exec(cl))!=null) {<br />
cl = cl.replace(m[0],"<sub>"+m[1]+"</sub>") ;<br />
}<br />
return cl<br />
}<br />
}</div>
Tipputa