enmi12/glossaire/_posts/tests/2011-03-27-destroy.html
author ymh <ymh.work@gmail.com>
Mon, 08 Sep 2025 19:44:41 +0200
changeset 23 417f20492bf7
parent 0 d970ebf37754
permissions -rwxr-xr-x
Update Docker configuration and plugin versions - Upgrade MariaDB from 10.6 to 11 with auto-upgrade support - Add WordPress debug environment variable to FPM container - Update PHP-FPM Dockerfile base image - Update Include Mastodon Feed plugin with bug fixes and improvements - Update Portfolio plugin (v2.58) with latest translations and demo data enhancements - Remove old README.md from Mastodon Feed plugin 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
---
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
title: destroy
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
layout: default
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
category: tests
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
---
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
  <style>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
    #container {
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
      width: 80%;
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
      height: 80%;
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
    }
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
  </style>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
  <section id="copy">
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
    <p>Click <em>init</em> button the <em>destroy</em>. Original CSS, pre-init, should be re-applied, all items back to visibility.</p>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
  </section>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
  <section id="options">
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
    <button id="init">Init Isotope instance</button>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
    <button id="destroy">Destroy Isotope instance</button>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
  </section>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
  <div id="container" style="height: 600px">
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
    {% for element in site.elements limit:20 %}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
      {% include element-partial.html %}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
    {% endfor %}
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
  </div> <!-- #container -->
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
  <script src="../{{ site.jquery_js }}"></script>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
  <script src="../{{ site.isotope_js }}"></script>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
  <script>
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
    $(function(){
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
    
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
      var $container = $('#container');
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
    
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
      $('#init').click(function(){
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
        $container.isotope({
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
          itemSelector: '.element',
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
          filter: '.metal'
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
        });
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
      });
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
      
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    43
      $('#destroy').click(function(){
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
        $container.isotope('destroy');
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    45
      });
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    46
    
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    47
    });
d970ebf37754 first import
ymh <ymh.work@gmail.com>
parents:
diff changeset
    48
  </script>