Merhaba sanırım istediğiniz buydu:
<html>
<body>
<style>
body {
margin: 0;
}
.app {
width: 100%;
min-height: 100vh;
display: flex;
}
.app .left {
width: 30%;
min-height: 100vh;
background: blue;
}
.app .right {
width: 70%;
}
</style>
<div class="app">
<div class="left">
test
</div>
<div class="right">
Buraya uzun uzun bir içerik ekleyebilirsiniz.
</div>
</div>
</body>
</html>
Table of Contents diye arama yaparsanız birçok sonuç bulabilirsiniz. Dilerseniz şu kütüphaneye göz atabilirsiniz:
https://github.com/caseyamcl/toc
Merhaba. FormData objesine append() fonksiyonu ile ekleme yapabilirsiniz. Örnek kod:
var formData = new FormData(this);
formData.append('veriadi', 'veri içeriği');
$.ajax({
url: "resimyukle.php",
data: formData,
type: "post",
processData: false,
cache: false,
contentType: false,
success:function(e) {
swal("Başarılı", "Resimler Başarıyla Yüklendi", "success", {button: "Tamam"});
}
});
Javascript'te PDF oluşturmak için PdfMake kütüphanesini kullanıyorum ben.
Şöyle bir kütüphane buldum, HTML kodunu direkt PdfMake'e çeviriyormuş: https://github.com/Aymkdn/html-to-pdfmake
Bu iki kütüphaneyi kullanarak istediğinizi yapabilirsiniz.
Sunucuya istek göndermeden kullanıcı adının varlığını kontrol etmen mümkün değil. Post'tan kastın sayfa yenilenmesi ile alakalı ise AJAX ile bundan kaçınarak işlem yapabilirsin.
Örneğin kullanıcı adı input'ının onkeyup olayında API endpointine bir AJAX isteği göndererek kullanıcı adı var mı yok mu kontrol edebilirsin. Bu API endpointinde veritabanı üzerinden kullanıcı adının bulunduğu satır sayısını çekip 0'dan büyük ise JSON ile hata mesajı döndürebilirsiniz. Javascript tarafında eğer APIden success değeri false olarak geliyor ise inputın invalid olmasını sağlayabilirsin. Bunun için JS'deki setCustomValidity özelliğini kullanabilirsiniz.