Skip to main content

Buckeye Alert

JSThis component requires JavaScript.
Component status:Beta
A placeholder component for Buckeye Alert emergency messages. This component will only be visible when there is an active alert message.

Example#

<div id="bux-buckeye-alert" class="bux-buckeye-alert" aria-live="polite" hidden>
</div>
<script>
const buckeyeAlert = new BuckeyeAlert({
url: 'https://www.osu.edu/feeds/alert-test/feed.rss',
callback: function() {
console.log('The Buckeye Alert callback has been executed.');
},
});

buckeyeAlert.initialize();
</script>

Implementation Notes#

Add the Buckeye Alert container element to the top of your page.

<div id="bux-buckeye-alert" class="bux-buckeye-alert" aria-live="polite" hidden></div>

After the container element has been added create an instance and initialize Buckeye Alert.

<script>
const buckeyeAlert = new BuckeyeAlert();
buckeyeAlert.initialize();
</script>

Settings#

Buckeye Alert is configurable and will accept an object with the following parameters: