he4et/BadBarSlots
1
0
Fork 0
mirror of https://github.com/He4eT/BadBarSlots.git synced 2026-05-05 00:17:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

settings page & passing params

Browse source
This commit is contained in:
He4eT 2017-01-31 05:33:25 +05:00
commit 4dd650782a
2 changed files with 62 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

46
index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Init Slot Machine</title>
<link rel="stylesheet" href="css/style.css" type='text/css'>
</head>
<body>
<div class="wrap">
<textarea name="" class="data" cols="20" rows="24">{"number":
3
,"items": [
"Водка",
"Джин",
"Тоник",
"Гренадин",
"Пусиджус",
"Сопли",
"Блю кюрасао",
"Яблочный",
"Апельсиновый",
"Вишнёвый",
"Ничего"]}</textarea>
<div class="start">
OK
</div>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(".start").on('click', () => {
try {
let data = JSON.parse($(".data").val())
let params = encodeURI(JSON.stringify(data))
let newUrl = location.href.replace("index.html", "slots.html")
location.href = newUrl + "?" + params
} catch (e) {
alert(e)
}
})
</script>
</body>
</html>

26
slots.html
View file

@ -1,32 +1,38 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="UTF-8">
<title>Slot Machine</title> <title>Slot Machine</title>
<link rel="stylesheet" href="css/style.css" type='text/css'> <link rel="stylesheet" href="css/style.css" type='text/css'>
</head> </head>
<body id="playNormal"> <body id="playNormal" class="nocursor">
<div class="wrap"> <div class="wrap">
<div class="logo"> <div class="logo">
<img src="img/logo.svg" alt=""> <img src="img/logo.svg" alt="">
</div> </div>
<ul class="slot"> <ul class="slot">
<li>Водка</li> <!-- <li>Гренадин</li>
<li>Гренадин</li>
<li>Текила</li>
<li>Пусиджус</li> <li>Пусиджус</li>
<li>Сопли</li> <li>Сопли</li> -->
</ul> </ul>
</div> </div>
<script src="js/jquery.min.js"></script> <script src="js/jquery.min.js"></script>
<!-- <script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> --> <!-- <script src="js/jquery.easing.1.3.js"></script> -->
<script src="js/jquery.jSlots.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.jSlots.min.js"></script>
<script type="text/javascript" charset="utf-8"> <script>
let params = location.search.substr(1)
let data = JSON.parse(decodeURI(params))
let items = data.items
.reduce((sum, cur) => sum + `<li>${cur}</li>`, '')
$('.slot').html(items)
$('.slot').jSlots({ $('.slot').jSlots({
number: 3, number: data.number,
spinner : '#playNormal', spinner : '#playNormal',
// winnerNumber : 7 // winnerNumber : 7
}); });