Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Dışarıdan Çağrılan .js Dosyalarında PHP Kullanımı

byhk44

Merhabalar,

Her sayfanın altında javascript kodları kullanmak yerine dosyalara ayırıp

<script src="assets/sepet.js"></script>
<script src="assets/urun.js"></script>
v.s.

Gibi çağırmak istiyorum fakat
@foreach ... @endforeach
@if ... @endif
{{$data->...}}
gibi fonksiyonlar malesef dışarıdan çağırınca çalışmıyor.

Çalıştırmak için neler yapmak gerekir, mümkün müdür?

Herkese iyi çalışmalar

mgsmus

byhk44 Özel bir şey yapmanıza gerek yok fakat eğer bir script çalışmadan önce bir DOM elemente ihtiyaç duyuyorsa DOM yani sayfa yüklendikten sonra yüklenmeli. Henüz yüklenmemiş bir şeyi kullanamaz.

@foreach gibi Blade direktifleri ile ilgisini anlamadım.

byhk44

mgsmus Peki nasıl yapabiliriz dediğiniz işlemi js konusunda php 'ye nazaran daha zayıfım.

Sayfa içerisinde çok fazla tutmak istemiyorum js leri sepete ekleme v.s. işlemler içinde kullanıyorum çünkü. Birde daha temiz oluyor yapı dışarıdan çağırınca

Foreach kısmını bir ürünün alt ürünleri varsa ve bunlar 2 seviyede birbirine bağlıysa html de farklı fiyatları göstermek için kullanıyorum.

Ürün >
-- Ölçü >
---- Cins > Her Cinste Ayrı Fiyat
Gibi bir yapımız var hocam cinsler için html de görülen fiyat alanının değişmesi için fiyatları foreach ile tanımlatıyorum javascript'e

byhk44

mgsmus

Böyle bir örneğim var mesela

        @foreach($nitelik1 as $a)
        function Nitelik_1_{{$a->nitelik1->id}}_Goster (box) {
            var cb = document.getElementsByName("nitelik_1");
            var display = "none";
            @foreach($nitelik2t as $t)
            document.getElementById("grup-{{$t->urun_alturun_nitelik_1_id}}").style.display = "none";
            @endforeach
            for(var i=0;i<cb.length;i++) {
                if(cb[i].checked){
                    display = "inline-block";
                    break;
                }
            }
            document.getElementById(box).style.display = display;
        }
        @endforeach

        @foreach($nitelik1 as $a)
        function Nitelik_1_{{$a->nitelik1->id}}(){
        @foreach($nitelik2 as $b)
        @if($a->nitelik1->id == $b->nitelik1->id)@continue @else
            document.getElementById("nitelik-2-{{$b->id}}").checked = false;
        @endif
        @endforeach
        }
        @endforeach

        @foreach($nitelik2 as $a)
        function Nitelik_2_{{$a->id}}(){
            if (document.getElementById('nitelik-2-{{$a->id}}').checked) {
                document.getElementById('bsf').innerHTML = '{{$a->bsf}}';
                document.getElementById('psf').innerHTML = '{{$a->psf}}';
                document.getElementById('fark').innerHTML = '{{($a->bsf) - ($a->psf)}}TL İndirimde';
            }
        }
        @endforeach

mgsmus

byhk44 PHP ile Javascript'i bu şekilde çarpık bir etkileşime sokamazsınız. Önce Blade direktifleri ile HTML kısmını oluşturacaksınız, sonra Javascript ile manipüle edeceksiniz. Yani Javascript kodları sanki manipüle edeceği HTML varmış gibi önceden yazılacak.

Benim tavsiyem eğer API yazmıyorsanız Inertia'yı incelemeniz:
https://inertiajs.com/

Tabi daha öncesinde genel olarak Javascript ile DOM manipülasyonu nasıl yapılıyor öğrenmeniz. Bu yazdığınız kod onu gösteriyor.

byhk44

mgsmus Süper oldu hocam çok teşekkür eder iyi çalışmalar dilerim. İncelemeye başlıyorum