MFFloatawayMsg / 1.0 / demo / float-away-messages-demo.html file last updated : 2024-03-02 |
---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Methodfish Float away messages demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<script src='https://methodfish.com/Download/MFFloatawayMsg/files/latest/js/mf-floataway-msg.js'></script>
<link rel="icon" type="image/png" href="https://methodfish.com/images/methodfish.ico">
<link rel='stylesheet preload prefetch' as='style' href='https://methodfish.com/Download/MFFloatawayMsg/files/latest/css/mf-floataway-msg.css'>
<style>
* {
font-family:Roboto;
line-height:1.7em;
}
</style>
</head>
<body>
<p>To make messages come in from the top, use `addFloatawayMsg('msg', 'T')</p>
<button style='margin-left:10px' onclick='addFloatawayMsg("test","T")'>Test</button>
<p>To make messages come in from the bottom, use `addFloatawayMsg('msg', 'B')</p>
<button style='margin-left:10px' onclick='addFloatawayMsg("test","B")'>Test</button>
</body>
</html>
Also see
articles/Implementing-a-Monaco-Editorsquarearticles/iConnectionTestsquarearticles/javascript-camerasquarearticles/list-editsquarearticles/minifierssquarearticles/opayosquarearticles/table-drag-sortersquarearticles/typewatchsquareprojects/MFCalendarPopupsquareprojects/MFChartColumnsquareprojects/MFColorPickersquareprojects/MFColorPickerBasicsquareprojects/MFColumnGradientsquareprojects/MFFloatawayMsgsquareprojects/MFPanelssquareprojects/MFSelectorsquare
Comments
New Comment