Kleur aanpassen van container

Status
Niet open voor verdere reacties.
L

luc99

Gebruiker
Lid geworden
10 nov 2015
Berichten
98
Ik ben al een tijdje wat aanpassingen aan het doen in de code die ik terug gevonden heb op https://github.com/mivano/jquery.ganttView.

Nu zou ik een taak die afgebeeld staat in de planning willen kleuren zodra deze aangeklikt is.
Ik vind wel een onClick terug waardoor de gegevens getoond worden van de container die aangeklikt is, maar om de kleur van deze container aan te passen vind ik nergens iets van terug.
Als ik via de Inspector kijk zie ik de onClick nergens vermeld in de Div.

Hoe zou ik de background color van de container kunnen aanpassen ?
 
De jquery plugin heeft hier geen mogelijkheid voor.
Als ik de "data" in de console uitlees bij "onclick"
Code: 
behavior: {
    onClick: function (data) { 
        // volgende regel tussengevoegd en dan concole uitlezen
        console.log(data);
        var msg = "You clicked " + data.start.toString("M/d/yyyy") + " " + data.end.toString("M/d/yyyy");
        $("#eventMessage").text(msg);
    },

Resultaat: Id=undefined en name=""
Ook met this of met $(this) is er geen referentie naar het element.

Noot: de plugin is 10 jaar oud maar dat heb je denk ik al gezien :)
 
Via de functie addBlocks kan ik wel een ID toevoegen.

Code: 
                            // User title formating is place in titleFormater function - look at comments in first of this file.
                            if (opts.titleFormater != null) {
                                activity.title = opts.titleFormater(activity, size);
                                block.append(jQuery("<div>", {[B][I] "id": "2"[/I][/B], "class": "ganttview-block-text" }).html(activity.title));
                            } 
                            else
                            {
                            block.append(jQuery("<div>", { "class": "ganttview-block-text" }).html(activity.title));
                             //block.append(jQuery("<div>", { "class": "ganttview-block-text" }).text(size));
                            }

Kan ik deze bij onClick inlezen ?
 
onClick moet je helemaal niet meer gebruiken bij jQuery.
Je hebt daar de functie .click() voor.
 
onClick moet je helemaal niet meer gebruiken bij jQuery.
Klik om te vergroten...
De hele plugin is 10 jaar oud :( en er zitten meer van zulke dingen in.

Via de functie addBlocks kan ik wel een ID toevoegen.
Klik om te vergroten...
Als je elk blokje een unieke id kan geven dan kan je in je script
- eerst bij alle blokje de class "activeItem" weghalen,
- en dan bij het blokje waarop is geklikt de class "activeItem" toevoegen

In de css geef je de class activeItem een background-color
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan