Szybkie posty

Jeżeli coś jest wartego uwagi a nie jest to materiał na pełnoprawnwgo posta na blogu to będę starać się to umieszczać w tym miejscu.

#ajax #apache #behat #bitbacket #bootstrap #composer #cookies #cqrs #css #css flex #ct8 #curl #docker #doctrine #edukacja #enet #enp sla #filmy #firma #funkcje php #git #google #htaccess #html #inne #javascript #jedzenie #jquery #js/jquery #kawały #krypto #laravel #linux #oop #pdo #php #php wzorce narzędzia #phpmyadmin #phpspec #phpstan #phpstorm #phpunit #podcast #rabbit #redis #seo #soap #sql #symfony #szukanie po stringach w php #twig #virtual host #visual studio code #vue #wamp #windows #wino-nalewki #wyrazenia regularne #wzorce projektowe #xml #xxx #zdjecia #złote myśli
  • Szukasz po tagu: js/jquery
  • Ilość rekordów w bazie: 3

Zdarzenie click

<!-- javascript  -->
<div id="js-id">Click Me js</div>
<script>
    document.getElementById('js-id').addEventListener('click', function() {
        alert('Hello js!');
    }, false);
</script>
<!-- jquery -->
<div id="jq_id">jquery</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
    $( "#jq_id" ).click(function() {
        alert( "Hello jquery!" );
    });
</script>

Pobranie elementu po id i dodanie styli css

<div id="div_one"><p>lorem ipusm</p></div>
<!-- javascript -->
<script>
  var element = document.getElementById("div_one");
  element.style.color = "red";
</script>
<!-- jquery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
  var element = $("#div_one");
  element.css('color','red');
</script>

Zablokowanie formularza js/jquery

<!-- javascript -->
<script>
  window.onload=function() {
    document.getElementById('form_name').addEventListener('submit', function (e) {
      alert('submit intercepted');
      e.preventDefault(e);
    });
  };
</script>

<!-- jquery -->
<script>
  $(document).ready(function() {
    $('#form_name').on("submit",function(e) {
      alert('submit intercepted');
      e.preventDefault(e);
    });
  });
</script>