Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Automatyczne klikanie w button
Maciek316
post
Post #1





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 31.03.2012

Ostrzeżenie: (0%)
-----


Witam, proboje automatycznie kliknac w button za pomoca js, ale cos mi nie dziala.
Mysle ze to przez wlasne atrybuty w buttonie.
  1. <button id="test" class="btn btn-default" type="button" data-layer-target="#modal-2">Modal-like</button>
  2. <script>
  3. document.getElementById("test").click();
  4. </script>

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
viking
post
Post #2





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Wszystko działa https://jsfiddle.net/qzgL3wyw/
Go to the top of the page
+Quote Post
Maciek316
post
Post #3





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 31.03.2012

Ostrzeżenie: (0%)
-----


Wiem ze alert dziala (IMG:style_emoticons/default/smile.gif) Aczkolwiek jeśli sam klikne w button to mi sie wyswietla, jesli go wywolam automatycznie to nic sie nie wyswietla.
Go to the top of the page
+Quote Post
viking
post
Post #4





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


No to pokaż więcej kodu. Może jeszcze nie jest gotowy listener odpowiedzialny za klikanie.
Go to the top of the page
+Quote Post
Maciek316
post
Post #5





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 31.03.2012

Ostrzeżenie: (0%)
-----


Tylko tyle mam kodu:

  1. <button id="test" class="btn btn-default" type="button" data-layer-target="#modal-2">Modal-like</button>
  2. <script>
  3. var test = document.getElementById("test");
  4. test.addEventListener('click', function(e){
  5. console.log(e);
  6. alert('ok');
  7. });
  8. document.getElementById("test").click();
  9. </script>
  10.  
  11. <div id="modal-2" class="modal-2 tiny-layer-hide" data-close-on-overlay-click="false" data-close-on-esc-key="false" data-close-btn-markup="false">
  12. <div class="woman"></div>
  13. <div class="woman2">
  14. <h3>Awansowałeś!</h3>
  15. </div>
  16. </div>

Reszta to biblioteka js tiny-layer.
Go to the top of the page
+Quote Post
viking
post
Post #6





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Ta biblioteka jest przestarzała na rzecz https://github.com/floriancapelle/jquery-flex-modal
Gdzie osadzasz plik js biblioteki? Na końcu strony?
Go to the top of the page
+Quote Post
Maciek316
post
Post #7





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 31.03.2012

Ostrzeżenie: (0%)
-----


Plik js na koncu, css na poczatku.
Sprawdzę też nowszą bilbiotekę, dziękuje (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
viking
post
Post #8





Grupa: Zarejestrowani
Postów: 6 380
Pomógł: 1116
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


Zatem jeśli jest na końcu musisz też na końcu umieścić wywołanie. DOM wczytuje się przed zewnętrznym plikiem.
Dodatkowo używasz jquery (ponieważ to plugin jquery) zatem poprawne będzie też $('#test').trigger('click');
Go to the top of the page
+Quote Post
Maciek316
post
Post #9





Grupa: Zarejestrowani
Postów: 93
Pomógł: 0
Dołączył: 31.03.2012

Ostrzeżenie: (0%)
-----


Przerzuciłem sie na nowszą wersję i zastosowałem sie do wskazowek.
Wszystko juz dziala, dziekuje!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 22:47