Js Gizle-Göster
-
Dün birine lazim oldu buraya atim dedim bulunsun :D
<script type="text/javascript">
<!--
function div_sakla(id)
{
if (document.getElementById(id).style.display == 'none')
{ document.getElementById(id).style.display = 'block'; }
else
{ document.getElementById(id).style.display = 'none'; }
}
//-->
</script>
<input type='button' value='Aç' onclick="div_sakla('saklanacak');"/>
<div id="saklanacak" style="display:none;">
<p> Burayi sakliyoruzzz </p>
</div> -
Kendimi kullanılmış hissettirdin.
-
Bu konuda iki tane basit kodda benden olsun :)
Mouse aç yazısının üzerine geldiğinde divi aç, mouse gittiğinde divi gizlemek için...
<a href="#" onmouseover="divo.style.display='block'" onmouseout="divo.style.display='none'">aç</a>
<div style=" position:absolute;display: none;" id="divo"> buraya mesajınız... </div>Tıklanınca açılan div. Divdeki kapat linkiyle divi tekrar gizleme...
<a href="#" onClick="divo1.style.display='block'">aç</a>
<div style=" position:absolute; display: none;" id="divo1">
içeriğiniz buraya
<a href="#" onClick="divo1.style.display='none'">kapat</a>
</div> -
allah topunuzdan razı olsun D:
pesimistin multisimisin çakmasımı D:
-
yazdığınız kod "göstermek" olarak display propertysini block yapıyo bunu yalnız divlerde kullanın. span table gibi nesnelerin yapısını bozar.
-
ontedide böle bişi arıyodu :D
-
yawuz bunu yazdı:
-----------------------------allah topunuzdan razı olsun D:
pesimistin multisimisin çakmasımı D:
-----------------------------iyi bişey mi bu :S
neyse zamanla anlayacağım sanırım :P
Aynen o dediğinden... (Recep ivedik aklıma geldi: Bende kız olsam ilk sana verirdim :D )
-
FOXXLY bunu yazdı:
-----------------------------
ontedide böle bişi arıyodu :D
-----------------------------
bende ona vermistim zaten :D -
Bu da benim kullandığım. Araya tüm dünyayı gizletebilirsiniz :F Siteyi komple gizleyip/gösterebilirsiniz. Tabii script olan bir başka bişe gizlenemiyo.
<script type="text/javascript">
function showBlock(blockId)
{
document.getElementById(blockId).style.display = "block";
}
function hideBlock(blockId)
{
document.getElementById(blockId).style.display = "none";
}
</script>
<a href="javascript:showBlock('block1')" style="text-decoration: none">Göster</a><div id="block1" style="display: none">
gizlemek istediğiniz şiylerrr :F
<a href="javascript:hideBlock('block1')" style="text-decoration: none">Gizle</a></div> -
demo olarak frmtr.com sag daki turizm reklami.
-
konuyu yukarıya atayım aklıma birşey geldi ajax gibi kullanılabilir bu :D farklı tarzda misal ;
<script type="text/javascript">
function showBlock(blockId)
{
document.getElementById(blockId).style.display = "block";
}
function hideBlock(blockId)
{
document.getElementById(blockId).style.display = "none";
}
</script>
<a href="javascript:showBlock('block1')" style="text-decoration: none">menü1</a>
<a href="javascript:showBlock('block2')" style="text-decoration: none">menü2</a>
<a href="javascript:showBlock('block3')" style="text-decoration: none">menü3</a>
<a href="javascript:showBlock('block4')" style="text-decoration: none">menü4</a>
<div id="block1" style="display: none">1</div>
<div id="block2" style="display: none">2</div>
<div id="block3" style="display: none">3</div>
<div id="block4" style="display: none">4</div>-----------
fakat menü 1 e tıkladık diyelim daha sonra menü 2 ye tıkladı adam menü 1 açık kalıyor hepsini kapatıp menü 2 ye açmayı kısa bir şekilde nasıl hallederiz ?