Öncelikle merhaba işlem javascript ile şu şekilde yapılabilir.
<?php
// islem.php
$arr = [
{
"baslik":"deneme"
},
{
"baslik":"deneme"
},
{
"baslik":"deneme"
},
{
"baslik":"deneme"
}
];
// Bu veriyi sen mysql'den çekeceksin ve en son
echo json_encode($arr); // Mysql'den gelen veriyi göndereceksin
?>
/*
* app.js
*/
// Javascript
fetch("islem.php", {
method: "GET"
})
.then(res => res.json())
.then(cevap => {
console.log(cevap);
});
// Eğer jquery ise Jquery islem dosyası aynı javascript ise bu olacak
$.ajax({
url: "islem.php",
method: "get",
dataType: "json",
success: function(cevap){
console.log(cevap);
}
});
Bu arada isteğin çok saçma bir siteyi ya php ile yaparsın yada php'yi sadece mysql bağlantısı için kullanırsın. Bu yüzden boşuna uğraşma ama eğer çok lazımsa bunlardan yola çık yazdığım kodu şuan test etme şansım olsaydı senin soruna cevap verebilirdim ama bunlardan yola çıkarak sorunun cevabını bulabilirsin.
İyi çalışmalar...
<input type="checkbox" id="checkbox">
<script>
let checkbox = document.querySelector("#checkbox");
checkbox.addEventListener("change", () => {
<?=setcookie("girisbilgileri", $gelenid, time() + (60*60*24));?>
});
</script>
En basit yol bu ama senin hatan form içine almaman. Eğer form içine alırsanda şu şekilde
<?php
if(isset($_POST['checkbox'])) {
setcookie("girisbilgileri", $gelenid, time() + (60*60*24));
}
?>
<form action="" method="post">
<input type="checkbox" name="checkbox" />
</form>
İyi çalışmalar...
Öncelikle merhaba ben udemy kurslarından öğrendim Sadık Turan'ın kursu modern javascript'i öğrenmeme çok yardımcı oldu sanada tavsiye ederim.
Udemy'de Sadık Turan Modern Javascript diye aratırsan bulabilirsin.
Öncelikle merhaba kullanımı şu şekilde dener misin.
// Javascript
document.querySelector("#menu").addEventListener("click", () => {
document.querySelector("body").style.opacity = "0.3";
});
// Jquery
$("#menu").on("click", function(){
$("body").css("opacity", "0.3");
});
İyi çalışmalar...
@qplot Dostum istediği şey ismini +1 yapmak yani dosya yüklemek değil lütfen doğru oku açıklamayı.
Öncelikle merhaba benim bildiğim bağlayamassın çünkü reactjs nodejs ile çalışıyor reactjs ile veritabanına bağlanman için nodejs modullerinden kullanman gerekir aynı electronjs veya reactnative gibi ama Tayfun Hoca daha iyi bilir tabi ama sanırım php ile kullanamssın.
Öncelikle merhaba istediğin sanırım bu:
HTML: (index.html)
<form action="upload.php" method="post" enctype="multipart/form-data">
Dosya: <input type="file" name="file" /> <button type="submit">Yükle</button>
</form>
PHP: (upload.php)
<?php
$db = new mysqli("localhost","root","","veritabani_adi");
$number = $db->query("SELECT * FROM tablo_adi")->num_rows + 1;
function extension($x){$i=pathinfo($x);return $i['extension'];}
$file_name = $number.".".extension($_FILES["file"]["name"]);
echo $file_name;
?>
Güvenlik kontrolleri sende.
İyi çalışmalar....
Dostlar cevabı buldum json verisi aynı function şu şekilde.
function drawElements(items, elem = false) {
const body = document.querySelector("body");
let ul = document.createElement("ul");
if (elem == false) {
items.forEach(async (item) => {
let li = document.createElement("li");
li.innerText = item.baslik;
if (item.children.length > 0) {
drawElements(item.children, li);
}
ul.appendChild(li);
});
body.appendChild(ul);
} else {
items.forEach(async (item) => {
let li = document.createElement("li");
li.innerText = item.baslik;
if (item.children.length > 0) {
await drawElements(item.children, li);
}
ul.appendChild(li);
elem.appendChild(ul);
});
}
}
Öncelikle bir daha lütfen konuya ait olmayan şeyi etiketleme bu css ile ne alakası var bir daha
sakın yapma senin istediğin gelince şu şekilde dene.
$.ajax({
url: 'http://application.yesilyurtavm.com/yesilyurtapi/stores.php',
type: 'get',
succcess: function(ans){
let ans_json = JSON.parse(ans);
console.log(ans_json);
}
});
Şöyle küçük bir örnek hazırladım çok vaktim olmadığı için bununla yola çıkarak düzenleyebilirsin siteni
Bu HTML'i
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
<h1>Todo List</h1>
<ul>
<li class="active">Todo 1</li>
<li>Todo 2</li>
<li>Todo 3</li>
<li>Todo 4</li>
<li>Todo 5</li>
<li>Todo 6</li>
</ul>
<script src="script.js"></script>
Buda SCSS'i
$font: arial;
h1 {
font-family: $font;
}
ul {
li {
font-family: $font;
padding: 4px;
&.active {
text-decoration: underline;
}
}
}
Buda Javascript'i
$(window).keyup(function(e){
if ( e.keyCode == 38 ){
let classVerilecek = $('ul li.active').index() - 1;
if( classVerilecek < 0 ){ return false; }
$('ul li.active').removeClass("active");
$('ul li:eq(' + classVerilecek + ')').addClass("active");
}else if( e.keyCode == 40 ){
let classVerilecek = $('ul li.active').index() + 1;
if( $('ul li').length == classVerilecek ){ return false; }
$('ul li.active').removeClass("active");
$('ul li:eq(' + classVerilecek + ')').addClass("active");
}
});
Eğer uygulamayı deneyeceksen SCSS yerine bu CSS'i kullan
h1 {
font-family: arial;
}
ul li {
font-family: arial;
padding: 4px;
}
ul li.active {
text-decoration: underline;
}
İyi çalışmalar...