Tablo popup açma

27-02-2022, 14:59:20

Merhaba sitemde bu kodun olduğu tabloyu Popup olarak açmak istiyorum nasıl bir değişiklik yapmam gerekli

<?php do_action('wpdatatables_before_filtering_form', $this->getWpId()); ?>
    <div class="wpDataTables wpDataTablesFilter wpDataTablesWrapper wdt-skin-<?php echo $this->getTableSkin(); ?> <?php echo apply_filters('wdt_add_class_to_filter_in_form_element', $this->getCSSClasses(), $this->getWpId()) ?>"
         data-wpdatatable_id="<?php echo $this->getWpId(); ?>">
        <div id="filterBox_<?php echo $this->getId() ?>" class="wpDataTableFilterBox">
            <?php foreach ($this->getColumns() as $key => $dataColumn) { ?>
                <?php
                /** @var $dataColumn WDTColumn */
                if ($dataColumn->getFilterType() != 'null') {
                    ?>
                    <div class="wpDataTableFilterSection" id="<?php echo $this->getId() . '_' . $key . '_filter' ?>_sections">
                        <label><?php echo $dataColumn->getFilterLabel() ? $dataColumn->getFilterLabel() : $dataColumn->getTitle() ?>:</label>
                        <div id="<?php echo $this->getId() . '_' . $key . '_filter' ?>"></div>
                    </div>
                <?php } ?>
            <?php }
            if ($this->isClearFilters()) { ?>
                <div class="wpDataTableFilterSection" id="wdt-clear-filters-button-block">
                    <button class="button btn wdt-clear-filters-button" data-table_id = <?php echo $this->getId() ?>><?php _e('Clear filters', 'wpdatatables'); ?></button>
                </div>
            <?php } ?>
            <?php
            if (isset($this->showSearchFiltersButton) && isset($this->disableSearchFiltersButton)) {
                do_action('wpdatatables_filtering_form_search_button', $this->showSearchFiltersButton, $this->disableSearchFiltersButton);
            }
            ?>
        </div>
    </div>
<?php do_action('wpdatatables_after_filtering_form', $this->getWpId()); ?>

27-02-2022, 17:23:38

ottomancafe

Bu kodun içine eklerseniz sorun çözülüyor farklı fikir çıkana kadar bu şekilde devam edicem

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS Pop-Up Örneği</title> <style> #container{ margin:0 auto; width:80%; font-family: verdana,arial,sans-serif; font-size:16px; }
#modalWindow { position: fixed; font-family: arial,helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 99999; opacity:0; transition: opacity 400ms linear; pointer-events: none; }
#modalWindow:target { opacity:1; pointer-events: auto; }
#modalWindow > div { width: 400px; height: 240px; position: relative; margin: 10% auto; padding: 20px 20px 13px 20px; border: solid; border-color: black; border-width : 2px; background: #DAF7A6; border-radius: 10px; }
</style>
</head> <body> <h1>CSS Pop-Up Örneği</h1> <a href="#modalWindow">Aç</a> <div id="container"> <p> Başlık Kısmı </p> </div> <div id="modalWindow"> <div> <a href="#close">Kapat X </a><br> <p> İçerik Kısmı <br><br> <button type="button">Buton eklemeye ne dersin?</button> </p> </div> </div> </body> </html>