-
-
-
You have to allow pop-up to open all tabs properly. Thank you so much for using me! Maybe I'm a clunky app, but I'm handy! (Please use Google Chrome for more compatibility)
I'm not clunky anymore!
here
Or
here
<![CDATA[
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div class="grayBg" style="border: 21px #00ec73; height: 123456px; margin-left: 0px;">
<div class="theLabel">
<label>Cast a Magic </label>
<input class="theLabel" id="theWord" style="font-style: italic;" type="text" value="kaboom!" />
</div>
<div>
<label>Status</label>
<select name="country">
<option disabled="" selected="">Are you feeling lucky?</option>
<option value="">I found 10$ on the ground at work</option>
<option value="">I'm Feeling Lucky</option>
</select>
</div>
<style>
a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: none;
}
pre, xmp, plaintext, listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
transition: color 5s ease-in-out;
-moz-transition: color 5s ease-in-out;
text-decoration: none;
-webkit-animation: zomg 7s infinite;
animation: zomg 11s infinite;
}
.wrapper {
height: 11%;
width: 11%;
left:0;
right: 0;
top: 0;
bottom: 0;
height: 45px;
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;
-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
animation: rainbow 18s ease infinite;}
@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
.theButton{
margin-top: 14px;
background-color:skyblue !important;
}
.theButton:hover{
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
background-color:#e10505 !important;
}
.theLabel{
transition: color 5s ease-in-out;
-moz-transition: color 5s ease-in-out;
text-decoration: none;
-webkit-animation: zomg 7s infinite;
animation: zomg 11s infinite;
}
@-webkit-keyframes zomg {
0%, 100% { color: #7ccdea; }
16% { color: #0074d9; }
32% { color: #2ecc40; }
48% { color: #ffdc00; }
64% { color: #b10dc9; }
80% { color: #ff4136; }
}
@keyframes zomg {
0%, 100% { color: #7ccdea; }
16% { color: #0074d9; }
32% { color: #2ecc40; }
48% { color: #ffdc00; }
64% { color: #b10dc9; }
80% { color: #ff4136; }
}
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.submit {
width: 100%;
background-color: #A10000;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
.submit:hover {
background-color: #921010;
}
.grayBg {
border-radius: 5px;
padding: 20px;
}
#haktext{
color:white;
}
</style>
<input class="submit theButton wrapper" onclick="openTab()" type="submit" value="Find (MORE)" />
<input class="submit theButton wrapper" onclick="openTabTwo()" type="submit" value="Find (less)" />
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div>
<span style="color: #471d1d;">
You have to allow pop-up to open all tabs properly. Thank you so much for using me! Maybe I'm a clunky app, but I'm handy! (Please use Google Chrome for more compatibility)
<span class="theLabel" style="font-style: italic;">
I'm not clunky anymore!
</span>
<br /><br />
See source code
<span class="theLabel" id="textHere" style="color: #e32e2e;">
here
</span>
</span>
<br />
<span>
<span>Or
</span>
<a href="https://jsfiddle.net/erenozten/mf60z5kr/4/" target="_blank"><span class="theLabel" style="text-decoration: none !important;">
here
</span>
</a>
</span>
</div>
<script>
var sayi = 0;
$(document).ready(function(){
$("#textHere").click(function(){
if(sayi %2 == 0)
{
$("#theDiv").show(300);
sayi++;
}
else
{
$("#theDiv").hide(300);
sayi++;
}
});
});
//document.getElementById("theWord").addEventListener("focusout", focusOutDoldur);
/*
function focusOutDoldur() {
document.getElementById("theWord").setAttribute("value", "word");
}
*/
function focusInBosalt() {
document.getElementById("theWord").setAttribute("value", "");
}
function openTab(url) {
var getWord = document.getElementById('theWord').value;
}
function openTabTwo(url) {
var getWord = document.getElementById('theWord').value;
var win2 = window.open('http://www.thefreedictionary.com/' + getWord);
}
function openTabThree(url) {
var getWord = document.getElementById('theWord').value;
var win2 = window.open('https://www.vocabulary.com/dictionary/' + getWord);
}
</script>
</body>
</html>
]]>
