mirror of https://github.com/Riesi/frog_emojis.git
parent
f71668e3ff
commit
9a0b40aa48
23
index.html
23
index.html
|
@ -32,9 +32,13 @@
|
||||||
</head>
|
</head>
|
||||||
<body style="background-color:#292929;">
|
<body style="background-color:#292929;">
|
||||||
<script>
|
<script>
|
||||||
|
let frogs = null;
|
||||||
function set_all_format(){
|
function set_all_format(){
|
||||||
let obj = document.getElementById("fileformat");
|
let obj = document.getElementById("fileformat");
|
||||||
const frogs = document.getElementsByClassName("frog");
|
|
||||||
|
if (frogs == null){
|
||||||
|
frogs = document.getElementsByClassName("frog");
|
||||||
|
}
|
||||||
for (let i = 0; i < frogs.length; i++) {
|
for (let i = 0; i < frogs.length; i++) {
|
||||||
let frog = frogs[i];
|
let frog = frogs[i];
|
||||||
let val = frog.getAttribute("value");
|
let val = frog.getAttribute("value");
|
||||||
|
@ -43,6 +47,22 @@
|
||||||
frog.href = url;
|
frog.href = url;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function search_frogs(searchObj){
|
||||||
|
if (frogs == null){
|
||||||
|
frogs = document.getElementsByClassName("frog");
|
||||||
|
}
|
||||||
|
let search_val = searchObj.value;
|
||||||
|
for (let i = 0; i < frogs.length; i++) {
|
||||||
|
let frog = frogs[i];
|
||||||
|
let val = frog.firstChild.getAttribute("title");
|
||||||
|
if (val.search(new RegExp(search_val+"", "i")) != -1) {
|
||||||
|
frog.removeAttribute("hidden");
|
||||||
|
}else{
|
||||||
|
frog.setAttribute("hidden","");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<header class="page-header" role="banner">
|
<header class="page-header" role="banner">
|
||||||
<h1 class="project-name">frog_emojis</h1>
|
<h1 class="project-name">frog_emojis</h1>
|
||||||
|
@ -56,6 +76,7 @@
|
||||||
<option value="png/512">512px PNG</option>
|
<option value="png/512">512px PNG</option>
|
||||||
<option value="png/1024">1024px PNG</option>
|
<option value="png/1024">1024px PNG</option>
|
||||||
</select>
|
</select>
|
||||||
|
<input type="text" oninput="search_frogs(this)" placeholder="Search for frogs...">
|
||||||
</header>
|
</header>
|
||||||
<div id="mainholder" style="text-align:center"> <!-- It's like the hand holder but with frogs -->
|
<div id="mainholder" style="text-align:center"> <!-- It's like the hand holder but with frogs -->
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue