Birde doğru cevap olarak işaretlersen diğer insanlarada yardımcı olabiliriz.

baglan.phpyide atar mısın?

@suphi tek şunu söyleye bilirim resimleri javascript ile çek.

Bildirim açmak istemeyenler link: vermemem lazımmış hakkınızı helal edin

Puanım: 10 üzerinden 3
Çünkü:

Site çok yavaş yükleniyor.
Giriş sayfasıyla içeriğin hiçbir alakası yok.
Sitenin çoğu yeri hazır alınmış.

Python güzel bir dil. Ancak her firma destekleyemiye biliyor. Ama php çoğu firmada var ve javascript desen hangisini seçersen seç öğreniceksin. Benim tercihimi sorarsan önce php öğren ve iyice kafana oturduktan sonra pythona geç.
Unutma: Ne kadar çok dil bilirsen senin için o kadar iyi olur.

(function($){

    $.fn.filter = function(){
        $('#filterdiv').on('change', 'input, select', function () {
            var $form = $(this).closest('form');
            $form.request();
        });
    }

})(jQuery);

yada direk sayfa hazır olduğunda diyebilirsin

$(function(){
    $('#filterdiv').on('change', 'input, select', function () {
        var $form = $(this).closest('form');
        $form.request();
    });
})

<a onclick="tikla(<?=$veri['id']?>, <?=$veri['adi']?>)"> <!-- tikla(veri, veri2) gibi ',' koymalsının -->
    <?=$veri['adi']?>
</a>

Bu şekilde çalıştı hata olursa tekrar yazarım :)

(function($){
    $.fn.editor = function() {
        let menuDiv = document.createElement("div"), textarea = this;
        menuDiv.style.padding = "9px"
        menuDiv.style.borderBottom = "1px solid #eee"
        menuDiv.style.background = "#fff"
        
        let menus = [
            {
                "name":"bold",
                "icon": "fas fa-bold"
            },
            {
                "name":"italic",
                "icon": "fas fa-italic"
            },
            {
                "name":"underline",
                "icon": "fas fa-underline"
            },
            {
                "name":"justifyLeft",
                "icon": 'fas fa-align-left'
            },
            {
                "name":"justifyCenter",
                "icon": 'fas fa-align-center'
            },
            {
                "name":"justifyRight",
                "icon": 'fas fa-align-right'
            },
            {
                "name":"justifyFull",
                "icon": 'fas fa-align-justify'
            },
            {
				"id":1,
                "name":"",
                "icon":"fas fa-image",
                "upload":true,
                "content":`
                <form action="" method="post">
                    <input type="file" name="test" class="form-control" multiple />
					<button type="submit" class="btn btn-primary mt-1">Ekle</button>
                </form>
                `
            },
            {
				"id":2,
                "name":"",
                "icon":'fas fa-file-video',
                "upload":true,
				"content":`
                    <input type="file" name="test" class="form-control" />
				`
            }
        ]		
		

        let container = document.createElement("div")
        container.style.background = "#fff"
        container.style.padding = "7px 10px"

        
        let content = document.createElement("div");
        content.setAttribute("contenteditable", "true");
        content.style.outline = 'none'
        content.style.padding = '12px'
        content.style.margin = '8px'
        content.style.border = '1px solid #eee'
        content.style.background = "#fff"
        content.style.height = "300px"
        content.style.overflow = "auto"
        content.addEventListener("keyup", () => {
            setTimeout(() => {
                textarea[0].value = content.innerHTML;
            }, 1)
        });

        for (let i = 0; i < menus.length; i++) {
            let menu = document.createElement("a");
            menu.setAttribute("href", "#")
            menu.innerHTML = `<i class='${menus[i].icon}'></i>`
            menu.style.padding = "3px 7px"
            menu.style.textDecoration = "none"
            menu.style.border = "1px solid #999"
            menu.style.marginRight = "5px"
            menu.style.color = "#333"
            menu.style.position = "relative"
            menu.className = "hideng";
            if (menus[i].upload) {
                container.innerHTML += `
                <div class="modal${menus[i].id}" style="
                    display: none;
                    background: #fff;
                    box-shadow:
                        0 0  0 2px rgb(255,255,255),
                        0.3em 0.3em 1em rgba(0,0,0,0.3);
                    width: 250px;
                    padding: 5px;
                    height: auto;
                    border: 1px solid #eee;
                    position: absolute;
                    left: 60px;
                    top: 80px;
					cursor: default;
                ">
                ${menus[i].content}
                </div>
                `
                menu.addEventListener('click', (e) => {
                    e.preventDefault();
                    if (menu.classList.contains("hideng")) {
                        menu.classList.remove("hideng");
                        document.querySelector(".modal" + menus[i].id).style.display = 'block'
                    } else {
                        menu.classList.add("hideng");
                        document.querySelector(".modal" + menus[i].id).style.display = 'none'
                    }
                    return false;
                });
            } else {
                menu.addEventListener('click', function(e) {
                    e.preventDefault();
                    let args;
                    document.execCommand(menus[i].name, false, args);
                    content.focus()
                    return false;
                });
            }
            menuDiv.append(menu);
        }

        container.append(menuDiv)
        container.append(content)
        $(this).before(container)

        $(this).hide()
    }
})(jQuery);