Mause ile üzerine gelindiğince class değeri atama

18-05-2013, 23:42:44

Merhaba,

bir çalışmamda linkin mause ile üzerine gelindiğinde class="xx" şeklindeyken class="xx yy" şeklinde olması gerek.

Php ile class'a nasıl yy atayabilirim ? (mause ile üzerine gelindiğinde olacak bu olay)

18-05-2013, 23:49:53

#2

gper

mouse üzerine geldiğinde işlem yaptırmak istiyorsan php değil javasscript kullanman gerekli.

18-05-2013, 23:52:40

#3

fatihemre

boystar adlı üyeden alıntı: mesajı görüntüle

Merhaba,

bir çalışmamda linkin mause ile üzerine gelindiğinde class="xx" şeklindeyken class="xx yy" şeklinde olması gerek.

Php ile class'a nasıl yy atayabilirim ? (mause ile üzerine gelindiğinde olacak bu olay)

Bu işlemi PHP ile değil, Javascript ile yapabilirsin. Jquery ile bunun çok güzel bir metodu var.

$('.xx').hover(function(){$(this).addClass('yy')});

19-05-2013, 00:31:09

#4

boystar

bayGaReZ adlı üyeden alıntı: mesajı görüntüle

Bu işlemi PHP ile değil, Javascript ile yapabilirsin. Jquery ile bunun çok güzel bir metodu var.

$('.xx').hover(function(){$(this).addClass('yy')});

olmadı malesef :/

19-05-2013, 00:40:08

#5

fatihemre

boystar adlı üyeden alıntı: mesajı görüntüle

olmadı malesef :/

Bunu direk bu şekilde eklerseniz olmaz tabi ki. Tamamen karambole verdik kodları, ilk mesajdaki yetersizliğe binaen.

Kodu nereye nasıl eklediniz bilmiyorum.

<!DOCTYPE html>
<html>
<head>
  <style>
  a.xx{font:normal normal 30px Arial;color:black;}
  a.yy{color:red}
</style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<a href="https://www.r10.net" class="xx">r10.net bayGaReZ</a>
<script>
$(".xx").mouseover(
	function(){
		$(this).addClass('yy');
	}
).mouseout(
	function(){
		$(this).removeClass('yy');
	}
)
 
</script>
 
</body>
</html>

19-05-2013, 01:00:56

#6

gper

şu link örneğini senin classlara göre uyarla olması lazım.

<a class="xx" onmouseover="this.className='xx yy'" onmouseout="this.className='navlink'" href="http://blabla.com">test</a>

19-05-2013, 01:19:56

#7

DjMuratHan

eğer mouse üzerine gelince class eklensin ve mouse üzerinden gitse de class gitmesin diyorsan:

$(document).ready(function(){
    $('.xx').on("hover",function(){$(this).addClass('yy')});
});

eğer mouse üzerinden ayrılınca class geri kalkmasını istiyosan:

$(document).ready(function(){
    $('.xx').on("hover",function(){$(this).addClass('yy')},function(){$(this).removeClass('yy')});
});

19-05-2013, 01:33:05

#8

godofwar4

Kimlik doğrulama veya yönetimden onay bekliyor.

jQuery ile de şöyle yapabilirsiniz http://jsfiddle.net/49Pcm/

19-05-2013, 02:11:00

#9

CssValley

Misafir

ya da böyle

http://www.codepen.io/idilmiray/pen/tyHgC