NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: mouseover

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Booo
Člen
Avatar
Booo:11.2.2015 15:36

Ahoj chtel bych si po najeti mysi na urcite casti produktu (ty ktere jsou v divu s classou click) zvyraznit pouze nadpis.
mam tenhle (pseudo) kod:

<xsl:for-each select = nejaka cesta>
<div class = produkt>
<div class = click>
<div class = nadpis id={$i}>
...nadpis...
<div />
<div />
.... tady jsou nejake veci ....
<div class = click>
<div/>
<div/>
</xsl:for-each>

a tady mam Jquery

$(".nadpis").on("mou­seover", function () {
var $this = $(this);
var id = $(this).attr("id");
$('#' + id).addClass('nad­pis_hover');
});

Snad je jasne co chci udelat. Dekuji za odpovedi :)

Editováno 11.2.2015 15:38
 
Odpovědět
11.2.2015 15:36
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na Booo
Matyáš Procházka:11.2.2015 15:54

Přidávej kód pomocí tagu kód do příspěvku příště.

Toto by mělo být to co hledáš, přikládám i v jsfiddle: http://jsfiddle.net/3mq3tzcr/

var test = function () {
    "use strict";
    $(".click").hover(function () {
            $(this).children(".nadpis").addClass("active");
        }, function () {
            $(this).children(".nadpis").removeClass("active");
        }
    );
};

$(document).ready(test);
 
Nahoru Odpovědět
11.2.2015 15:54
Avatar
Booo
Člen
Avatar
Odpovídá na Matyáš Procházka
Booo:11.2.2015 16:06

Moc diky za odpoved .. kazdopadne uz to funuje z 1/2 .. pri najeti mysi na tu prvni cast to funguje .. ale kdyz najedu na tu druhou cast tak s nic neoznaci .. http://jsfiddle.net/3mq3tzcr/1/

Editováno 11.2.2015 16:07
 
Nahoru Odpovědět
11.2.2015 16:06
Avatar
Matyáš Procházka
Člen
Avatar
Odpovídá na Booo
Matyáš Procházka:11.2.2015 16:18

Po najetí na cokoli s třídou "click" se dá třída "active" potomkovi třídy click s třídou "nadpis"

Aby to fungovalo pro více věcí musíš mít HTML soubor takto:
http://jsfiddle.net/3mq3tzcr/2/

<div>
    <div class="click">
        <div class="nadpis">Nadpis 1</div>
        Text k nadpisu 1
    </div>
    <div class="click">
        <div class="nadpis">Nadpis 2</div>
        Text k nadpis 2
    </div>
</div>
 
Nahoru Odpovědět
11.2.2015 16:18
Avatar
Booo
Člen
Avatar
Booo:12.2.2015 8:22

ok dik .. :)

 
Nahoru Odpovědět
12.2.2015 8:22
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.