aktif css değiştirme

pckedi · 23.07.2008

Merhaba elimde 2 adet div lerim var sag ve sol adında yapmak isteğim sey aktif olarak bunlara CSS style vererek değiştirmek.

div#sag{float:left;width:240px;margin:0px 2px 5px 0px; display:inline;}
div#sol{float: right;display:inline;width:640px;margin:0 5px 0px; background: white; }

perplex · 23.07.2008

aktif CSS değiştirmek dediğiniz bi event karşılığı değiştirmek ise HTML dom ile yapabilirsiniz.

mesela bir stilim var

.stil {
font:normal 12px/11px Tahoma;
}

diyelim ve bi butona basıldığında x id'li bir elemente atanacak.

head kısmında

<script tyope="text/JavaScript">
function setClass() {
document.getElementById("x").className = "stil";
}
</script>

ve son olarak butona

<button onclick="setClass()">Buton</button>

yazabilirsiniz. setClass propertysiyle runtime istediğiniz class'ı atayabilirsiniz bir elemente

pckedi · 23.07.2008

hatam nerede acaba ?
div lere class atayarak sagdaki divi sola soldakinide sağ tarafa alabilirmiyim.
kullancıda sayfa yenilensede o şekile göstermek istiyorum.
sayfada div lere sabit class vermelimiyim ? yapmak istediğim diğer şey ise onClick tekolsun istiyorum 1 tıklı ise 2 gözüksün 2 tıklı ise 1 gözüksün.bunu nasıl yaparım teşekkürler.böyle birşey mümkünmü

#side.sag {float:left;width:240px;margin:0px 2px 5px 0px; display:inline;}
#content.sag {float: right;display:inline;width:640px;margin:0 5px 0px; background: white; }
#side.sol {float:right;width:100px;margin:0px 2px 5px 0px; display:inline;}
#content.sol {float: left;display:inline;width:640px;margin:0 5px 0px; background: white; }

Kod:

<script type="text/JavaScript">
function degistir(hangi)
{
 if (hangi== 1) {
 document.getElementById('side').className="sag";
 document.getElementById('content').className="sag"; }
 if (hangi== 2) {
 document.getElementById('side').className="sol";
 document.getElementById('content').className="sol";}
 
 }
</script>

</head>
<BODY>

<a href="http://forum.zoque.net/CSS/28715-aktif-CSS-degistirme/#" onClick="degistir(1)">1</a><br>
<a href="http://forum.zoque.net/CSS/28715-aktif-CSS-degistirme/#" onClick="degistir(2)">2</a></BODY>
<script type=text/JavaScript>degistir(1)</script>

pckedi · 27.07.2008

böyle birşey olmaz diyen fikir sahibi kimse yokmu ?

23.07.2008	#1 (permalink)
pckedi Üyelik Tarihi: 07.12.2007 Yer: ankara Yaş: 29 Mesaj: 13	aktif css değiştirme Merhaba elimde 2 adet div lerim var sag ve sol adında yapmak isteğim sey aktif olarak bunlara CSS style vererek değiştirmek. div#sag{float:left;width:240px;margin:0px 2px 5px 0px; display:inline;} div#sol{float: right;display:inline;width:640px;margin:0 5px 0px; background: white; }

23.07.2008	#2 (permalink)
perplex Üyelik Tarihi: 03.01.2007 Yer: istanbul Yaş: 28 Mesaj: 169	Re: aktif css değiştirme aktif CSS değiştirmek dediğiniz bi event karşılığı değiştirmek ise HTML dom ile yapabilirsiniz. mesela bir stilim var .stil { font:normal 12px/11px Tahoma; } diyelim ve bi butona basıldığında x id'li bir elemente atanacak. head kısmında <script tyope="text/JavaScript"> function setClass() { document.getElementById("x").className = "stil"; } </script> ve son olarak butona <button onclick="setClass()">Buton</button> yazabilirsiniz. setClass propertysiyle runtime istediğiniz class'ı atayabilirsiniz bir elemente

23.07.2008	#3 (permalink)
pckedi Üyelik Tarihi: 07.12.2007 Yer: ankara Yaş: 29 Mesaj: 13	Re: aktif css değiştirme hatam nerede acaba ? div lere class atayarak sagdaki divi sola soldakinide sağ tarafa alabilirmiyim. kullancıda sayfa yenilensede o şekile göstermek istiyorum. sayfada div lere sabit class vermelimiyim ? yapmak istediğim diğer şey ise onClick tekolsun istiyorum 1 tıklı ise 2 gözüksün 2 tıklı ise 1 gözüksün.bunu nasıl yaparım teşekkürler.böyle birşey mümkünmü #side.sag {float:left;width:240px;margin:0px 2px 5px 0px; display:inline;} #content.sag {float: right;display:inline;width:640px;margin:0 5px 0px; background: white; } #side.sol {float:right;width:100px;margin:0px 2px 5px 0px; display:inline;} #content.sol {float: left;display:inline;width:640px;margin:0 5px 0px; background: white; } Kod: <script type="text/JavaScript"> function degistir(hangi) { if (hangi== 1) { document.getElementById('side').className="sag"; document.getElementById('content').className="sag"; } if (hangi== 2) { document.getElementById('side').className="sol"; document.getElementById('content').className="sol";} } </script> </head> <BODY> <a href="http://forum.zoque.net/CSS/28715-aktif-CSS-degistirme/#" onClick="degistir(1)">1</a><br> <a href="http://forum.zoque.net/CSS/28715-aktif-CSS-degistirme/#" onClick="degistir(2)">2</a></BODY> <script type=text/JavaScript>degistir(1)</script> Mesaj pckedi tarafından 23.07.2008 (23:56) yeniden düzenlendi..

27.07.2008	#4 (permalink)
pckedi Üyelik Tarihi: 07.12.2007 Yer: ankara Yaş: 29 Mesaj: 13	Re: aktif css değiştirme böyle birşey olmaz diyen fikir sahibi kimse yokmu ?