@webdevyusuf - Cevaplar | 𝗣𝗥𝗢𝗧𝗢𝗧𝗨𝗥𝗞

1393 gün önce Kısa if kullanımı hakkında sorusunu cevapladı.

function closeAlert(n){
    n == 1 ?
    document.querySelector('.alert-success').classList.remove('alert-show')
    :
    document.querySelector('.alert-danger').classList.remove('alert-show');
}
function showAlert(n){
    if (n == 1) {
        document.querySelector('.alert-success').classList.add('alert-show'); // Söz dizimi hatası veren yer
        setTimeout(() => {
            closeAlert(1);
        },5000);
    } else {
        document.querySelector('.alert-danger').classList.add('alert-show');
        setTimeout(() => {
            closeAlert(2);
        },5000);
    }
}

0

#003613

1397 gün önce Kodların sitede aynı editordaymış gibi renkli görünmesi. sorusunu cevapladı.

Bunun için yardımcı css kütüphaneleri kullanabilirsin yada kendin yazabilirsin.

0

#003574

1398 gün önce pdo toplu veri ekleme sorusunu cevapladı.

@qplot'ın dediği gibi olucak örnek bir kod gösteriyim

<?php
// Bu gelen veri
$kullanicilar = array(
    array(
        "isim"   => "yusuf",
        "parola" => "123"
    )
);
foreach ($kullanicilar as $kullanici) {
    $db->query("INSERT INTO uyeler SET 
    kul_adi = '{$kullanici['isim']}', 
    sifre = '{$kullanici['parola']}' ");
}
?>

İyi çalışmalar...

2

#003563

1398 gün önce PHPStrom Alternatif IDE Önerisi sorusunu cevapladı.

visualstudio code

1

#003562

1398 gün önce Css Kullanarak Tarayıcı Form Özelliklerini Kapatmak sorusunu cevapladı.

Skeleton Css var. Bence gayet güzel ve kullanışlı.

1

#003561

1401 gün önce $_files ile dosyayı kalıcı klasöre atma sorusunu cevapladı.

<?php

function fileExtension($x){$i = pathinfo($x);return $i['extension'];}

if ($_POST) {
    // Ben güvenlik kontrolü yapmıyorum sen yap
    $file = $_FILES['file'];
    $newName = rand(0, 9999999) . '-image.' . fileExtension($file['name']);
    $upload = move_uploaded_file($file['tmp_name'], 'upload/' . $newName);
    if ($upload) {
        echo "<img src='upload/{$newName}' />"
    } else {
        echo "hata var";
    }
}

?>
<form action="" method="post" enctype="multipart/form-data">
    Dosya seçin: <input type="file" name="file"> <button type="submit">Ekle</button>
</form>

0

#003548

1413 gün önce Modal fonksiyonu - MAKALE sorusunu cevapladı.

Sizler için basit bir modal fonksiyonu hazırladım...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Modal Açma Fonksiyonu - Yusuf ÖZÇELİK - @webdevyusuf</title>
    <style>
        .modal-container {
            position: fixed;
            display: none;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: #a0a0a0;
        }
        
        .modal-content {
            width: 500px;
            margin: auto;
        }
        
        .modal-container.active {
            display: block;
        }
    </style>
</head>
<body>
    <div class="modal-container">
        <div class="modal-content">
            <h1>Hoşgeldin, Yusuf!</h1>
            <button class="close-button">&times;</button>
        </div>
    </div>
    <button class="open-button">Modalı Aç</button>
    <script>
        function modal(modalName, openBtnName, closeBtnName, className = "active") {

            // Tanımlamalar
            let modal = document.querySelector(modalName),
                openBtn = document.querySelector(openBtnName),
                closeBtn = document.querySelector(closeBtnName);
                
            // Modali açma butonuna basıldığında active classını ekle
            openBtn.addEventListener("click", () => {
                modal.classList.add("active");
            });
            
            // Modali kapama butonuna basıldığında active classını sil
            closeBtn.addEventListener("click", () => {
                modal.classList.remove("active");
            });
            
            // Modalin container'ına basıldığında active classını sil
            modal.addEventListener("click", (e) => {
                if (e.target == this) {
                    modal.classList.remove("active");
                }
            });
            
            // Sitede escape tuşuna basıldığında modaldan active classını sil
            window.addEventListener("keyup", (e) => {
                if (e.keyCode == 27) {
                    modal.classList.add("active");
                }
            });

        }
        
        modal(".modal-container", ".open-button", ".close-button");
    </script>
</body>
</html>

0

#003393

1413 gün önce Siteye Loader,Loading Animasyonu Nasıl Ekleyebilirim? sorusunu cevapladı.

<div class="loader">
    <img src="loader.gif" />
</div>

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    heigth: 100vh;
    background: #fff;
    justify-content: center;
    alignItems: center;
}

window.onload = () => {
    document.querySelector(".loader").style.display = "none";
}

1

#003392

1415 gün önce React Native Localhosta Bağlanmıyor sorusunu cevapladı.

İpyi sayısal ip yapınca çözüldü

0

#003369

1416 gün önce Veritabanı çekilen yazılar türkçe karakter sorunu sorusunu cevapladı.

Birde doğru cevap olarak işaretlersen diğer insanlarada yardımcı olabiliriz.

0

#003357