red • green • blue • white • black • cream • yellow • orange • plum
Update defaults:
update color • update opacity • updated html
update fadeIn • update fadeOut • update displayLength
try default again
<link rel="stylesheet" type="text/css" href="/a/plugins/wHumanMsg/wHumanMsg.css" />
<script type="text/javascript" src="/a/plugins/wHumanMsg/wHumanMsg.js"></script>
<script type="text/javascript">
var hm = $("body").wHumanMsg({offsetTop:30});
function reset()
{
hm.wHumanMsg('reset');
hm.wHumanMsg('offsetTop', 30);
}
</script>
<span class="layout_page_holder_link" onclick="reset();">reset</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('Websanova Humanized<br/>Message Plugin');">default</span>
<br/>
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is red<br/>with html', {theme: 'red'});">red</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is green<br/>with no html', {theme: 'green', html: false});">green</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is blue<br/>back to html', {theme: 'blue'});">blue</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is white with fast fades', {theme: 'white', fadeIn: 300, fadeOut: 300});">white</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is black with short display', {theme: 'black', displayLength: 300});">black</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is cream with low opacity', {theme: 'cream', opacity: 0.3});">cream</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is yellow', {theme: 'yellow'});">yellow</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is orange', {theme: 'orange'});">orange</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('This is plum', {theme: 'plum'});">plum</span>
<br/><br/>
Update defaults:
<br/>
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('color', 'plum'); hm.wHumanMsg('updated color to: ' + hm.wHumanMsg('color'));">update color</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('opacity', 1); hm.wHumanMsg('updated opacity to: ' + hm.wHumanMsg('opacity'));">update opacity</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('html', false); hm.wHumanMsg('updated html to: ' + hm.wHumanMsg('html'));">updated html</span>
<br/>
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('fadeIn', 500); hm.wHumanMsg('updated fadeIn to: ' + hm.wHumanMsg('fadeIn'));">update fadeIn</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('fadeOut', 500); hm.wHumanMsg('updated fadeOut to: ' + hm.wHumanMsg('fadeOut'));">update fadeOut</span> •
<span class="layout_page_holder_link" onclick="hm.wHumanMsg('displayLength', 500); hm.wHumanMsg('updated displayLength to: ' + hm.wHumanMsg('displayLength'));">update displayLength</span>
<br/>
try default again