Informacja o postach/tematach

Amciek · Styczeń 22, 2013

Cześć.

Chce zrobić by informacja o liczbie postów pojawiała się dopiero po najechaniu myszką na dany wiersz . Znalazłem taki skrypcik>

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_mouseover_mouseout

I niby działa ale nie do końca jak tego oczekuje gdyż po najechaniu na wiersz pojawia się informacja dla wszystkich działów w każdym wierszu. W jaki sposób można to rozdzielić ?

Chodzi mi o takie coś jak na tym forum .

regdos · Styczeń 22, 2013

Zamiast

 $("p").mouseover(function(){
   $("p").css("background-color","yellow");
 });

daj

 $("p").mouseover(function(){
   $(this).css("background-color","yellow");
 });

Amciek · Styczeń 22, 2013

Nie działa.

Może zły kod pokazałem bo na swoje potrzeby mam tak :

<script type="text/javascript">
$(document).ready(function(){
  $(".kategoria li").mouseover(function(){
    $(".forumNumbers").css({display: 'block'});
  });
  $(".kategoria li").mouseout(function(){
    $(".forumNumbers").css({display: 'none'});
  });
});
</script>

regdos · Styczeń 22, 2013

Jak chcesz ukryć i pokazać to używaj do tego odpowiednich funkcji tj show() i hide()

np.

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $(".t1").mouseover(function(){
   $(".t2").show();
 });
 $(".t1").mouseout(function(){
   $(".t2").hide();
 });
});
</script>
</head>
<body>

<p class="t1">TEST</p>
<p style="display:none" class="t2">TEST2</p>

</body>

PS. Jak nie działa to pokaż stroną na żywo działającą wtedy łatwiej znaleźć błąd.

Amciek · Styczeń 22, 2013

Niestety nie mam jak pokazać bo robię na localhoscie .

To działa ale nie do końca tak jak chce bo najadę na "twoj pierwszy dział" i wyświetla się dla każdego forum

http://picturepush.com/public/12018418

Chce tak :

http://picturepush.com/public/12018416

Da rady tak czy nie ?

regdos · Styczeń 22, 2013

Da, użyj this.

Zobacz przykład to zrozumiesz o co chodzi.

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("p").mouseover(function(){
   $(this).css("background-color","yellow");
 });
 $("p").mouseout(function(){
   $("p").css("background-color","white");
 });
});
</script>
</head>
<body>

<p>TEST 1</p>
<p>TEST 2</p>

</body>
</html>

Ta informacja o wątkach na pewno jest w jakiś sposób podrzędna do całego boksu więc możesz użyć child() lub/i parent().

Zaloguj się

Informacja o postach/tematach

Polecane posty

Amciek 0

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

regdos 1848

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

Amciek 0

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

regdos 1848

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

Amciek 0

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

regdos 1848

Udostępnij ten post

Link to postu

Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Utwórz konto

Zaloguj się

Przeglądaj

Aktywność