alerts v2, formatting
This commit is contained in:
parent
1cf68bb1fe
commit
98f6d5630f
|
@ -4,4 +4,3 @@ void str_init(char* str, int n)
|
||||||
str[i] = ' ';
|
str[i] = ' ';
|
||||||
str[n] = '\0';
|
str[n] = '\0';
|
||||||
} // could also use <https://manpages.ubuntu.com/manpages/impish/man3/strinit.3pub.html>
|
} // could also use <https://manpages.ubuntu.com/manpages/impish/man3/strinit.3pub.html>
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
#include <stdio.h>
|
#include <stdio.h>
|
||||||
#include <string.h>
|
#include <string.h>
|
||||||
|
|
||||||
#include "../libre_redirect/str_replace_start.h"
|
|
||||||
#include "../libre_redirect/str_init.h"
|
#include "../libre_redirect/str_init.h"
|
||||||
|
#include "../libre_redirect/str_replace_start.h"
|
||||||
|
|
||||||
#define SHORTCUT_N 41
|
#define SHORTCUT_N 41
|
||||||
|
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
#include <stdio.h>
|
#include <stdio.h>
|
||||||
#include <stdlib.h>
|
#include <stdlib.h>
|
||||||
#include <string.h>
|
#include <string.h>
|
||||||
#define STYLE_N 3640 + 1
|
#define STYLE_N 3858 + 1
|
||||||
|
|
||||||
void read_style_js(char* string)
|
void read_style_js(char* string)
|
||||||
{
|
{
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
#ifndef STYLE
|
#ifndef STYLE
|
||||||
#define STYLE
|
#define STYLE
|
||||||
|
|
||||||
#define STYLE_N 3640 + 1
|
#define STYLE_N 3858 + 1
|
||||||
|
|
||||||
void read_style_js(char* string);
|
void read_style_js(char* string);
|
||||||
|
|
||||||
|
|
|
@ -73,37 +73,19 @@ if(styles != null){
|
||||||
|
|
||||||
// Replace default alert with new function
|
// Replace default alert with new function
|
||||||
// whose style can be changed!
|
// whose style can be changed!
|
||||||
window.alert = function(message) {
|
window.alert = (message) => {
|
||||||
// Check if the alert dialog already exists
|
let alertDiv = document.getElementById('customAlert');
|
||||||
var alertDiv = document.getElementById('customAlert');
|
|
||||||
if (!alertDiv) {
|
if (!alertDiv) {
|
||||||
// Create the alert dialog
|
const html = `
|
||||||
alertDiv = document.createElement('div');
|
<div id="customAlert" class="custom-alert">
|
||||||
alertDiv.id = 'customAlert';
|
<div class="custom-alert-content">
|
||||||
alertDiv.className = 'custom-alert hidden';
|
<p id="alertMessage"></p>
|
||||||
|
<button id="alertOkButton">OK</button>
|
||||||
var contentDiv = document.createElement('div');
|
</div>
|
||||||
contentDiv.className = 'custom-alert-content';
|
</div>
|
||||||
|
<style>
|
||||||
var alertMessage = document.createElement('p');
|
|
||||||
alertMessage.id = 'alertMessage';
|
|
||||||
|
|
||||||
var okButton = document.createElement('button');
|
|
||||||
okButton.id = 'alertOkButton';
|
|
||||||
okButton.textContent = 'OK';
|
|
||||||
okButton.onclick = function() {
|
|
||||||
alertDiv.classList.add('hidden');
|
|
||||||
};
|
|
||||||
|
|
||||||
contentDiv.appendChild(alertMessage);
|
|
||||||
contentDiv.appendChild(okButton);
|
|
||||||
alertDiv.appendChild(contentDiv);
|
|
||||||
document.body.appendChild(alertDiv);
|
|
||||||
|
|
||||||
// Inject CSS
|
|
||||||
var style = document.createElement('style');
|
|
||||||
style.innerHTML = `
|
|
||||||
.custom-alert {
|
.custom-alert {
|
||||||
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -119,17 +101,33 @@ window.alert = function(message) {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border: 1px solid #888;
|
border: 1px solid #888;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
font-family: monospace; /* Use monospace font */
|
||||||
}
|
}
|
||||||
.hidden {
|
.visible {
|
||||||
display: none;
|
display: block;
|
||||||
}`;
|
}
|
||||||
document.head.appendChild(style);
|
</style>
|
||||||
|
`;
|
||||||
|
document.body.insertAdjacentHTML('beforeend', html);
|
||||||
|
alertDiv = document.getElementById('customAlert');
|
||||||
|
document.getElementById('alertOkButton').onclick = () => {
|
||||||
|
alertDiv.classList.remove('visible');
|
||||||
|
document.removeEventListener('keydown', dismissAlert);
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
// Show the alert dialog
|
const dismissAlert = (event) => {
|
||||||
document.getElementById('alertMessage').textContent = message;
|
if (event.key === 'Enter' /*&& event.ctrlKey*/ && alertDiv.classList.contains('visible')) {
|
||||||
alertDiv.classList.remove('hidden');
|
alertDiv.classList.remove('visible');
|
||||||
|
document.removeEventListener('keydown', dismissAlert);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('keydown', dismissAlert);
|
||||||
|
document.getElementById('alertMessage').textContent = message;
|
||||||
|
alertDiv.classList.add('visible');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// alert("Hello world!")
|
// alert("Hello world!")
|
||||||
document.body.style.visibility = "visible"
|
document.body.style.visibility = "visible"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user