const { data } = useQuery(
['fetchNavbar'],
async () => {
const { data } = await axios('http://192.168.20.76:8000/api/navbar/')
return data
},
{
staleTime: Infinity,
}
)
Navbar'da böyle bir mantık yaptım mesela, staleTime vererek herhangi sayfada başka bir sorgu atmayacak refresh olana kadar, bunu tüm copmonentlerde yapıp onlara ait verileri çeksem olur mu peki ?
Row bir flex yapısı olduğu için içindeki itemlar uzun eşitlikte olacaktır. align-items kullanırsan uzunlukar sadece kapladığı kadar olacaktır. align-items-start gibi bir classname kullanabilirsin. Bunu row verdiğin div'e vermen lazım.
<div class="title">
<h1><span id="question-counter"></span></h1>
</div>
<div class="answers">
<ul>
<li>
<a href="#" data-answer="a"></a>
</li>
<li>
<a href="#" data-answer="b"></a>
</li>
<li>
<a href="#" data-answer="c"></a>
</li>
<li>
<a href="#" data-answer="d"></a>
</li>
</ul>
</div>
<div class="next-question">
<button type="button">Next Que</button>
</div>
ben böyle bir yapıyı .quiz__wrapper'in içine aktarmaya calısıyorum. Yaptığınız mantığı anladım ama ben bunu createElement ile nasıl yapacağım?
Mesela ben eğer post var ise kontrolleri yaptıracam ve eksik var ise echo ile ekrana yazıracam. Ama ekrana hatayı yazdırıp sonrasında f5 attığımızda yeniden post olucağı için ekrana yine hata yazdıracak. Kafama bu soru takıldı bunu nasıl yapabilirim? Cookie veya session ile çözebilir miyim?
action = "xxx.php" yapmak yerine kod satırında header('Location: xxx.php') yapabilirsin eğer başarılı ise.
<style>
.slide img {
width: 100%;
height: 500px;
filter: grayscale(.9);
}
.slide {
position: relative;
}
.bg-text {
position: absolute;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: #fff;
z-index: 99;
}
</style>
<div class="slide">
<div class="bg-text">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero aut saepe enim hic ab officiis perspiciatis sequi nam optio inventore. Modi esse voluptas ipsa nulla dolorem nisi fugit nostrum repellendus.</p>
</div>
<img src="https://images.ctfassets.net/hrltx12pl8hq/5KiKmVEsCQPMNrbOE6w0Ot/341c573752bf35cb969e21fcd279d3f9/hero-img_copy.jpg?fit=fill&w=800&h=300" alt="">
</div>
Div'e verdiğin filter divin içinde ki tüm elemanları da kapsar. Onun yerine bir div'e img ve text ver, position ile divin top:0'ına al ve img'e filter ver. Bu kodu kullanırsan istediğini uygulayabilirsin.
<?php foreach ($json as $key => $val) : ?>
<div class="wrapper">
<input type="hidden" name="id" value="<?=$key;?>">
<br>
<input type="text" name="aciklama">
</div>
<?php endforeach; ?>
<script>
$('input[name="aciklama"]').change(function () {
console.log($(this).closest('.wrapper').find('input[name="id"]').val());
});
</script>
this anahtar sözcüğünü ve closest metodunu kullanabilirsin. This ile change eylemi olan input'u bulup closest ile .wrapper div'inin içindeki name="id" olan inputun value değerini alabilirsin.