File Manager

✏️ Edit File: /home/rla105zs937x/public_html/lottery/random.php

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Digit Permutations</title>
		
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<style>
		body {
		font-family: 'Arial', sans-serif;
		background-color: #f8f9fa;
		margin: 0;
		padding: 0;
		}
		
		.container {
		background-color: #ffffff;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		padding: 20px;
		}
		
		
		h2 {
		color: #007bff;
		}
		
		h5 {
		color: #F43E54;
		}
		
		label {
		color: #495057;
		}
		
		input[type="text"], input[type="number"] {
		width: 100%;
		padding: 10px;
		margin: 5px 0;
		box-sizing: border-box;
		border: 1px solid #ced4da;
		border-radius: 4px;
		}
		
		.btn {
		background-color: #007bff;
		color: #ffffff;
		border: none;
		padding: 10px 20px;
		cursor: pointer;
		border-radius: 4px;
		}
		
		.btn:hover {
		background-color: #0056b3;
		}
		
		#permutationsContainer {
		margin-top: 20px;
		}
		
		#permutationsContainer label {
		display: inline-block;
		margin: 0 5px 5px 0;
		padding: 10px;
		border: 1px solid #ced4da;
		border-radius: 4px;
		background-color: #ffffff;
		cursor: pointer;
		}
		
		#permutationsContainer label:hover {
		background-color: #f8f9fa;
		}
		
		#selectedPermutationsContainer {
		margin-top: 10px;
		}
		
		#selectedPermutationsContainer label {
		display: block;
		margin-bottom: 5px;
		padding: 5px;
		background-color: #007bff;
		color: #ffffff;
		border-radius: 4px;
		}
		#permutationsContainer label {
		display: block;
		padding: 10px;
		border: 1px solid #ced4da;
		border-radius: 4px;
		background-color: #ffffff;
		cursor: pointer;
		}
		
		#permutationsContainer label.selected {
		background-color: #3E4FF4;
		color: #ffffff;
		border-color: #007bff;
		}
		
		#permutationsContainer label:hover {
		background-color: red;
		color:white;
		}
		
		#selectedPermutationsContainer label {
		display: block;
		margin-bottom: 5px;
		padding: 5px;
		background-color: #007bff;
		color: #ffffff;
		border-radius: 4px;
		}
	</style>
	
	
	<body>
		
		
		<div class="container mt-5">
			<h2>Digit Permutations</h2>
			<div class="row">
				<div class="col-md-6">
					<div class="input-group mb-3">
						<input type="text" class="form-control" id="numberInput" placeholder="Enter a number" maxlength="6">
					</div>
					<div class="form-check">
						<input type="checkbox" class="form-check-input" id="includeOriginal" checked hidden>
						<label class="form-check-label" for="includeOriginal" hidden>Include original number</label>
					</div>
					<div class="mt-3">
						<label for="permutationsCount">Number of Permutations:</label>
						<input type="number" class="form-control" id="permutationsCount" min="1" placeholder="Enter count">
					</div>
					<br>
					<div class="row">
						<div class="col-md-4">
							<button class="btn btn-outline-secondary btn-block" type="button" onclick="generatePermutations()">Generate</button>
						</div><br><br>
						<div class="col-md-4">
							<button class="btn btn-outline-secondary btn-block" id="sel_all" type="button" onclick="toggleSelectAll()">Select All</button>
						</div><br><br>
						<div class="col-md-4">
							<button class="btn btn-outline-secondary btn-block" id="Submit" name="Submit" type="button" onclick="submitForm()">Submit</button>
						</div>
					</div>
					
					<div id="permutationsContainer" class="mt-3 container"></div>
				</div>
				<div class="col-md-6">
					<div class="mt-3">
						
						<form id="downloadForm" action="download.php" method="Post">
							<div class="row">
								<div class="col-md-4">
									<label> Print Last Digit </label>
								</div>
								<div class="col-md-4">
									<input type="number" class="form-control" name="splite" value="0" required>
								</div>
								<div class="col-md-4">
									<input type="hidden" name="selectedvalue" id="selectedValues">
									<button class="btn btn-outline-secondary btn-block" id="Submit" name="Submit" type="button" onclick="downloadForm()">Download</button>
								</div>
								</div>
							</form><br>
							<h5 class="text-center">Selected Permutations:</h5>
							<div id="selectedPermutationsContainer"></div>
						</div>
					</div>
				</div>
			</div>
			
			
			
			<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
			<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
			<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script>
			<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
			<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
			
			
			<script>
				function generatePermutations() {
				var originalNumber = document.getElementById("numberInput").value;
				var includeOriginal = document.getElementById("includeOriginal").checked;
				var permutationsCount = parseInt(document.getElementById("permutationsCount").value);
				
				if (!originalNumber.match(/^\d+$/) || originalNumber.length === 0) {
					// Using SweetAlert for a nicer alert
					Swal.fire({
						icon: 'error',
						title: 'Oops...',
						text: 'Please enter a valid number.',
					});
					
					// Reset input fields to empty string
					document.getElementById('numberInput').value = '';
					document.getElementById('permutationsCount').value = '';
					
					return;
				}
				
				var maxLength = Math.min(originalNumber.length, 6);
				originalNumber = originalNumber.substring(0, maxLength);
				
				var permutations = getPermutations(originalNumber, includeOriginal);
				
				if (isNaN(permutationsCount) || permutationsCount < 1) {
					Swal.fire({
						icon: 'error',
						title: 'Invalid Count',
						text: 'Please enter a valid count (greater than 0).',
					});
					return;
				}
				
				if (permutationsCount > permutations.length) {
					Swal.fire({
						icon: 'error',
						title: 'Count exceeds the maximum possible permutations',
						text: 'Maximum: ' + permutations.length,
					});
					
					permutationsCount = permutations.length;
					document.getElementById("permutationsCount").value = permutations.length;
				}
				
				
				displayPermutations(permutations.slice(0, permutationsCount), includeOriginal);
			}
			
			function toggleSelectAll() {
				var labels = document.querySelectorAll('#permutationsContainer label');
				
				// Check if all labels are selected
				var allSelected = Array.from(labels).every(label => label.classList.contains('selected'));
				
				labels.forEach(label => {
					if (allSelected) {
						label.classList.remove('selected');
						label.classList.value = 'unselected all';
						} else {
						label.classList.add('selected');
						label.classList.value = 'selected all';
					}
				});
				
				var button = document.getElementById('sel_all');
				button.textContent = allSelected ? 'Select All' : 'Deselect All';
				
				displaySelectedPermutations(document.getElementById("permutationsContainer"));
			}
			
			
			function getPermutations(number, includeOriginal) {
				var result = [];
				var visited = new Set(); // Use a Set to keep track of visited permutations
				permute("", number, result, includeOriginal, visited);
				return result;
			}
			
			function permute(prefix, remaining, result, includeOriginal, visited) {
				var n = remaining.length;
				if (n === 0 && includeOriginal) {
					if (!visited.has(prefix)) {
						result.push(prefix);
						visited.add(prefix);
					}
					} else {
					for (var i = 0; i < n; i++) {
						permute(
						prefix + remaining.charAt(i),
						remaining.substring(0, i) + remaining.substring(i + 1),
						result,
						includeOriginal,
						visited
						);
					}
				}
			}
			
			function displayPermutations(permutations, includeOriginal) {
				var container = document.getElementById("permutationsContainer");
				container.innerHTML = "";
				
				var rowDiv = '<div class="row">';
				permutations.forEach(function (permutation, index) {
					var label = '<label class="form-check-label" onclick="toggleHighlight(this)">' + permutation + '</label>';
					var labelDiv = '<div class="form-check col-md-3">' + label + '</div>';
					rowDiv += labelDiv;
					
					// Start a new row after every 4 permutations
					if ((index + 1) % 4 === 0) {
						rowDiv += '</div>'; // Close the current row
						container.innerHTML += rowDiv;
						rowDiv = '<div class="row">'; // Start a new row
					}
				});
				
				// Close the last row if it's not already closed
				if (rowDiv !== '<div class="row">') {
					rowDiv += '</div>';
					container.innerHTML += rowDiv;
				}
				
				displaySelectedPermutations(container, includeOriginal);
			}
			
			
			function toggleHighlight(label) {
				label.classList.toggle("selected");
				displaySelectedPermutations(document.getElementById("permutationsContainer"));
			}
			
			function displaySelectedPermutations(container) {
				var selectedContainer = document.getElementById("selectedPermutationsContainer");
				selectedContainer.innerHTML = "";
				
				var labels = container.querySelectorAll("label.selected");
				
				labels.forEach(function(label, index) {
					// Create a new row for every 4 elements
					if (index % 4 === 0) {
						var row = document.createElement('div');
						row.className = 'row';
						selectedContainer.appendChild(row);
					}
					
					// Create a column div with col-md-3 class
					var colDiv = document.createElement('div');
					colDiv.className = 'col-md-3';
					
					// Create h3 element and set styles
					var h3Element = document.createElement('h3');
					h3Element.textContent = label.textContent;
					h3Element.style.color = 'blue';
					h3Element.style.fontFamily = 'Arial';
					
					// Append h3 to column div and column div to the row
					colDiv.appendChild(h3Element);
					selectedContainer.lastChild.appendChild(colDiv);
				});
				
				var originalNumber = document.getElementById("numberInput").value;
				var selectedContainerStyle = selectedContainer.style;
				
				// Add box format style with shadow using inline CSS
				selectedContainerStyle.border = "1px solid #ccc";
				selectedContainerStyle.padding = "10px";
				selectedContainerStyle.boxShadow = "2px 2px 5px #888888";
				selectedContainerStyle.color = "red";
				selectedContainerStyle.fontFamily = "Arial";
				selectedContainerStyle.textAlign = "center"; // Use camelCase for text-align
				
				// Update the content
				selectedContainer.innerHTML = "Original: " + originalNumber + "<br><br>" + selectedContainer.innerHTML;
			}
			
			
			
		</script>
		
		<script>
			function submitForm() {
				// Assuming you have a function to gather the selected values
				var selectedValues = gatherSelectedValues();
				
				// AJAX request
				$.ajax({
					type: "POST",
					url: "process.php",
					data: {selectedValues: selectedValues},
					success: function(response) {
						// Display the response or perform any other actions
						alert(response);
					}
				});
			}
			function downloadForm() {
				// Assuming you have a function to gather the selected values
				var selectedValues = gatherSelectedValues();
				document.getElementById("selectedValues").value=selectedValues;
				// AJAX request
				var form = document.getElementById("downloadForm");
				
				// Submit the form
				form.submit();
			}
			
			
			function gatherSelectedValues() {
				// Implement your logic to gather selected values
				// For example, you can get values from the labels with the class "selected"
				// and return them as a comma-separated string.
				var selectedValues = "";
				var labels = document.querySelectorAll("label.selected");
				labels.forEach(function(label) {
					selectedValues += label.textContent + ",";
				});
				// Remove the trailing comma
				selectedValues = selectedValues.slice(0, -1);
				return selectedValues;
			}
		</script>
		
	</body>
</html>

Batal

⬅ Naik ke public_html 9 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁backup	dir	—	2024-01-29 19:27	📂 Buka
📁mani	dir	—	2024-01-29 13:20	📂 Buka
🐘download.php	php	1.6 KB	2024-01-30 12:49	✏️ Edit 👁️ View
📄error_log	file	12.2 KB	2025-12-01 11:11	✏️ Edit 👁️ View
🐘index.php	php	12.3 KB	2024-02-03 14:19	✏️ Edit 👁️ View
🗜️mani.zip	zip	49.2 KB	2024-01-29 13:20	✏️ Edit 👁️ View
🐘process.php	php	770 B	2024-02-03 10:21	✏️ Edit 👁️ View
🐘random.php	php	12.2 KB	2024-01-29 20:17	✏️ Edit 👁️ View
📜sweetalert.js	js	71.4 KB	2024-01-23 04:48	✏️ Edit 👁️ View