AutoClick na element strony

0

Witam serdecznie,

Mam tak "formularz" na stronie:

<td class="table_dat_center_c">Środa, 2017-01-25<br/>
<div class="table_dat_center_c2"><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|1|2017-01-25" data-val="1" data-poz="1" data-kat="2017-01-25"></div><div class="circle_koloa select_day_add_1 circle_kolo2_segr" data-control="0|2|2017-01-25" data-val="0" data-poz="2" data-kat="2017-01-25"></div><div class="circle_koloa select_day_add_1 circle_kolo2_segr" data-control="0|3|2017-01-25" data-val="0" data-poz="3" data-kat="2017-01-25"></div></div>                                                    
<td class="table_dat_center_c">Poniedziałek, 2017-02-06<br/>
<div class="table_dat_center_c2"><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|1|2017-02-06" data-val="1" data-poz="1" data-kat="2017-02-06"></div><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|2|2017-02-06" data-val="1" data-poz="2" data-kat="2017-02-06"></div><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|3|2017-02-06" data-val="1" data-poz="3" data-kat="2017-02-06"></div></div>                                                    
</td>
<td class="table_dat_center_c">Wtorek, 2017-02-07<br/>
<div class="table_dat_center_c2"><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|1|2017-02-07" data-val="1" data-poz="1" data-kat="2017-02-07"></div><div class="circle_koloa select_day_add_1 circle_kolo2_segr" data-control="0|2|2017-02-07" data-val="0" data-poz="2" data-kat="2017-02-07"></div><div class="circle_kolo2a select_day_add_2 circle_kolo2_segr" data-control="1|3|2017-02-07" data-val="1" data-poz="3" data-kat="2017-02-07"></div></div>                                                    
</td>

Chciałbym zrobić automatycznie klikanie na element zawierający data-control = 1|1|2017-02-06

Próbowałem coś takiego:

$('[data-control="true"]').val('1|1|2017-02-06').trigger('click');  
$('[data-control="true"]').val('1|1|2017-02-06').click();  

ale niestety nie działa... :( Wie ktoś może jak to zrobić?

0
$('div[data-control="1|1|2017-02-06"]').on('click', function() {
  /*tutaj wrzucasz co chcesz zeby bylo zrobione w zwiazku z kliknieciem*/
});
$('div[data-control="1|1|2017-02-06"]').trigger('click');  

 
0

niestety nie działa :(

0

A mozesz doprecyzowac co masz dokladnie na mysli mowiac "automatyczne klikanie na element zawierajacy..." ?

0

tak wygląda mój cały kod: http://pastebin.com/QWqDD9UT

Jeśli ręcznie kliknę na te divy to zaznaczają się one innym stylem + dodaje pobraną wartość DIVa do tablicy.

Przy wejściu na stronę chciałbym żeby skrypt automatycznie zaznaczał (klikał) wybrane przeze mnie DIVy... :)

0

Te kody które wcześniej wkleiłem działają poprawnie gdy dodam klasę zamiast data-attribute... więc kod jest ok, tylko nie "widzi" tych data-attribute :(

0

Tak na przyszlosc, wklejaj CALY kod (a tak dokladnie wszystko dotyczace danej funkcjonalnosci -> html, css, js) na codepen.io albo https://jsfiddle.net/ oraz html, css i js trzymaj w oddzielnych plikach - bedzie to bardziej czytelne zarowno dla Ciebie jak i dla kogos kto Ci to bedzie sprawdzac, teraz mam przed oczami kod do ktorego brakuje cssow i sie musze domyslac co jest do czego. Jesli chodzi o wybieranie elementow na podstawie datasetu, ktory nazwales data-control to u mnie to ewidentnie dziala wiec nie wiem w czym problem. Moze jquery nie podpiales? x)

$('div[data-control="1|1|2017-02-06"]').on('click', function() {
  console.log("U mnie dziala");
});
$('div[data-control="1|1|2017-02-06"]').trigger('click');  
 

Wklej sobie to do swojego pola <script></script> (a najlepiej wyrzuc ten caly kod do osobnego pliku) jak wyswietli Ci sie w konsoli "U mnie dziala" to oznacza, ze to o co prosiles -> automatyczne klikanie na element z data-control="1|1|2017-02-06" jest wykonane poprawnie.

btw. polecam najpierw pobawic sie czystym JSem a dopiero potem jquery :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1