webui-dev/webui
1
1
Fork 0
mirror of https://github.com/webui-dev/webui.git synced 2024-09-11 14:06:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update C++ Examples

Browse Source
This commit is contained in:
Hassan DRAGA 2024-06-21 15:55:38 -04:00
parent aca21d905e
commit 81c778cc67
2 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
examples/C++/call_cpp_from_js/main.cpp
View File

@ -9,7 +9,7 @@
void my_function_string(webui::window::event* e) {
// JavaScript:
// webui.call('MyID_One', 'Hello', 'World`);
// my_function_string('Hello', 'World`);
std::string str_1 = e->get_string(); // Or e->get_string(0);
std::string str_2 = e->get_string(1);
@ -21,7 +21,7 @@ void my_function_string(webui::window::event* e) {
void my_function_integer(webui::window::event* e) {
// JavaScript:
// webui.call('MyID_Two', 123, 456, 789);
// my_function_integer(123, 456, 789);
long long number_1 = e->get_int(); // Or e->get_int(0);
long long number_2 = e->get_int(1);
@ -35,7 +35,7 @@ void my_function_integer(webui::window::event* e) {
void my_function_boolean(webui::window::event* e) {
// JavaScript:
// webui.call('MyID_Three', true, false);
// my_function_boolean(true, false);
bool status_1 = e->get_bool(); // Or e->get_bool(0);
bool status_2 = e->get_bool(1);
@ -47,7 +47,7 @@ void my_function_boolean(webui::window::event* e) {
void my_function_with_response(webui::window::event* e) {
// JavaScript:
// webui.call('MyID_Four', number, 2).then(...)
// my_function_with_response(number, 2).then(...)
long long number = e->get_int(0);
long long times = e->get_int(1);
@ -86,11 +86,11 @@ int main() {
<body>
<h1>WebUI - Call C++ from JavaScript</h1>
<p>Call C++ functions with arguments (<em>See the logs in your terminal</em>)</p>
<button onclick="webui.call('MyID_One', 'Hello', 'World');">Call my_function_string()</button>
<button onclick="my_function_string('Hello', 'World');">Call my_function_string()</button>
<br>
<button onclick="webui.call('MyID_Two', 123, 456, 789);">Call my_function_integer()</button>
<button onclick="my_function_integer(123, 456, 789);">Call my_function_integer()</button>
<br>
<button onclick="webui.call('MyID_Three', true, false);">Call my_function_boolean()</button>
<button onclick="my_function_boolean(true, false);">Call my_function_boolean()</button>
<br>
<p>Call a C++ function that returns a response</p>
<button onclick="MyJS();">Call my_function_with_response()</button>
@ -99,7 +99,7 @@ int main() {
function MyJS() {
const MyInput = document.getElementById('MyInputID');
const number = MyInput.value;
webui.call('MyID_Four', number, 2).then((response) => {
my_function_with_response(number, 2).then((response) => {
MyInput.value = response;
});
}
@ -112,10 +112,10 @@ int main() {
webui::window my_window;
// Bind HTML elements with C++ functions
my_window.bind("MyID_One", my_function_string);
my_window.bind("MyID_Two", my_function_integer);
my_window.bind("MyID_Three", my_function_boolean);
my_window.bind("MyID_Four", my_function_with_response);
my_window.bind("my_function_string", my_function_string);
my_window.bind("my_function_integer", my_function_integer);
my_window.bind("my_function_boolean", my_function_boolean);
my_window.bind("my_function_with_response", my_function_with_response);
// Show the window
my_window.show(my_html); // webui_show_browser(my_window, my_html, Chrome);

12
examples/C++/call_js_from_cpp/main.cpp
View File

@ -17,8 +17,6 @@ void my_function_exit(webui::window::event* e) {
void my_function_count(webui::window::event* e) {
// This function gets called every time the user clicks on "MyButton1"
// Create a buffer to hold the response
char response[64];
@ -78,11 +76,11 @@ int main() {
<br>
<h1 id="count">0</h1>
<br>
<button id="MyButton1">Manual Count</button>
<button id="my_function_count">Manual Count</button>
<br>
<button id="MyTest" onclick="AutoTest();">Auto Count (Every 10ms)</button>
<br>
<button id="MyButton2">Exit</button>
<button id="Exit">Exit</button>
<script>
let count = 0;
function GetCount() {
@ -94,7 +92,7 @@ int main() {
}
function AutoTest(number) {
setInterval(function() {
webui.call('MyButton1');
my_function_count();
}, 10);
}
</script>
@ -106,8 +104,8 @@ int main() {
webui::window my_window;
// Bind HTML elements with C++ functions
my_window.bind("MyButton1", my_function_count);
my_window.bind("MyButton2", my_function_exit);
my_window.bind("my_function_count", my_function_count);
my_window.bind("Exit", my_function_exit);
// Show the window
my_window.show(my_html); // my_window.show_browser(my_html, Chrome);