Файловый менеджер

Файловый менеджер - Редактировать - /home/carpe/public_html/CURSED/cursedV2.php

Назад
<?php session_start(); if(isset($_POST['deco'])){ if (isset($_SESSION['login'])) { unset($_SESSION['login']); session_destroy(); header("Location: cursedV2.php"); } } if(isset($_SESSION['login'])){ echo "<div id='cache'>on</div>"; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Carpirats</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet"> <link rel="icon" type="image/png" href="images/coin.png"> <style> body{ margin:0; padding:0; width:100%; height:100vh; display:flex; justify-content:center; background-image:url('images/bg_wood.png'); background-size:cover; position:fixed; font-family: "VT323", serif; font-weight: 400; font-style: normal; } #canvas{ width: 1000px; height:600px; background-image:url('images/skyV2.png'); background-size:cover; background-position:center; image-rendering: pixelated; position:relative; overflow:hidden; z-index:2; margin-top:150px; } #bordure{ margin-bottom:50px; position:absolute; width: 1130px; height:700px; image-rendering: pixelated; margin-right:60px; z-index:2; pointer-events: none; margin-top:75px; } #eau{ position:absolute; width:1000px; height:600px; z-index:2; bottom:20px; } #radeau{ width:200px; height:100px; position:absolute; bottom:100px; z-index:4; left:400px; } #ecume{ width:200px; height:100px; position:absolute; z-index:3; bottom:100px; left:350px; } #background3{ position:absolute; } #background4{ position:absolute; left:1000px; } #map{ position:absolute; width:600px; right:-30px; z-index:3; bottom:-80px; cursor:pointer; display:none; } #classement{ position:absolute; top:120px; left:0px; width:320px; height:400px; z-index:100; background:url('images/classement.png'); background-size: 100% 100%; background-repeat:no-repeat; background-position:center; } #title_classement{ text-align:center; font-size:2.5rem; margin:0; padding:0; margin-top:5px; padding-bottom:5px; color:#50321d; background-image:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:35px 40px 40px 30px; position:absolute; width:300px; top:50px; left:-65px; z-index:101; } .oh{ font-size:1.5rem; width:100%; margin:0; margin-top:5px; margin-left:10px; color:#b79a6e; } #oh{ font-size:1.5rem; width:100%; margin:0; margin-left:10px; color:#b79a6e; margin-top:25px; } #players{ width:100%; height:100%; overflow:auto; } #quetes{ position:absolute; top:125px; right:130px; width:420px; height:300px; z-index:100; } #title_quetes{ position:absolute; top:80px; right:130px; z-index:101; width:400px; font-size:2rem; background-image:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:25px 20px 30px 20px; text-align:center; color:#50321d; } #jornal{ position:absolute; width:500px; left:0px; z-index:0; bottom:0; cursor:pointer; } #header{ position:absolute; top:20px; z-index:1000; } #log{ position:absolute; left:640px; top:25px; z-index:1001; } #log h2{ margin:0; margin-top:10px; color:#b79a6e; cursor:pointer; } #log h2:hover{ text-decoration:underline; } #infos{ position:absolute; left:120px; top:25px; z-index:1001; } #infos div{ display:flex; gap:25px } #infos div h2{ margin:0; margin-top:10px; } #pears_ins{ position:absolute; z-index:999; width:auto; background:#b79a6e; top:-200px; text-align:center; padding:0px 15px 10px 15px; color:#50321d; transition:.5s all; } #pears_ins form{ display:flex; gap:15px; align-items:center; } #pears_ins h2{ font-size:1.2rem; margin:0; margin-top:20px; } #pears_ins h3{ font-size:1rem; margin:0; margin-top:20px; } #pears_ins input{ margin-top:20px; background:none; border:none; outline:none; font-family: "VT323", serif; font-weight: 400; font-style: normal; font-size:1.2rem; } #pears_ins label{ font-size:1.2rem; margin:0; margin-top:20px; background:#50321d; color:#b79a6e; padding:5px 15px 5px 15px; cursor:pointer; } #pears_con{ position:absolute; z-index:999; width:auto; background:#b79a6e; top:-200px; text-align:center; padding:0px 15px 10px 15px; color:#50321d; transition:.5s all; } #pears_con form{ display:flex; gap:15px; align-items:center; } #pears_con h2{ font-size:1.2rem; margin:0; margin-top:20px; } #pears_con h3{ font-size:1rem; margin:0; margin-top:20px; } #pears_con input{ margin-top:20px; background:none; border:none; outline:none; font-family: "VT323", serif; font-weight: 400; font-style: normal; font-size:1.2rem; } #pears_con label{ font-size:1.2rem; margin:0; margin-top:20px; background:#50321d; color:#b79a6e; padding:5px 15px 5px 15px; cursor:pointer; } #gocon{ text-decoration:underline; cursor:pointer; } #goin{ text-decoration:underline; cursor:pointer; } #deconnexion{ all:initial; margin:0; margin-top:10px; color:#b79a6e; font-family: "VT323", serif; font-weight: 600; font-style: normal; font-size:1.5rem; } #deconnexion:hover{ cursor:pointer; text-decoration:underline; } .icons{ position:absolute; width:60px; } #piece{ left:160px; top:12px; } #gold_texte{ position:absolute; color:#50321d; left:175px; top:20px; font-size:1.2rem; } #food{ left:80px; } #heart{ width:55px; top:14px; left:10px; } #orientation{ position:absolute; z-index:10; bottom:50px; left:300px; } #niv{ position:absolute; z-index:100; color:#bd8532; top:180px; left:330px; font-size:2.5rem; transform:rotate(-17deg); } #cache{ display:none; } #food{ top:10px; } #usernom{ position:absolute; z-index:100; color:#bd8532; top:105px; left:330px; font-size:3rem; transform:rotate(-30deg); text-align:center; } #inv{ background:#50321d; width:60%; height:50%; position:absolute; z-index:220; left:50%; top:50%; transform:translate(-50%,-40%); display:none; align-items:start } #inv div{ background:#b79a6e; margin:10px; padding:10px; display:flex; align-items:center; gap:5px; } #inv div h2{ margin:0; padding:0; } #inv div h3{ margin:0; padding:0; } #message{ width:500px; height:160px; position:absolute; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); display:none; align-items:center; gap:20px; background:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:100px; } #parrot{ height:80%; } #message p{ margin:0; padding:0; margin:10px; color:#50321d; font-size:1.2rem; height:90%; } #message h1{ position:absolute; right:120px; bottom:120px; cursor:pointer; color:#50321d; margin:0; padding:0; font-size:1.2rem; } .ile{ position:absolute; z-index:2; top:240px; width:500px; left:1050px; } #vie{ position:absolute; top:10px; left:20px; } #vivres{ position:absolute; left:95px; top:10px; } #quests{ width:290px; height:200px; position:absolute; right:200px; top:180px; z-index:100; overflow:auto; } #quests div{ display:flex; align-items:center; gap:10px; justify-content:center; } #quests p{ font-size:1.2rem; color:#50321d; font-weight:200; margin:0; margin-left:30px; } #quests div h2{ font-size:1.5rem; color:#50321d; font-weight:200; margin:0; } .coche{ width:40px; } #notif{ position:absolute; top:740px; z-index:999; text-align:center; color:#bd8532; } #fishing_road{ position:absolute; z-index:100; left:568px; bottom:95px; width:130px; display:none; } #fishing_road0{ position:absolute; z-index:100; left:568px; bottom:95px; width:130px; display:none; transition:.5s bottom; } #fished{ position:absolute; bottom:20px; right:380px; z-index:101; width:200px; font-size:1.3rem; background-image:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:25px 20px 30px 20px; text-align:center; color:#50321d; display:none; cursor:pointer; } #menu_ile{ position:absolute; width:80%; height:70%; z-index:201; left:100px; top:140px; display:none; } #title_ile{ position:absolute; top:-20px; left:185px; z-index:101; width:400px; font-size:2rem; background-image:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:25px 20px 30px 20px; text-align:center; color:#50321d; } .icon{ position:absolute; z-index:101; font-size:1.4rem; background-image:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:25px 15px 30px 15px; text-align:center; color:#50321d; cursor:pointer; } .ile_menu{ width:90%; position:absolute; top:100px; left:100px; } #port{ bottom:50px; right:85px; } #poissonnerie{ bottom:90px; left:125px; } #taverne{ bottom:60px; left:450px; } #vente{ width:550px; height:160px; position:absolute; z-index:211; top:70%; left:50%; transform:translate(-50%,-50%); align-items:center; gap:20px; background:url('images/texte.png'); background-size: 100% 180%; background-repeat:no-repeat; background-position:center; padding:100px; display:none; } #vente p{ margin:0; padding:0; margin:10px; color:#50321d; font-size:1.2rem; height:90%; } #close_vente{ position:absolute; right:120px; bottom:120px; cursor:pointer; color:#50321d; margin:0; padding:0; font-size:1.2rem; } #buttons{ width:400px; position:absolute; bottom:100px; right:180Px; display:flex; gap:20px; justify-content:center; } #buttons h2{ cursor:pointer; } #sp{ display:none; } #magasin{ display:none; width:400px; height:100px; position:absolute; left:220Px; bottom:165px; flex-wrap:wrap; align-items:start; overflow:auto; } #magasin div{ margin:0; display:flex; align-items:center; gap:20px; height:50px; } .Acheter{ cursor:pointer; } .Vendre{ cursor:pointer; } </style> <body> <h2 id='usernom'><?php if(isset($_SESSION['login'])){ echo $_SESSION['login']; //cache pour dire en js -> va chercher les données, tes connectée }else{ echo "User"; } ?></h2> <h1 id='niv'>Niv 1</h1> <div id='pears_ins'> <h3>Si vous avez déja un compte, <a id='gocon'>connectez vous.</a></h3> <form> <input id='ins_nom' class='toi' type='text' name='pseudo' placeholder='Pseudo' maxlength='10'> <input id='ins_mdp' class='toi' type='PASSWORD' name='mdp' placeholder='Mdp'> <label class='envoyer' id='register'>S'inscrire</label> <label class='envoyer2'>Fermer</label> </form> <h3 id='erreur1'>En vous inscrivant, vous conservez les données de jeu actuelles</h3> </div> <div id='pears_con'> <h3>Si vous n'avez pas de compte, <a id='goin'>enregistrez vous.</a></h3> <form> <input id='log_nom' class='toi' type='text' name='pseudo' placeholder='Pseudo' maxlength='10'> <input id='log_mdp' class='toi' type='PASSWORD' name='mdp' placeholder='Mdp'> <label class='envoyer' id='login'>Se connecter</label> <label class='envoyer2'>Fermer</label> </form> <h3 id='erreur2'></h3> </div> <h2 id='title_classement'>Classement</h2> <div id='classement'> <?php include 'database.php'; $database = new Database(); $connexion = $database->getConnection(); if ($connexion) { $sql = "SELECT * FROM `users` order by gold DESC"; $statement = $connexion->prepare($sql); $statement->execute(); $index = 0; $results = $statement->fetchAll(PDO::FETCH_ASSOC); foreach ($results as $row) { $index++; if($index<11){ if($index <2){ echo "<h3 id='oh'>"; $pseudo = $row['pseudo']; $gold = $row['gold']; echo "Top $index : "; echo "$pseudo, $gold"; echo "</h3>"; }else{ echo "<h3 class='oh'>"; $pseudo = $row['pseudo']; $gold = $row['gold']; echo "Top $index : "; echo "$pseudo, $gold"; echo "</h3>"; } } } } ?> </div> <h2 id='title_quetes'>Liste de Quêtes</h2> <img id='quetes' src='images/quetes.png'> <div id='quests'> </div> <div id='canvas'> <div id='menu_ile'> <h2 id='title_ile'>Roady Bay</h2> <img class='ile_menu' src='images/ile1.png'> <h3 class='icon' id='port'>Port</h3> <h3 class='icon' id='poissonnerie'>Marché</h3> <h3 class='icon' id='taverne'>Taverne</h3> </div> <div id='inv'> </div> <div id='vente'> <img id='parrot' src='images/parrot.png'> <p>Message à transmettre</p> <h1 id='close_vente'>Fermer..></h1> <div id='buttons'> <h2 id='commerce'>Commercer</h2> <h2 id='talk'>Discuter</h2> <h2 id='sp'>Lever l'ancre</h2> <h2 id='up'>Améliorer</h2> </div> <div id='magasin'> </div> </div> <div id='message'> <img id='parrot' src='images/parrot.png'> <p>Message à transmettre</p> <h1 id='close_mess'>..></h1> </div> <img id='background3' src='images/background3.png'> <img id='background4' src='images/background3.png'> <img id='eau' src='aie/Untitled00086401.png'> <img class='ile' id='ile1' src='images/ile1.png'> <img id='ecume' class='boat' src='images/eau.png'> <img id='radeau' class='boat' src='images/bateau1.png'> <img id='fishing_road' class='boat' src='images/fishing_road11.png'> <img id='fishing_road0' class='boat' src='images/fishing_road0.png'> <img id='header' src='images/header.png'> <img id='orientation' src='images/orientation.png'> <h2 id='fished'>Pécher le poisson</h2> <?php if(isset($_SESSION['login'])){ echo "<div id='log'> <h2 id='sauvegarder'>- Sauvegarder</h2> <form method='POST' action='cursedV2.php'> <input type='submit' id='deconnexion' value='- Deconnexion' name='deco'> </form> </div>"; }else{ echo "<div id='log'> <h2 id='connexion'>- Connexion</h2> <h2 id='inscription'>- Inscription</h2> </div>"; } ?> <div id='infos'> <div id='un'> <img id='piece' class='icons' src='images/piece.png'> <h2 id='gold_texte'>100</h2> </div> <div id='deux'> <img id='heart' class='icons' src='images/heart1.png'> <h2 id='vie'>100</h2> <img id='food' class='icons' src='images/food.png'> <h2 id='vivres'>100</h2> </div> </div> </div> <h2 id='notif'></h2> <img id='bordure' src='images/border.png'> <img id='map' src='images/map.png'> <img id='jornal' src='images/jornal.png'> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script> function supp(obj,quantite2){ //trouver la div et récupéré la quantité var enfants = document.querySelectorAll('#inv > div'); var tableauEnfants = Array.from(enfants); var divPoisson = tableauEnfants.find(function(div) { var h2 = div.querySelector('h2'); return h2 && h2.textContent.trim() === obj; }); if(divPoisson){ var h3 = divPoisson.querySelector('h3'); var quantite = h3.textContent.trim(); var intquantite = parseInt(quantite.match(/\d+/)[0]); var quantite3 = parseInt(quantite2); var result = intquantite - quantite3; //console.log(result) if(result<=0){ divPoisson.remove(); }else{ //enelver la quantite adéquate h3.textContent = `x${result}`; } }else{ console.log("lobjet nexiste pas dans linventaire"); } // faire quantité - quantité 2 // si le résultat est 0 ou moins, supprimé la div, sinon, appliquer le nouveau résultat } function vendre() { var vendreElements = document.querySelectorAll('.Vendre'); vendreElements.forEach(element => { if (!element.dataset.eventAttached) { element.addEventListener('click', function(event) { var boutonClique = event.target; var produitDiv = event.target.closest('div'); var select2 = produitDiv.querySelector('.produit'); var nom = produitDiv.querySelector('.nom'); nom = nom.textContent; var prix = produitDiv.querySelector('.price'); prix = prix.textContent; prix = parseInt(prix.match(/\d+/)[0]); var quantite2 = select2.value; //console.log(quantite2) var prixTot = prix * quantite2; var valeurs = Array.from(select2.options).map(option => parseInt(option.value)); var valeurMax = Math.max(...valeurs); if(quantite2 == valeurMax){ produitDiv.remove(); console.log('TT remove') supp(nom,quantite2) }else{ for (let i = 0; i < quantite2; i++) { var select3 = produitDiv.querySelector('.produit'); var optionsCount = select3.options.length; select2.options[optionsCount - 1].remove(); } supp(nom,quantite2) } var money = $('#gold_texte').text(); money = parseInt(money.match(/\d+/)[0]); var reste = money + prixTot; $('#gold_texte').text(reste); notif("Vous avez vendu " + quantite2 + " " + nom + " pour " + prixTot + 'golds') }) element.dataset.eventAttached = true; } }) } function acheter() { var acheterElements = document.querySelectorAll('.Acheter'); acheterElements.forEach(element => { if (!element.dataset.eventAttached) { element.addEventListener('click', function(event) { //console.log('Clic détecté sur :', event.target); var boutonClique = event.target; var produitDiv = event.target.closest('div'); var select2 = produitDiv.querySelector('.produit'); var nom = produitDiv.querySelector('.nom'); nom = nom.textContent; var prix = produitDiv.querySelector('.price'); prix = prix.textContent; prix = parseInt(prix.match(/\d+/)[0]); //console.log(prix) var quantite2 = select2.value; //console.log(quantite2) var valeurs = Array.from(select2.options).map(option => parseInt(option.value)); var valeurMax = Math.max(...valeurs); var money = $('#gold_texte').text(); money = parseInt(money.match(/\d+/)[0]); var prixTot = prix * quantite2; if(money >= prixTot){ //AJOUT A LINV notif("Vous avez acheté " + quantite2 + " " + nom) add(nom,quantite2); var reste = money - prixTot; $('#gold_texte').text(reste); if(quantite2 == valeurMax){ produitDiv.remove(); }else{ for (let i = 0; i < quantite2; i++) { var select3 = produitDiv.querySelector('.produit'); var optionsCount = select3.options.length; select2.options[optionsCount - 1].remove(); } } }else{ notif("Vous n'avez pas assez dargent") } }); element.dataset.eventAttached = true; } }); } function sellmarket() { //NE PAS ALLER CHERCHER DANS LA BDD -> PAS ACTUALIS1E, ALLER CHERCHER DANS L4INV var divs = document.querySelectorAll('#inv > div'); divs.forEach(function(div, index) { var h2 = div.querySelector('h2'); var h3 = div.querySelector('h3'); var nom = h2.textContent; var quantite = h3.textContent; quantite = parseInt(quantite.match(/\d+/)[0]); console.log(quantite) quantite++; if(nom == 'Poisson'){ var newDiv = document.createElement('div'); newDiv.classList.add('vent'); var newH2 = document.createElement('h3'); var newH3 = document.createElement('h3'); var newH32 = document.createElement('h2'); var select = document.createElement('select'); select.classList.add('produit'); for (let i = 1; i < quantite; i++) { //console.log(i) var option = document.createElement('option'); option.value = i; option.textContent = i; select.appendChild(option); } newH2.textContent = nom; //newH3.textContent = `x${quantite2}`; //DEFINIR LES PRIX var prix = 5; newH3.textContent = prix + 'e/unité'; newH32.textContent = "Vendre"; newH32.classList.add('Vendre'); newH2.classList.add('nom'); newH3.classList.add('price'); select.selectedIndex = select.options.length - 1; newDiv.appendChild(newH32); newDiv.appendChild(newH2); newDiv.appendChild(select); newDiv.appendChild(newH3) $('#magasin').append(newDiv); vendre(); } }); / var cause2 = 'take'; $.ajax({ url:'inv.php', data:{cause2:cause2}, type:'POST', success: function(res){ var tab = res.split('.'); tab.pop(); tab.forEach(index =>{ var tab2 = index.split(','); //console.log(tab2[0]); //console.log(tab2[1]); var nom = tab2[0]; var quantite = tab2[1]; console.log(quantite) if(nom == 'Poisson'){ quantite++; var newDiv = document.createElement('div'); newDiv.classList.add('vent'); var newH2 = document.createElement('h3'); var newH3 = document.createElement('h3'); var newH32 = document.createElement('h2'); var select = document.createElement('select'); select.classList.add('produit'); for (let i = 1; i < quantite; i++) { //console.log(i) var option = document.createElement('option'); option.value = i; option.textContent = i; select.appendChild(option); } newH2.textContent = nom; //newH3.textContent = `x${quantite2}`; //DEFINIR LES PRIX var prix = 5; newH3.textContent = prix + 'e/unité'; newH32.textContent = "Vendre"; newH32.classList.add('Vendre'); newH2.classList.add('nom'); newH3.classList.add('price'); select.selectedIndex = select.options.length - 1; newDiv.appendChild(newH32); newDiv.appendChild(newH2); newDiv.appendChild(select); newDiv.appendChild(newH3) $('#magasin').append(newDiv); vendre(); } }) } })/ } function addmarket(obj, quantite2,prix) { console.log(quantite2) var enfants = document.querySelectorAll('#magasin > div'); var tableauEnfants = Array.from(enfants); quantite2++; var divPoisson = tableauEnfants.find(function(div) { var h2 = div.querySelector('h2'); return h2 && h2.textContent.trim() === obj; }); if (divPoisson) { var h3 = divPoisson.querySelector('h3'); var quantite = h3.textContent.trim(); var intquantite = parseInt(quantite.match(/\d+/)[0]); var plus = parseInt(quantite2); intquantite += plus; h3.textContent = `x${intquantite}`; //jpense le if on peut le supp mais je laisse au cas ou } else { var newDiv = document.createElement('div'); newDiv.classList.add('sells') var newH2 = document.createElement('h3'); var newH3 = document.createElement('h3'); var newH32 = document.createElement('h2'); var select = document.createElement('select'); select.classList.add('produit'); for (let i = 1; i < quantite2; i++) { //console.log(i) var option = document.createElement('option'); option.value = i; option.textContent = i; select.appendChild(option); } newH2.textContent = obj; newH2.classList.add('nom'); //newH3.textContent = `x${quantite2}`; newH3.textContent = prix + 'e/unité'; newH3.classList.add('price'); newH32.textContent = "Acheter"; newH32.classList.add('Acheter'); select.selectedIndex = select.options.length - 1; newDiv.appendChild(newH32); newDiv.appendChild(newH2); newDiv.appendChild(select); newDiv.appendChild(newH3) $('#magasin').append(newDiv); acheter(); } } var stop=false; var monde = 1; var quest = 1; var niv = 1; var bateau = 1; var mess = 1; var avancer = 0; var block = true; var block_peche = true; var ile1=false; function vente(icon){ var nom = icon.textContent; if(nom == 'Port'){ $('#sp').css('display','block') $('#commerce').css('display','none') $('#up').css('display','block') }else{ $('#sp').css('display','none') $('#commerce').css('display','block') $('#up').css('display','none') } if(nom == 'Taverne'){ $('#commerce').css('display','none') }else{ if(nom != 'Port'){ $('#commerce').css('display','block') } } $('#vente > p').text(nom) $('#vente').css('display','flex') } function remove(){ var enfants = document.querySelectorAll('#magasin > .sells'); enfants.forEach(function(enfant) { enfant.remove(); // Supprime chaque div enfant }); } $('#commerce').on('click',function(){ const valeur = $(this).closest('#buttons').prevAll('p').text(); console.log(valeur); if(valeur == "Marché"){ remove(); addmarket('Poisson','20','10') } if(valeur == "Taverne"){ remove() addmarket('RIEN AHAHA','20','10') } if(valeur == "Port"){ } $('#vente > p').css('display','none'); $('#magasin').css('display','flex'); //gérer ici ?? }) $('#close_vente').on('click',function(){ $('#vente').css('display','none') $('#vente > p').css('display','block'); $('#magasin').css('display','none'); }) var icons = document.querySelectorAll('.icon'); icons.forEach(function(icon) { icon.addEventListener('click',function(){ vente(icon) }) }); $('#sp').on('click',function(){ if(quest < 8){ notif("Terminez vos quetes avant de quitter l'ile") }else{ ile1=false; $('#menu_ile').css('display','none'); $('#vente').css('display','none') } }) function update(quest){ if(quest == 2){ quete("Ouvrir l'inventaire","Appuyez sur A pour ouvrir l'inventaire",2); block=false; } if(quest == 3){ quete("Ferme l'inventaire","Appuyez sur A pour fermer l'inventaire",3); block=false; } if(quest == 4){ quete("Pécher un poisson","Appuyez sur R pour ouvrir pécher",4); block_peche=false; } if(quest == 6){ quete("Atteindre l'ile la plus proche","Laissez le bateau dériver jusqu'a l'ile la plus proche",6); ile1 = true; } if(quest == 7){ quete("Vends les poissons que tu a peché pour te faire un peu d'argent !","Va au marché pour vendre les poissons",7) quete("Va chercher des informations à la taverne","",8) quete("Améliore ton bateau au port","",9) } if(quest >= 2){ block=false; } if(quest>=4){ block_peche=false; } } function mess_update(mess){ if(mess == 1){ message('Enfin réveillé l’ami ? Tu dois te demander ce que tu fou la… ') } if(mess == 2){ message('T’es un pirate, ou plutôt t’étais… On s’est fait attaqué un truc, une chose… vraiment étrange… m’fin bref, de notre bel équipage, il reste que toi et moi, les autres sont tous morts. ') } if(mess == 3){ message('Il nous reste plus grand chose, a part ce radeau, et j’ai cru apercevoir un bout de carte dépassé de ta poche, tu devrais y jeter un coup d’oeil. Perso j’ai pris du plomb dans les plumes, et j’me souviens plus de grand chose, j’imagine que c’est pareil pour toi…') } if(mess==5){ message("Et bah ca nous avance pas beaucoup, tu ferais mieux de pecher pour essayer de t’en sortir avant que la fin vienne t’achever, de toute facon, ta rien de mieux a faire, on a qu’a se laisser dériver jusqu’a atteindre une ile. "); } } $('#close_mess').on('click',function(){ $('#message').css('display','none') mess++; mess_update(mess); if(mess == 4){ quest++; update(quest) } }) function endquete(id){ var div = document.getElementById(id); var p = document.getElementById(id + '1'); $('#coche').attr('src','images/coched.png'); setTimeout(function(){ if(p){ p.remove(); } if(div){ div.remove(); } if(quest == 3){ quest++; update(quest) mess++; mess_update(mess); } if(quest == 2){ quest++; update(quest) } if(quest == 5){ quest++; update(quest) } if(quest == 6){ quest++; update(quest) } },2000) } function notif(texte){ $('#notif').text(texte) setTimeout(function(){ $('#notif').text('') },2000) } function quete(titre,texte,id){ var div = document.createElement('div'); var h2 = document.createElement('h2'); var img = document.createElement('img'); img.id = 'coche'; var p = document.createElement('p'); div.id = id; p.textContent = texte; p.id = id + '1'; img.src = 'images/coche.png'; h2.textContent = titre; div.appendChild(img); div.appendChild(h2); $('#quests').append(div) $('#quests').append(p) } function message(texte){ $('#message').css('display','flex') $('#message > p').text(texte) } var index10 = 0; setInterval(function(){ index10++ $('#fishing_road').attr('src','images/fishing_road1' + index10 + '.png') if(index10 ==4){ index10=0; } },400) function save(){ var cause2 = "give"; / var vie3 = $('#vie').css('width'); var vie4 = parseInt(vie3,10); var vivres3 = $('#vivres').css('width'); var vivres4 = parseInt(vivres3,10); / var vie4 = $('#vie').text(); var vivres4 = $('#vivres').text(); var gold4 = $('#gold_texte').text(); var gold5 = parseInt(gold4.match(/\d+/)[0], 10) var niv2 = $('#niv').text(); var niv3 = parseInt(niv2.match(/\d+/)[0], 10) var bateau_src = $('#radeau').attr('src'); var id_bateau = parseInt(bateau_src.match(/\d+/)[0], 10); $.ajax({ url:'data.php', data:{cause:cause2,vie:vie4,vivres:vivres4,gold:gold5,monde:monde,quest:quest,niv:niv3,bateau:id_bateau,mess:mess}, type:'POST', success: function(res){ //console.log(res) } }) / var nom = ""; var quantite = ""; var cause2 = "supp"; $.ajax({ url:'inv.php', data:{cause2:cause2}, type:'POST', success: function(res){ //console.log('Supp') } }) / setTimeout(function(){ cause2 = 'send2'; let enfants = $('#inv').children(); Array.from(enfants).forEach(enfant => { let h2 = enfant.querySelector('h2'); if (h2) { nom = h2.textContent; } let h3 = enfant.querySelector('h3'); if (h3) { quantite = h3.textContent; quantite = parseInt(quantite.match(/\d+/)[0]); //ICI MODIFIER EN INT } //console.log(nom); //console.log(quantite) console.log(nom) console.log(quantite) $.ajax({ url:'inv.php', data:{cause2:cause2,nom:nom,quantite:quantite}, type:'POST', success: function(res){ //console.log('add') notif('Sauvegarde effectuée avec succès') } }) }); },2000) } $(document).on('click', '#sauvegarder', function() { save(); }) function menu_ile(ile){ $('#ile1').css('display','none') $('#menu_ile').css('display','block') setTimeout(function(){ sellmarket(); },1000) } var cache = $('#cache').text(); if(cache == "on"){ var cause = "lookfor"; $.ajax({ url:'data.php', data:{cause:cause}, type:'POST', success: function(res){ var tab = res.split(','); var vie = tab[0]; var vivres = tab[1]; var gold2 = tab[2]; monde = tab[3]; quest = tab[4]; var niv = tab[5]; mess = tab[7]; if(mess == 4){ mess=3; } mess_update(mess); update(quest) if(monde == 1){ $('#ile1').css('left','300px'); stop=true; if(quest == 6){ endquete(6); } menu_ile(); } var bateau2 = tab[6]; $('radeau').attr('src','images/' + bateau2 + '.png'); $('#vie').text(vie); $('#vivres').text(vivres); if(vie > 75){ $('#heart').attr('src','images/heart1.png'); } if(vie > 50 && vie <= 75){ $('#heart').attr('src','images/heart3.png'); } if(vie > 25 && vie <= 50){ $('#heart').attr('src','images/heart5.png'); } if(vie >0 && vie <= 25){ $('#heart').attr('src','images/heart7.png'); } if(vie <= 0){ $('#heart').attr('src','images/heart9.png'); } if(vivres > 75){ $('#food').attr('src','images/food.png'); } if(vivres > 50 && vivres <= 75){ $('#food').attr('src','images/food2.png'); } if(vivres > 25 && vivres <= 50){ $('#food').attr('src','images/food4.png'); } if(vivres >0 && vivres <= 25){ $('#food').attr('src','images/food6.png'); } if(vivres <= 0){ $('#food').attr('src','images/food8.png'); } $('#gold_texte').text(gold2) / $('#gold').text(gold2 + " pieces d'or"); $('#vie').css("width",vie); $('#vivres').css("width",vivres); / / if(quest == 1){ message('Enfin réveillé l’ami ? Tu dois te demander ce que tu fou la… ') } if(quest == 2){ quete("Ouvrir l'inventaire","Appuyez sur A pour ouvrir l'inventaire",2) } / } }) var cause2 = 'take'; $.ajax({ url:'inv.php', data:{cause2:cause2}, type:'POST', success: function(res){ var tab = res.split('.'); tab.pop(); tab.forEach(index =>{ var tab2 = index.split(','); //console.log(tab2[0]); //console.log(tab2[1]); if(tab2[0] == 'Map'){ $('#map').css('display','block') } add(tab2[0],tab2[1]); }) } }) }else{ message('Enfin réveillé l’ami ? Tu dois te demander ce que tu fou la… ') add('Journal','1'); add('Canne à peche','1'); add('Lettre','1'); } function add(obj, quantite2) { var enfants = document.querySelectorAll('#inv > div'); var tableauEnfants = Array.from(enfants); // Trouver la div contenant l'objet (Poisson) var divPoisson = tableauEnfants.find(function(div) { var h2 = div.querySelector('h2'); return h2 && h2.textContent.trim() === obj; }); if (divPoisson) { var h3 = divPoisson.querySelector('h3'); var quantite = h3.textContent.trim(); var intquantite = parseInt(quantite.match(/\d+/)[0]); var plus = parseInt(quantite2); intquantite += plus; h3.textContent = `x${intquantite}`; } else { var newDiv = document.createElement('div'); var newH2 = document.createElement('h2'); var newH3 = document.createElement('h3'); newH2.textContent = obj; newH3.textContent = `x${quantite2}`; newDiv.appendChild(newH2); newDiv.appendChild(newH3); $('#inv').append(newDiv); } } $('#register').on('click',function(){ var nom = $('#ins_nom').val(); var mdp = $('#ins_mdp').val(); var cause = 'register'; if(!mdp \|\| !nom){ $('#erreur1').text('Veuillez remplir tous les champs') }else{ $('#erreur1').text(''); $.ajax({ url:'verif.php', data:{cause:cause,nom:nom,mdp:mdp}, type:'POST', success: function(res){ $('#erreur1').text(res) //console.log('OOO') //console.log(res) if(res == "Enregistrement réussi"){ location.reload(); } } }) } send_item('Journal','1'); send_item('Canne à peche','1'); send_item('Lettre','1'); }) function send_item(nom,quantite){ var cause2 = "send"; $.ajax({ url:'inv.php', data:{cause2:cause2,nom:nom,quantite:quantite}, type:'POST', success: function(res){ //console.log('Supp') } }) } $('#login').on('click',function(){ var nom = $('#log_nom').val(); var mdp = $('#log_mdp').val(); var cause = 'login'; if(!mdp \|\| !nom){ $('#erreur2').text('Veuillez remplir tous les champs') }else{ $('#erreur2').text(''); $.ajax({ url:'verif.php', data:{cause:cause,nom:nom,mdp:mdp}, type:'POST', success: function(res){ $('#erreur2').text(res) //console.log(res) if(res == "Connexion reussie"){ location.reload(); } } }) } }) var close = document.querySelectorAll('.envoyer2'); close.forEach(index =>{ index.addEventListener('click', function(){ $('#pears_con').css('top','-200px'); $('#pears_ins').css('top','-200px'); }) }) $('#connexion').on('click',function(){ $('#pears_con').css('top','0px'); $('#pears_ins').css('top','-200px'); }) $('#inscription').on('click',function(){ $('#pears_ins').css('top','0px'); $('#pears_con').css('top','-200px'); }) $('#goin').on('click',function(){ $('#pears_ins').css('top','0px'); $('#pears_con').css('top','-200px'); }) $('#gocon').on('click',function(){ $('#pears_ins').css('top','-200px'); $('#pears_con').css('top','0px'); }) var jsp = $('#eau').attr('src'); var okk = parseInt(jsp.match(/\d+/)[0]); var boat = document.querySelectorAll('.boat'); var derive = 0; setInterval(function(){ okk++; var src2 = "aie/Untitled000" + okk + ".png"; $('#eau').attr('src',src2); if(okk>86574){ okk=86402; } if(!stop){ if(ile1){ var leftValue_ile1 = parseFloat($('#ile1').css('left')); var nouvelleValeur_ile1 = leftValue_ile1 - 2; //console.log(leftValue_ile1) //console.log(nouvelleValeurbg) $('#ile1').css('left', nouvelleValeur_ile1 + 'px'); if(nouvelleValeur_ile1 < 300){ stop=true; monde++; enquete(6); //remplir ici } } var leftValue_bg = parseFloat($('#background3').css('left')); var nouvelleValeurbg = leftValue_bg - 0.5; var leftValue_bg2 = parseFloat($('#background4').css('left')); var nouvelleValeurbg2 = leftValue_bg2 - 0.5; if(nouvelleValeurbg<-1100){ nouvelleValeurbg = 1000; } if(nouvelleValeurbg2<-1100){ nouvelleValeurbg2 = 1000; } //console.log(nouvelleValeurbg) $('#background3').css('left', nouvelleValeurbg + 'px'); $('#background4').css('left', nouvelleValeurbg2 + 'px'); boat.forEach(index =>{ var leftValue = parseFloat(window.getComputedStyle(index).left) var nouvelleValeur3 = 0; if(derive<34){ nouvelleValeur3 = leftValue + 1; }else{ nouvelleValeur3 = leftValue - 0.5; } index.style.left = nouvelleValeur3 + 'px'; }) derive++; if(derive>100){ derive=0; } } },40) document.addEventListener('keydown', (event) => { if (event.key === 'a' \|\| event.key === 'A') { if(!block){ var o = $('#inv').css('display'); if(o == "none"){ $('#inv').css('display','flex'); if(quest == 2){ endquete(2); block=true; } }else{ $('#inv').css('display','none'); if(quest == 3){ endquete(3); } } } } }) document.addEventListener('keydown', (event) => { if (event.key === 'r' \|\| event.key === 'R') { if (!block_peche) { var etat_radeau = $('#radeau').attr('src'); if (etat_radeau === 'images/fishing1.png') { console.log("La pêche est arrêtée !"); stopFishing(); // Fonction centralisée pour arrêter la pêche } else { peche(); $('#radeau').attr('src', 'images/fishing1.png'); $('#fishing_road').css('display', 'block'); $('#fishing_road0').css('display', 'block'); } } } }); function stopFishing() { // Réinitialise tout l'état lié à la pêche isRunning = false; clearInterval(montee); clearInterval(descente); index9 = 95; // Remet la position à l'état initial $('#radeau').attr('src', 'images/bateau1.png'); $('#fishing_road').css('display', 'none'); $('#fishing_road0').css('display', 'none'); $('#fished').css('display', 'none'); clearTimeout(timeoutId); } var descente; // Variable pour stocker l'intervalle de descente var montee; var timeoutId; function poisson() { var index9 = 95; // Position initiale var isClicable = false; // Permet de contrôler si un clic est possible // Variable pour stocker l'intervalle de montée // Variable pour stocker l'identifiant du setTimeout var isRunning = true; // Contrôle si le jeu est actif function descendre() { descente = setInterval(() => { console.log('why') if (!isRunning) { clearInterval(descente); return; } if (index9 > 92) { index9 -= 1; $('#fishing_road0').css('bottom', index9 + 'px'); timeoutId = setTimeout(() => { $('#fishing_road0').css('opacity', 0); }, 250); } else { clearInterval(descente); isClicable = true; $('#fished').css('display', 'block'); console.log("Le curseur est en bas, vous pouvez cliquer !"); // afficher une div -> attraper le poisson timeoutId = setTimeout(() => { if (isClicable && isRunning) { remonter(); } }, 400); } }, 50); } function remonter() { montee = setInterval(() => { console.log('why') if (!isRunning) { clearInterval(montee); return; } if (index9 < 95) { index9 += 1; $('#fishing_road0').css('bottom', index9 + 'px'); $('#fishing_road0').css('opacity', 1); // Rend visible à nouveau } else { clearInterval(montee); $('#fished').css('display', 'none'); isClicable = false; // Désactive le clic lorsque le curseur est remonté } }, 50); peche(); } // Déclenche la descente initiale descendre(); // Gestion du clic sur le poisson $('#fished').on('click', function () { if (isClicable) { console.log("Clic détecté pendant que le curseur est en bas !"); isClicable = false; $('#fishing_road').css('display', 'none'); $('#fishing_road0').css('display', 'none'); $('#fished').css('display', 'none'); add('Poisson', '1'); notif('Vous avez attrapé un poisson'); index9 = 95; quest++; endquete(4); clearInterval(montee); clearInterval(descente); clearTimeout(timeoutId); } }); } function peche() { console.log('la peche reprend') timeoutId = setTimeout(function () { var intervalId = setInterval(function () { let randomNumber = Math.floor(Math.random() * 3) + 1; if (randomNumber == 1) { poisson(); clearInterval(intervalId); } }, 1000); }, 1000); } </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.0.30 | Генерация страницы: 0 | proxy | phpinfo | Настройка