HTML5 Text area eltüntetése? (több lent)
Sziasztok, a kérdésem, hogy a képen látható 2 area-ból hogyan tudnám eltüntetni a kissebeket, úgy, hogy a funkciójuk megmaradjon, továbbá a gombok mögötti fehér négyzetek funkcionáljanak a gombként és az alap szürke gomb tűnjön el.
kép: [link]
a kód:
<style>
@import url( [link]
@import url( [link]
.formazas{
float: left;
color: #ffffff;
opacity: .79;
font-family: 'Exo', sans-serif;
font-size: 35px;
font-weight: 200;
}
.textek{
width: 250px;
height: 30px;
background: transparent;
border: 1px solid rgba(255,255,255,0.6);
border-radius: 2px;
color: #22E819;
font-family: 'Exo', sans-serif;
font-size: 16px;
font-weight: 400;
padding: 4px;
}
.gombok{
width: 246px;
height: 21px;
background: #fff;
border: 1px solid #fff;
cursor: pointer;
border-radius: 2px;
color: #a18d6c;
font-family: 'Exo', sans-serif;
font-size: 16px;
font-weight: 400;
padding: 6px;
margin-top: 10px;
}
.gombok[type=button]:hover{
opacity: 0.8;
}
.gombok[type=button]:active{
opacity: 0.6;
}
.textek[type=text]:focus{
outline: none;
border: 1px solid rgba(255,255,255,0.9);
}
.gombok[type=button]:focus{
outline: none;
}
</style>
</head>
<body>
<body background="hatter2.jpg"></body>
<form xmlns=" [link] action="#" method="get" onsubmit="return false;">
<table class="noborder">
<tbody>
<tr>
<td><label for="text"><div class="formazas">A Lekódolandó szöveg:</div></label></td>
<td><div class="textek"><textarea id="text"></textarea></div></td>
</tr>
<tr>
<td><label for="shift"><div class="formazas">Eltolás mértéke:</div></label></td>
<td><div class="textek"><input type="text" id="shift" value="" style="width:4em;" /><div></td>
</tr>
<tr>
<td></td>
<td>
<div class="gombok"><input type="button" value="Lekódolás" onclick="doCrypt(false);" /></div>
<div class="gombok"><input type="button" value="Dekódolás" onclick="doCrypt(true);" /></div>
</td>
</tr>
</tbody>
</table>
</form><script>
function doCrypt(isDecrypt) {
var shiftText = document.getElementById("shift").value;
if (!/^-?\d+$/.test(shiftText)) {
alert("Kérnék egy eltolást is...");
return;
}
var shift = parseInt(shiftText, 10);
if (shift < 0 || shift >= 26) {
alert("Ez az eltolás azért sok lesz...");
return;
}
if (isDecrypt)
shift = (26 - shift) % 26;
var textElem = document.getElementById("text");
textElem.value = caesarShift(textElem.value, shift);
}
function caesarShift(text, shift) {
var result = "";
for (var i = 0; i < text.length; i++) {
var c = text.charCodeAt(i);
if (c >= 65 && c <= 90) result += String.fromCharCode((c - 65 + shift) % 26 + 65); // Uppercase
else if (c >= 97 && c <= 122) result += String.fromCharCode((c - 97 + shift) % 26 + 97); // Lowercase
else result += text.charAt(i); // Copy
}
return result;
}
</script>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!