Znajdź zawartość
Wyświetlanie wyników dla tagów 'jQuery' .
Znaleziono 7 wyników
-
Download Darmowe ksiązki do nauki programowania i nie tylko
Skipi opublikował(a) temat w Programowanie
Aktualne i co najważniejsze za darmo, e-booki do pobrania https://goalkicker.com/- 1 odpowiedź
-
- 2
-
-
- nauka programowania
- programowanie
- (i 23 więcej)
-
[OFERUJĘ] Tworzenie stron internetowych oraz programów i skryptów
ChromeDriver opublikował(a) temat w Wykonam
Chcesz stworzyć stronę internetową dla siebie/swojej firmy? Masz problem z obecną witryną i szukasz kogoś do poprawek? A może szukasz skryptu/programu do wykonywania zautomatyzowanych czynności, jednak nie możesz znaleźć gotowca w Internecie? Jestem zawodowym programistą PHP/Symfony i szukam zleceń "po godzinach", dlatego chciałem zaoferować Państwu swoje usługi w przystępnej cenie. ? Oferuję tworzenie stron internetowych, wizytówek, blogów, sklepów. Znam się również na oprogramowaniu WordPress, które pozwala tworzyć witryny o dużej funkcjonalności w krótkim czasie. Programuję także w C#/.NET, co obejmuje programy, skrypty i boty. Podsumowując technologie, w których pracuję: HTML, CSS, JavaScript (+ jQuery), PHP (+ framework Symfony), MySQL (+ ORM typu Doctrine), C# (z .NET Framework), a także Python. Zapraszam do kontaktu! ? Czekam na prywatne wiadomości jak i e-maile: chromedriver@tlen.pl Pozdrawiam serdecznie -
Pytanie Usunięcie klasy po ponownym kliknięciu w button
Montana opublikował(a) temat w Webmastering i grafika
Siemano, może wy sobie poradzicie z moim problemem. Mianowicie w JS i Jquery dopiero raczkuję, napisałem sobie nubski skrypcik, który po kliknięciu w button nadaje mu klasę poprzez addClass(). I chcę, żeby po ponownym kliknięciu w niego, tą klasę usunęło. Tworzę tutaj kombinacje alpejskie i w żaden sposób nie chce to śmigać. Pomożecie? <style> .dupa { background: #eaeaea; color: #222; } </style> <script> $(document).ready(function(){ $("button").click(function(){ $(this).addClass("dupa"); }); }); </script> <div id="buttons"> <button id="like">Like</button> </div> -
Witam, ostatnio dostałem kilka razy pod rząd filtr (szkodliwe oprogramowanie) za reklamy na playerach (nie moje, te wbudowane w darmowe playery typu streamin.to), które osadzałem jako element <iframe>, aż w końcu wyłapałem filtr algorytmiczny na większość fraz. Przenoszę stronę na nową domenę i chciałbym uniknąć tych filtrów, dlatego chcę "ukryć" te playery z widoku, tak by google przy skanowaniu strony nie widziało ich. Na szybko znalazłem mały skrypt, który wyświetla najpierw ramkę z buttonem, który po kliknięciu ładuję kolejną ramkę już z playerem. Skrypt wygląda tak: <script> $('iframe').bind('load', function(){ var childFrame = $(this).contents().find('iframe'); var childElement = childFrame.contents().find('body'); var src = $(this).attr('data-src'); childElement.on('click', function() { childFrame.removeAttr('srcdoc'); childFrame.attr('src', src); }); }); </script> Tutaj go używam: <iframe data-src="http://vshare.io/v/<?php echo $_GET['id']; ?>/width-630/height-420/" width='630' height='420' scrolling='no' frameborder='0' srcdoc="<iframe width='650' height='450' scrolling='no' frameborder='0' id='hi' srcdoc='<body><button>Kliknij, aby otworzyć player - VSHARE</button></body>'></iframe>"> </iframe> Ładnie to działa, tylko teraz moje pytanie, czy to ukryje go przed skanem od Googla?
-
Poradnik Efekt WOW na twojej stronie - zwiększa konwersję!
arctura12 opublikował(a) temat w Webmastering i grafika
Hej, w dzisiejszym poradniku chciałbym pokazać Wam jak zastosować na swoich stronach modny efekt WOW, który umożliwi Wam zwiększenie konwersji. Jest to nic innego, jak animacja elementów w czasie przewijania strony. Działanie skryptu możecie podejrzeć na stronie autora: KLIK A więc zaczynajmy: 1. Wchodzimy na stronę https://github.com/matthieua/WOWa następnie do katalogu dist i pobieramy na dysk plik wow.min.js, następnie wchodzimy do katalogu css/libs i pobieramy plik animate.css, w folderze z plikami naszej strony umieszczamy uprzednio pobrane pliki. 2. Otwieramy za pomocą edytora kodu (to możliwości jest wiele, polecam darmowy Notepad++, lub Sublime Text 2) plik html naszej strony, najczęściej będzie to index.html, lub np. oferta.html. 3. Między znacznikami <head></head> dokumentu dodajemy linijki kodu: <link rel="stylesheet" href="animate.css"><script src="wow.min.js"></script> Na końcu sekcji <body>, tuż przed znacznikiem </body> wstawiamy: <script> new WOW().init();</script> UWAGA! Jeżeli nie mamy dodanej biblioteki jQuery to dodatkowo w sekcji <head> dodajemy linijkę: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 4. 50% pracy mamy już za sobą, przyszedł teraz czas na pewne zmiany w kodzie html, za pomocą narzędzia zbadaj element w Google Chrome - prawy przycisk myszy -> zbadaj element na wybranym elemencie strony, możesz odczytać klasę lub identyfikator elementu, bądź podejrzeć jego kod html, zazwyczaj element, który będziemy mieli zamiar animować będzie znacznikiem <div> na przykład: <div class="box1">BOX1</div> 5. Wchodzimy na stronę: https://daneden.github.io/animate.css/wybieramy interesujący nas efekt animacji i klikamy przycisk Animate it, narzędzie to pomoże nam wybrać efekt animacji, który zastosujemy na naszej stronie. Kiedy już wybierzemy, przechodzimy z powrotem do edytora i edytujemy atrybut class, lub id naszego elementu, dodając na samym początku komendę wow i nazwę animacji (tą którą wybraliśmy z listy). W moim wypadku będzie to wyglądało tak: <div class="wow bounce box1">BOX1</div> GOTOWE! Skrypt WOW, posiada jeszcze kilka przydatnych opcji, są to: data-wow-duration - czas trwania poszczególnej animacji, wyrażony w sekundach. data-wow-delay - opóźnienie animacji, wyrażone w sekundach. data-wow-offset - odległość z której ma startować animacja po przewinięciu strony, mierzona od dołu przeglądarki w pixelach. data-wow-iteration - liczba powtórzeń animacji. Opcje te używamy w następujący sposób: <div class="wow bounce box1" data-wow-duration="2s" data-wow-delay="5s" data-wow-offset="10" data-wow-iteration="10">BOX1</div> To już wszystko w tym poradniku, mam nadzieję, że ten modny i ciekawy efekt znajdzie zastosowanie na waszych stronach i oczywiście podniesie na nich konwersję. -
Hej instalowalem dzis na kilku mnsach wtyczke share to unlock i na jednym spotkalem sie z nastepujacym bledem: "Uncaught TypeError: undefined is not a function" Nie wiem nawet czy wklejam dobry fragment i czy cos z tego doswiadczonym okiem widac, ale jestem totalnie zielony w temacie Mozna cos z tym zrobic? Tak to wyglada w konsoli:
-
[JQUERY] Lista ciekawych plugin, które upiększą i urozmaicą twoją stronę
Gość opublikował(a) temat w Webmastering i grafika
Chciałbym się z wami podzielić listą ciekawych pluginów ułatwiających pracę i wygląd strony, które ostatnio znalazłem: Lista 50 pluginów Oraz wypisać tu najbardziej warte uwagi. AlertifyJS - Wtyczka pozwalająca nam na tworzenie w pełni modyfikowalnych wyskakujących okienek dialogowych oraz powiadomień (demo na dole strony) iCheck - Jeśli tego nie znacie, to wasze życie jest ubogie. Pozwala tworzyć checkboxy i radiobuttony wyglądające NAPRAWDĘ NIESAMOWICIE przy małym nakładzie pracy. Dodatkowym plusem jest to, że działa mobilnie. Fancy Input - Kilka efektów na wprowadzanie tekstu na stronę. Parsley - Wtyczka sprawdzająca poprawność wprowadzonych danych i wymuszająca uzupełnienie / poprawienie ich. Shuffle Letters Effect ( demo ) - Pozwala na ciekawy sposób na wprowadzenie liter poprzez ich mieszanie. FitText - Dopasowuje rozmiar tekstu do rozmiaru pojemnika, w którym się znajduje. BONUS: Skrollr.JS - z tego korzystam, kiedy tylko mogę. Pozwala na stworzenie "przewijalnej" strony i odpalanie różnych rzeczy w trakcie (sprawdźcie, polecam).
