Dostum CSS biliyosan mesela display'in ne olduğunu bilmen gerekiyor ve sanırım biliyorsun dimi? Onuda javascript'i öğrenirken anlıyıcaksın onuda...
Javascript öğren eğer zor geliyorsa Tayfun Hoca'nın eskilerden bi jquery dersi vardı onları izle.
Bunların hiç biri işe yaramadı önceden deneyim bulamadığım için sordum zaten kullandığım ide PyCharm ide ile alakalı bir sorun olabilir diye düşünüyorum ama bulamadım
<input type="text" style="display:none" />
İstediğin örnek sanırım bu
<button id="toggleBtn">Aç / Kapa</button>
<div id="content">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
#content {
opacity: 0;
visibility: hidden;
position: relative;
top: 20px;
transition: 250ms all;
}
#content.active {
top: 0;
opacity: 1;
visibility: visible;
}
const toggleBtn = document.querySelector("#toggleBtn"),
content = document.querySelector("#content");
toggleBtn.addEventListener("click", () => {
content.classList.toggle("active");
});
Todolist uygulaması yap mesela
css ve javascript dosyalarını çekerken css/style.css değilde https://localhost/css/style.css gibi çek o zaman sorun kalmaz
Öncelikle merhaba bunu htaccess ile yapıcaksın
RewriteEngine On
RewriteRule ^([0-9a-zA-Z_]+)(/?)$ index.php?kul_adi=$1
Php'de yapman gereken ise
<?php
$kullanici_adi = $_GET["kul_adi"];
$row = $db->query("SELECT * FROM uyeler WHERE kullanici_adi = '" . $kullanici_adi . "' ")->fetch_assoc();
echo $row["sifre"];
?>
Daha fazla örnek için: https://www.phpr.org/php-htaccess-kullanimi/
İyi çalışmalar...
Öncelikle merhaba bunlar genellikle jquery ile yapılıyor jquery autocomlete paketiyle eğer sayfanda jquery yoksa https://www.w3schools.com/howto/howto_js_autocomplete.asp bu sayfada bir örnek var.
İyi çalışmalar...
Dostum bunu jquery kullanıyorsan jquery ajax methodu ile javascript kullanıyorsan fetch veya xmlhttprequest ile yapabilirsin. Diğer türlü işin uzun sürer.
Hemen bir örnek yapayım senin için:
<form id="formum">
Kaç Adet
25
<input type='number' value="25" id="deger" readonly />
</form>
<script>
const formum = document.querySelector("#formum");
formum.addEventListener("submit", e => {
e.preventDefault();
fetch("dosya_dizini", {
method: "post",
body: JSON.stringify("25")
})
.then(res => res.json())
.then(ans => {
console.log(ans);
});
});
</script>
Php dosyan:
$sayi = json_encode(file_get_contents("html_dosyasi"), true);
// işlem yapıldı
// ...
// ...
// ...
// ...
// ...
// ...
// ...
// işlem bitti
echo json_encode(/*İşlem sonucu*/);
İyi çalışmalar...