gravatar.com adresinden buraya kayıt olduğun e-posta adresi ile kayıt olup avatarını yüklersen bir süre sonra siteyede yansıyacaktır.
hem gravatar hizmeti sunan tüm sitelerde otomatik olarak avatarın gözükür, fena olmaz :) ilerleyen süreçte özel yükleme kısmı hazırlayacağım.
e.preventDefault(); koyarak a etiketinin butona tıklayınca çalışmamasını sağlayabilirsin. Örnek;
<a href="https://prototurk.com" target="_blank">
<span class="title">Başlık</span>
<button class="add-basket" data-id="1">Sepete Ekle</button>
</a>
<script>
document.querySelectorAll('.add-basket').forEach(function(btn){
btn.addEventListener('click', function(e){
e.preventDefault();
console.log(this.dataset.id);
});
});
</script>
normalde react ile bir web sayfası hazırladığında sayfa kaynağında göremiyorsun yazdıklarını sonradan generate ediliyor. server-side rendering ile sayfa kaynağında görüyorsun, bu da genede seo için önemli bir olay.
mümkün evet. işte encode ve decode için birer fonksiyon
function encrypt($string, $key) {
return openssl_encrypt($string, "AES-128-ECB", $key);
}
function decrypt($string, $key) {
return openssl_decrypt($string, "AES-128-ECB", $key);
}
id'yi artık bir key değeri ile şifreleyip gönderebilirsin.
<input type="hidden" name="id" value="<?=encrypt($id, 'ornek-anahtar-123')?>">
Bu id değerini alsa bile elinde ornek-anahtar-123 değeri yoksa şifreyi geri açamayacaktır. Post ettiğin tarafta ise şöyle kontrol edebilirsin;
$id = decrypt($_POST['id'], 'ornek-anahtar-123');
if (!$id){
return 'hatalı id değer gönderdiniz';
}
Eğer birileri hile yapıp öyle rastgele id değeri gönderecek olurlarsa yine çalışmayacaktır, çünkü şifreli bir değer ve bu değerin anahtar değerinin ornek-anahtar-123 olması bekleniyor aksi halde id false dönecektir.
çalıştırırken nasıl bir yol veriyorsun? which libreoffice yazıp tam adresi alarak çalıştırmayı deneyebilirsin, bazen verilen path ile ilgili sorun olabiliyor
https://randomovie1.net olarak güncellendi
react'den önce javascriptin temellerini bilmen gerekir. ek olarak daha önce api'lerle çalışmış olman gerekir.
back-end'i de sen yazacaksan daha önce rest servisleri yazmış olman gerekir, eğer eksiğin varsa bu konulardan başlamalısın.
minimum 320px olarak düşünebilirsin, o bile kalmadı gerçi artık ancak yinede 320'ye sabitlemesi kolay responsive tasarımlarda, daha altına zaten gerek yok görünecek bir şey kalmıyor geriye :)
muhtemelen BilgiSorgula() fonksiyonunda istek atıyorsun. O yüzden onu bir kere çalıştırıp değişkene atamalı ve bu değişken içinde objelerine erişmelisin.
const sorgu = BilgiSorgula();
console.log(sorgu.last4);
console.log(sorgu.month);
console.log(sorgu.year);
ufak bir örnek hazırladım senin için
<input type="file" multiple accept="image/*" id="images">
<hr>
<div id="preview"></div>
javascript ise
const images = document.getElementById('images'),
preview = document.getElementById('preview');
images.addEventListener('change', function() {
preview.innerHTML = '';
[...this.files].map(file => {
const reader = new FileReader();
reader.addEventListener('load', function(){
const image = new Image();
image.height = 100;
image.title = file.name;
image.src = this.result;
preview.appendChild(image);
});
reader.readAsDataURL(file);
})
})