Valla bunun için öyle uzun uzadıya kod yazmaya gerek duymuyorum ben, güzelce yapılmışları var. Bu adresteki yönergeleri takip edip sisteminizde kullanırsanız hem istediğiniz boyutlarda resim üretirsiniz hem de optimizasyon yapmış olursunuz.

https://stackoverflow.com/a/15627759/12325488

Cookie dosyalarında konumu daha net belirtmeyi deneyin

__DIR__ . DIRECTORY_SEPARATOR . 'cookie.txt';

Konsola sırasıyla şu kodları yazıp enter a bastıktan sonra ağ hareketlerini sayfa değişmeden takip edebilirsiniz.

$('#login_giris').off("click")

$('#login_giris').on("click", function() {
            var form_data = $('#login_form').serialize();

            $.ajax({
                "url": "/ajax/login",
                "method": "POST",
                "data": form_data,
                success: function(cevap) {

                    if (cevap.login != undefined && cevap.login == true && cevap.redirect != undefined) {
                        if (cevap.rememberme != undefined) {
                            document.cookie = "rememberme=" + cevap.rememberme + ';max-age=' + (60 * 60 * 24 * 365 * 5);
                        }


                        if (url_redirect != undefined && url_redirect != '') {
                            console.log(url_redirect)
                        } else {
                            console.log(cevap.redirect)
                        }

                    } else {
                        document.cookie = "rememberme=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

                        showModalMesaj("Kullanıcı adı/şifre hatalı.");
                    }
                },
                error: function(err) {
                    showModalMesaj('LOGIN HATA');
                }
            });
        });

Gelen yönlendirme sayfasını konsola basar

Veri tabanı bağlantı kodlarında karakter seti tanımla, formdan gelen verilerin mi bozuk olduğunu yoksa kayıt esnasında mı bozulduğunu kontrol etmek için db ye kayıt etmeden önce bir ekrana çıktı ver vs

Bundan daha kısa yazılmaz gibi

$(function(){$(".myButton").on("click",function(){$(this).hide(),$("#myIframe").attr("src",`https://www.youtube.com/embed/${$(this).data("video-id")}`).show()})});

Pop up ı açtırma kodu nasıldır bilmiyorum ama şu şekilde ilerlemen gerek

.then((result) => {
      if (result.isConfirmed) {
          // Açma kodları
      }
   })
 }

<button data-type="open">Buton</button>

<script>
    document.querySelector("button").onclick = function () {
        let type = this.dataset.type
        if (type === "open") {
            console.log('Open işlemlerini çalıştır')
            this.dataset.type = "close"
        } else if (type === "close") {
            console.log('Close işlemlerini çalıştır')
            this.dataset.type = "open"
        } else {
            console.log('Hata oluştu')
            this.dataset.type = "open"
        }
    }
</script>

Böyle olsa