Skocz do zawartości
Zaloguj się, aby obserwować  
Obserwujący 0
Amciek

Informacja o postach/tematach

Przez Amciek, w xHTML / CSS / Javascript

Polecane posty

Amciek    0

Amciek
Napisano
Cześć.


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




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 .

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

regdos    1848

regdos
Napisano

Zamiast

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

daj

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

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Amciek    0

Amciek
Napisano

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>

 

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

regdos    1848

regdos
Napisano

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.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

regdos    1848

regdos
Napisano

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().

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Zaloguj się, aby skomentować

Będziesz mógł dodać komentarz po zalogowaniu się



Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów xHTML / CSS / Javascript
×