Create iOS Style Alerts Simply With Pure JavaScript

Alert7.js is a pure JavaScript component library for creating iOS-style alerts or for confirming dialogs on a web page.

ios modal presentation styles, ios modal popup, ios alert design, ios alert dialog

Realistic IOS Web Based in Pure CSS / HTML | Web iOS Mockup

How to make use of it:

Simply include the Alert7.js script on the HTML page.

<script src="alert7.min.js"></script>

Create a basic alert dialog.

// Alert7.alert( titleStr, messageStr, btn1Str, btn1Handler, btn2Str, btn2Handler, ... );
Alert7.alert('This is Title');

Create a confirmation dialog.

var _alertA = new Alert7();
_alertA.setTitle("Alert7 confirm");
_alertA.setMessage("Right?");
_alertA.setType(Alert7.TYPE_CONFIRM);
_alertA.addAction("No", function(){});
_alertA.addAction("Yes", function(){});
_alertA.present();

iOS Style Popup Boxes, Alert7.js Plugin/Github


See Demo And Download

Official Website(CodyWildtyto): Click Here

This superior jQuery/javascript plugin is developed by CodyWildtyto. For extra Advanced usage, please go to the official website.

Related Posts

HStack-and-VStack-in-CSS

CSS Layout Components Horizontal/Vertical Stack | HStack and VStack

HStack and VStack in CSS – CSS layout components that (basically) stack anything horizontally and vertically. A pure CSS library that makes it easy to stack elements…

Floating-Whatsapp-Chat-Button

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API. It will automatically start the WhatsApp…

Data-Table-Generator-Tabulator

Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Bootstrap-4-Sidebar-Menu-Responsive-Template

Bootstrap 4 Sidebar Menu Responsive Template | MDB

Bootstrap Side Navbar – Responsive sidebar template based on the Bootstrap 4 framework. An easy-to-use, totally responsive, Google Material Design impressed aspect navigation for modern web app…

Bootstrap-4-Toast-Notification-Plugin

Lightweight Bootstrap 4 Toast Notification Plugin | BS4 Advanced Toast

A lightweight Bootstrap 4 Toast Notification plugin integrated with JS/jQuery. bs4-toast.js is a JavaScript library that enhances the native Bootstrap toast component with icons, buttons, callbacks, and…

Leave a Reply

Your email address will not be published. Required fields are marked *