[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

WWWJDIC layout

A few suggestions on the WWWJDIC layout.
For wish-list, discussion and/or implementation ;-)

1. The in-line examples would be better in order, if at all possible.
2. If the sense numbers were on the left it would be easier to track
down to find the right one. (I don't think you need to say 'Sense'
each time either).
3. 'purple bold' doesn't stand out well enough to my tastes.  Your
eyes should be able to go right to the most relevant bit.  I think
pure red with no bold is easier to read and stands out more (but this
should probably be a user setting).

Below is an example of how inline examples can be shown/hidden using
clientside javascript.  If javascript is not enabled the example
should be shown.  If it is enabled then it is hidden, until the mouse
cursor is moved over the '+' sign.  It's been a long time since I did
web-pages so
it should only be taken as a 'proof of concept'.

<html><body onload="document.getElementById('ex853953').style.display='none'">
<input name="jukugosel" value="853953" checked="checked" id="853953"
type="radio"><label for="853953"><span id="Show853953"
    onmouseover="document.getElementById('ex853953').style.display='block'"
    onmouseout="document.getElementById('ex853953').style.display='none'">+
</span>飲む(P); 呑む; 飮む(oK) 【のむ】  (v5m,vt) (1) to drink; to gulp; to
swallow; (2) to smoke (tobacco); (3) to engulf; to overwhelm; (4) to
keep down; to suppress; (5) to accept (e.g. demand, condition); (6) to
make light of; to conceal; (P) 	</label><a
href="http://www.csse.monash.edu.au/%7Ejwb/cgi-bin/wwwjdic.cgi?1Q%B0%FB%A4%E0_1_";>[Ex]</a>
<div id="ex853953"
style="position:relative;display:block">
<font size="-1">&nbsp;&nbsp;&nbsp;&nbsp;Ex: <b>1)</b> この薬を<font
color="red">飲ま</font>なければ行けませんか。	Must I take this medicine?
</font></div><br>
<input name="jukugosel" value="853948" id="853948" type="radio"><label
for="853948">息を呑む; 息を飲む 【いきをのむ】  (exp) (my) breath caught; (it) took
my breath away 	</label><a
href="http://www.csse.monash.edu.au/%7Ejwb/cgi-bin/wwwjdic.cgi?1Q%C2%A9%A4%F2%C6%DD%A4%E0_1_";>[Ex]</a>
<br></body></html>