Untitled Application
MyApp
Author name
1.0
Apple iPhone 6/7/8
True
667
375
False
False
False
True
WebApp
False
C:\Users\User\Documents\VisualNeoWeb\Libraries\img\default-icon.png
en
standalone
Offline page
#000000
/
[AndroidOS,iOS,WindowsPhoneOS]
normal
True
True
False
True
True
False
False
True
False
False
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.4.3/purify.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"/>
<link rel="stylesheet" href="icon_font/css/icon_font.css">
<link rel="stylesheet" href="css/jquery.transfer.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"
crossorigin="anonymous"></script>
<script src="js/jquery.transfer.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
.SetVar [test] ""
beginjs
var rawInput = $App.test; // Variabel input dari pengguna
var sanitizedInput = DOMPurify.sanitize(rawInput); // Sanitasi input
// Menyimpan hasil sanitasi ke variabel atau elemen lain
$App.test = sanitizedInput;
endjs
.AlertBox "test ini [test]" "[test]" ""
// Fungsi untuk menyanitasi input dengan DOMPurify
function sanitizeInput(inputVarName, outputVarName) {
// Validasi apakah input variabel ada
if (typeof window[inputVarName] === "undefined") {
console.error(`Variabel ${inputVarName} tidak ditemukan atau tidak valid.`);
return;
}
// Ambil nilai dari variabel input
var rawInput = window[inputVarName];
console.log(`Nilai awal ${inputVarName}:`, rawInput);
// Sanitasi nilai menggunakan DOMPurify
var sanitizedInput = DOMPurify.sanitize(rawInput);
console.log(`Hasil sanitasi untuk ${inputVarName}:`, sanitizedInput);
// Simpan hasil sanitasi ke variabel output
window[outputVarName] = sanitizedInput;
console.log(`Nilai ${outputVarName} disimpan:`, window[outputVarName]);
}
JavaScript
beginjs
// Fungsi untuk menyanitasi input dengan DOMPurify
function sanitizeInput(inputVarName, outputVarName) {
// Validasi apakah input variabel ada
if (typeof window[inputVarName] === "undefined") {
console.error(`Variabel ${inputVarName} tidak ditemukan atau tidak valid.`);
return;
}
// Ambil nilai dari variabel input
var rawInput = window[inputVarName];
console.log(`Nilai awal ${inputVarName}:`, rawInput);
// Sanitasi nilai menggunakan DOMPurify
$App.sanitizedInput = DOMPurify.sanitize(rawInput);
console.log(`Hasil sanitasi untuk ${inputVarName}:`, sanitizedInput);
// Simpan hasil sanitasi ke variabel output
window[outputVarName] = sanitizedInput;
console.log(`Nilai ${outputVarName} disimpan:`, window[outputVarName]);
}
endjs
SetVar [hasil] [sanitizedInput]
C:\Users\User\Downloads\lou-multi-select-0.9.10-53-g57fb8d3\lou-multi-select-57fb8d3\css\multi-select.css
C:\Users\User\Downloads\lou-multi-select-0.9.10-53-g57fb8d3\lou-multi-select-57fb8d3\js\jquery.multi-select.js
BeginJS
$('#Combobox1').select2({
multiple: true,
placeholder: "Select an option",
allowClear: true,
minimumInputLength : 1,
multiple : true,
tokenSeparators : ','
});
$('#Combobox3').select2(
{
tags: "true",
placeholder: "Select an option",
allowClear: true
}
);
//
$(document).ready(function () {
// Opsi yang ingin ditambahkan secara dinamis
const options = [
{ id: '1', text: 'Option 1' },
{ id: '2', text: 'Option 2' },
{ id: '3', text: 'Option 3' },
{ id: '4', text: 'Option 4' }
];
// Initialize Select2
const $multiSelect = $('#multiSelect');
$multiSelect.select2({
placeholder: "Select options", // Placeholder text
allowClear: true // Allow clearing selections
});
// Tambahkan opsi ke Select2
options.forEach(option => {
const newOption = new Option(option.text, option.id, false, false);
$multiSelect.append(newOption).trigger('change'); // Trigger agar opsi dikenali oleh Select2
});
// Event untuk mendapatkan nilai secara otomatis
$multiSelect.on('change', function () {
const selectedValues = $multiSelect.val(); // Get selected options
const outputText = selectedValues ? selectedValues.join(', ') : ''; // Gabungkan nilai dengan koma
// Tampilkan di textarea
$('#output').val(outputText);
$('#TextInput1').val(outputText);
// Tampilkan menggunakan alert
//alert('Selected Values: ' + outputText);
});
});
//
EndJS
8px
154px
296px
48px
row
neoGoogleFonts "Kablammo"
88px
16px
16px
col-sm-12
MultiSelect
h4
344px
0px
32px
col-sm-12
Afghanistan|AF,Albania|AL,Algeria|DZ,Andorra|AD,Angola|AO,Argentina|AR,Armenia|AM,Australia|AU,Austria|AT,Azerbaijan|AZ,Bahamas|BS,Bahrain|BH,Bangladesh|BD,Barbados|BB,Belarus|BY,Belgium|BE,Belize|BZ,Benin|BJ,Bhutan|BT,Bolivia|BO,Bosnia and Herzegovina|BA,Botswana|BW,Brazil|BR,Brunei|BN,Bulgaria|BG,Burkina Faso|BF,Burundi|BI,Cabo Verde|CV,Cambodia|KH,Cameroon|CM,Canada|CA,Central African Republic|CF,Chad|TD,Chile|CL,China|CN,Colombia|CO,Comoros|KM,Congo (Congo-Brazzaville)|CG,Costa Rica|CR,Croatia|HR,Cuba|CU,Cyprus|CY,Czech Republic (Czechia)|CZ,Denmark|DK,Djibouti|DJ,Dominica|DM,Dominican Republic|DO,Ecuador|EC,Egypt|EG,El Salvador|SV,Equatorial Guinea|GQ,
[list1]
False
.SetVar [final] [list1(0)]
.StrLen "[list1]" [final]
jsAlert "[list1]"
24px
256px
56px
col-sm-12
[list1_a]
how to populate multiselect into using , (comma) as seperator
.xss
8px
238px
296px
48px
row
neoGoogleFonts "Kablammo"
88px
16px
16px
col-sm-12
Single Select (the value populated)
h4
344px
0px
32px
col-sm-12
Afghanistan|AF,Albania|AL,Algeria|DZ,Andorra|AD,Angola|AO,Argentina|AR,Armenia|AM,Australia|AU,Austria|AT,Azerbaijan|AZ,Bahamas|BS,Bahrain|BH,Bangladesh|BD,Barbados|BB,Belarus|BY,Belgium|BE,Belize|BZ,Benin|BJ,Bhutan|BT,Bolivia|BO,Bosnia and Herzegovina|BA,Botswana|BW,Brazil|BR,Brunei|BN,Bulgaria|BG,Burkina Faso|BF,Burundi|BI,Cabo Verde|CV,Cambodia|KH,Cameroon|CM,Canada|CA,Central African Republic|CF,Chad|TD,Chile|CL,China|CN,Colombia|CO,Comoros|KM,Congo (Congo-Brazzaville)|CG,Costa Rica|CR,Croatia|HR,Cuba|CU,Cyprus|CY,Czech Republic (Czechia)|CZ,Denmark|DK,Djibouti|DJ,Dominica|DM,Dominican Republic|DO,Ecuador|EC,Egypt|EG,El Salvador|SV,Equatorial Guinea|GQ,
[list2]
False
SetVar [final] [list2]
24px
256px
56px
col-sm-12
[list2]
Correct result
.xss
215px
255px
165px
45px
Get Values Into list1
424px
256px
208px
80px
[final]
8px
8px
296px
48px
row
neoGoogleFonts "Kablammo"
88px
16px
16px
col-sm-12
MultiSelect
h4
24px
256px
56px
col-sm-12
[list4]
how to populate multiselect into using , (comma) as seperator
.xss
72px
352px
88px
32px
row
<div class="container">
<label for="multiSelect">Select Options:</label>
<select id="multiSelect" multiple class="form-control" style="width: 100%;">
<!-- Opsi akan ditambahkan secara dinamis melalui JavaScript -->
</select>
<div class="mt-3">
<label for="output">Selected Values:</label>
<textarea id="output" class="form-control" rows="3" readonly></textarea>
</div>
</div>
18px
198px
24px
col-sm-6
aa
GotoPage "NewPage"
104px
280px
264px
48px
18px
198px
24px
col-sm-6
aa
slOpenModal "Container15"
SizeObject "Container15" 500 1000
MoveObject "Container15" 10 50
0px
0px
667px
375px
False
custom
24px
64px
440px
120px
row
72px
8px
8px
col-xs-12
78px
6px
24px
col-sm-12
Afghanistan|AF,Albania|AL,Algeria|DZ,Andorra|AD,Angola|AO,Argentina|AR,Armenia|AM,Australia|AU,Austria|AT,Azerbaijan|AZ,Bahamas|BS,Bahrain|BH,Bangladesh|BD,Barbados|BB,Belarus|BY,Belgium|BE,Belize|BZ,Benin|BJ,Bhutan|BT,Bolivia|BO,Bosnia and Herzegovina|BA,Botswana|BW,Brazil|BR,Brunei|BN,Bulgaria|BG,Burkina Faso|BF,Burundi|BI,Cabo Verde|CV,Cambodia|KH,Cameroon|CM,Canada|CA,Central African Republic|CF,Chad|TD,Chile|CL,China|CN,Colombia|CO,Comoros|KM,Congo (Congo-Brazzaville)|CG,Costa Rica|CR,Croatia|HR,Cuba|CU,Cyprus|CY,Czech Republic (Czechia)|CZ,Denmark|DK,Djibouti|DJ,Dominica|DM,Dominican Republic|DO,Ecuador|EC,Egypt|EG,El Salvador|SV,Equatorial Guinea|GQ,
[list2]
False
18px
18px
8px
col-xs-12
38px
8px
16px
col-sm-12
closedialog