Override the alert () and confirm () functions of JavaScript, allowing you to customize them. This application does not use jQuery or another framework, just JavaScript and CSS. Responsive design.
Home Page: https://philippeassis.github.io/custom-alert
Hello,
I have a case that cancel button have to be the default button selected in case of press on enter button.
I would like to create Pullrequest so as to send my solution but i can't.
I modified js to add this block code for keynum == 13
if (document.getElementById("customconfirm").style.display == "block"){
var focusButton = document.activeElement;
if(focusButton !== null && focusButton.classList.contains("button-cancel")){
window.customconfirm.cancel();
} else {
window.customconfirm.done();
}
}
After using custom alert in my web app and finding that all text input from the keyboard was blocked, I downloaded the zip archive of all the files from this repo, and in the demo page added in a simple html form with a text input after the body tag in the index.html of the demo page, so it looks like:
<body>
<form>
<input type="text">
</form>
...
etc...
After you've clicked through the demo alerts, you can click in the form field to activate it, but all keyboard input is ignored - nothing comes up...
Custom-alert is great, thanks for making it, just needs couple of problems fixed :)
Baixei o exemplo e vi que a referência no html está como "...customAlerts.css", enquanto o aquivo é "customAlert.css", o js está na mesma.
Line 27 : document.body.appendChild(div);
custom-alert.js:27 Uncaught TypeError: Cannot read property 'appendChild' of null
Estou usando faces e preciso colocar a confirmation em um input type submit o problema é que este meu input tem um evento onclick onde tenho este exemplo
Mas não consigo ter o return do confirm o submit ocorre antes de escolher a opção.
Try the demo on Internet Explorer 11, doesn't work at all.
Also wondering if this works on various mobile phone browsers...? (iphone, Android, etc)?
Thanks
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.