JS nach Hover Box wieder verschwinden lassen

05/29/2018 07:31 Cc_Cc_Cc#1
hi,

ich weiß leider nicht wie ich die Box wieder verschwinden lasse, wenn ich auf den Usernamen drauf bin (mit hover) oder auf der Box die erscheinen soll.

In der versteckten Box wird die Anzahl der Fans usw angezeigt. Sollte ich auf der Box drauf sein sollte die nicht verschwinden, nur wenn ich mit meiner Maus jetzt z.b die Box verlasse.



Gibt es irgendeine Funktion, wo die Box automatisch verschwindet, wenn man nicht mehr auf der Box ist oder halt auf den Usernamen?

__
Als Video:
05/29/2018 07:38 ...♚#2
Code:
<script>
	$('.username').hover(function() {
		var value = $(this).attr('value');
		
		$('.box-'+value+'').show();
	},function() {
               	var value = $(this).attr('value');
		
		$('.box-'+value+'').hide();
        })
</script>
Aber wenn du eh schon jQuery nutzt, nutz am besten die Funktionen



Die zweite funktion wird gecalled wenn du nicht mehr hoverst.
05/29/2018 14:10 Cc_Cc_Cc#3
Quote:
Originally Posted by ...♚ View Post
Code:
<script>
	$('.username').hover(function() {
		var value = $(this).attr('value');
		
		$('.box-'+value+'').show();
	},function() {
               	var value = $(this).attr('value');
		
		$('.box-'+value+'').hide();
        })
</script>
Aber wenn du eh schon jQuery nutzt, nutz am besten die Funktionen



Die zweite funktion wird gecalled wenn du nicht mehr hoverst.
Danke dir ^^
05/29/2018 16:23 iMostLiked#4
Na ja, du kannst das ganze auch nur mit CSS lösen.
Hier die CSS Lösung:

Code:
.username:hover + .box {
    display: block !important;
}

PS: Dieses +'' nach value
Code:
$('.box-'+value+'').show();
ist unnötig. Geht auch so:
Code:
$('.box-'+value).show();
05/31/2018 11:34 Cc_Cc_Cc#5
Quote:
Originally Posted by iMostLiked View Post
Na ja, du kannst das ganze auch nur mit CSS lösen.
Hier die CSS Lösung:

Code:
.username:hover + .box {
    display: block !important;
}

PS: Dieses +'' nach value
Code:
$('.box-'+value+'').show();
ist unnötig. Geht auch so:
Code:
$('.box-'+value).show();
War mir gar nicht bewusst mit Value aber nice jetzt weiß ich bescheid^^.

Kurze Frage hinweg, geht dieses Script mit .hover auch mit click? Habs versucht keine Fehlermeldung kommt , jedoch erscheint auch keine Box.

05/31/2018 14:41 iMostLiked#6
Quote:
Originally Posted by Cc_Cc_Cc View Post
War mir gar nicht bewusst mit Value aber nice jetzt weiß ich bescheid^^.

Kurze Frage hinweg, geht dieses Script mit .hover auch mit click? Habs versucht keine Fehlermeldung kommt , jedoch erscheint auch keine Box.
Du hast da 1.) ein einfaches Anführungszeichen nach +value vergessen und 2.) kannst du nicht wirklich ein else bei einem Klick haben. Geht theoretisch schon, unterstützt die oben verwendete jQuery Funktion aber nicht. Ansonsten müsste ja direkt nachdem du den Mausklick loslässt, die Box verschwinden. :P


Damit die Box verschwindet, müsstest du einfach einen Klick außerhalb der Box abfangen und die Box dann entsprechend verschwinden lassen.