<?php
if(!empty($_POST['ozellikler'])) {
foreach($_POST['ozellikler'] as $ozellik) {
echo $ozellik; //echoes the value set in the HTML form for each checked checkbox.
}
}
?>
Tabi normal fonksiyon ile
elements.forEach(function(element){
element.addEventListener("click", function(){
this.target.classList.toggle("active")
})
}
)
İlk olarak şöyle bir hatan var id attribute'u unique yani benzersiz olmalı. id birden fazla html elementine verilmemeli. Senin tc kimliğin aslında bu ülkede id'indir. Bunu html içinde uygulamalısın.
Burdan sonra yapacağın şey şu
const elements = document.querySelectorAll(".yuvarlaklar");
elements.forEach(element => element.addEventListener("click",(e) => e.target.classList.toggle("active")))
//Her bir yuvarlaklar classına sahip elemana click eventi verdik ve bu event tıklandığında active classını varsa siler yoksa ekler
.active{
background-color:green;
}
Client'da her şey görünür ve manipüle edilebilirdir. Eğer bir php dosyan varsa bu sunucuda işlenerek client'a html olarak çıktısı gider.
Kullanıcı x.php dosyasında yazdığın php kodlarını asla göremez ama php dosyanda bir html sayfası oluşturmuşsan o html sayfasını görebilir.
<?php
$value = 10
//Bu kısımı kullanıcı göremez, burada sql işlemleri yapabilirsin
?>
<html>
<body>
değerim:<?=$value?>
</body>
</html>
<!-- html kısmı artık kullanıcıya iletilecek kısımdır. Burayı kullanıcı görecektir -->
Html içinde kullandığın ajaxları hem client hem serverdan kontrol ederek güvenli hale getirebilirsin.
Bir react uygulamasını build alıp, Tarayıcı ile index.html'i açarsan bu sorunla karşılaşırsın. React chunkları base path'de arar o yüzden bir sunucuya atmadan görmek çok zor :)
Eğer bir eleman'a position tanımlaması yaparsan o eleman varsayılan box model'inin dışına çıkmış olur.
Bu ne demek?
Normalde elemanlar display tanımlamasına göre box modelleri değişir. Örnek block bir elemanın her zaman yeni satırda (eski block olan elemanın altında) oluşmasını sağlar.
position verdiğin an bu tanım ortadan kalkıyor. Normalde alt alta olması gereken yapı üst üste binmeye başlar. position kullanacaksan parent div'in spesifik bir height width'i olması gerek veya direkt position kullanma :)
position neden tercih edilir ? Eğer bir eleman sayfanın herhangi bir yerinde (veya bir parent'ı baz alarak) konumlanacaksa veya sabitlenecekse kullanılmalı
Ekstra olarak padding veya marginlerde % kullanmamalısın. Bunun yerine rem veya em'i kullanabilirsin
Bu fiyatlar kişiden kişiy değişir. Ben 1000tl altı işleri dinlemiyorum bile. Fiyatını tecrübene ve projeye göre vermelisin. Sırf bir iş almak için ölücü yaklaşmayın. Bionluk juniorların kol gezdiği bir site oraya çok aldanmayın
Php 'yi sadece rest api olarak kullanabilirsin. Rest apiyi php yerine nodejs ile yapsan daha sağlıklı olabilir veya direkt next.js öğren. Php kullanmadan sadece react ile işini çözersin
Footer'a fixed vermemelisin. Fixed sayfa içerisinde herhangi bir konumda olmasını söyler ve yüksekliğini devre dışı bırakır. Fixed vermen gerekiyorsa altta kalan kısıma margin-bottom:100px vs vererek footer'ın genişliğini alttan aldırabilirsin
const arr = ["Birinci Eleman", "İkinci Eleman", "Üçüncü Eleman"];
const targetDiv = $("#dizi-buraya");
let index = 0;
const delay = 1500
function showNextElement() {
if (index < arr.length) {
targetDiv.html(arr[index]);
targetDiv.fadeIn(delay);
setTimeout(function() {
targetDiv.fadeOut(delay, function() {
targetDiv.empty();
index++;
showNextElement();
});
}, delay);
}
}
showNextElement();