Pertanyaan yang diberi tag «html»

Saya mencoba membuat animasi gaya roller coaster dengan CSS. Saya ingin tahu bagaimana cara melengkung "coaster" ketika itu dalam tahap loop. Saya sedang mencari solusi semua CSS tetapi jika perlu sedikit JavaScript saya setuju dengan itu. kode saya sejauh ini: #container { width: 200px; height: 300px; margin-top: 50px; position: relative; …

15 html  css  css-animations  css-transforms 

Saya memiliki cuplikan berikut (perlu melihat dalam mode layar penuh), yang saya coba untuk menempatkan <main>elemen langsung di bawah <header>elemen. Saya memiliki <header>posisi tetap karena saya ingin tetap di bagian atas layar saat pengguna menggulir konten di <main>elemen. Saya sudah mencoba semua yang saya tahu, tapi yang terbaik yang bisa …

15 html  css  css-position  fixed 

Kita dapat menggunakan window.location.replaceuntuk menghindari riwayat, dan menargetkan jangkar pada halaman tanpa memuat ulang halaman, tetapi tidak dalam iframe? Masalahnya adalah pelanggaran CSP (kebijakan keamanan konten), yang menyatakan script-src 'unsafe-inline'harus diaktifkan. Kecuali saya tidak memiliki CSP yang ditentukan, dan bahkan jika saya mendefinisikan satu dan mengizinkannya script-src 'unsafe-inline'masih memberikan kesalahan …

15 javascript  html  iframe  browser-history  content-security-policy 

Saya baru di Next.js dan saya bertanya-tanya bagaimana cara mengalihkan dari halaman awal ( / ) ke / hello-nextjs misalnya. Setelah pengguna memuat halaman dan setelah itu menentukan apakah path === / redirect ke / hello-nextjs Di react-router kami melakukan sesuatu seperti: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

Saya tidak dapat menempelkan karakter ﷼(mata uang Riyal) di depan nomor: 1﷼ Bahkan tidak mungkin untuk menempelkannya di antara 2 angka, itu ditempel di akhir: 11﷼ Tidak ada masalah jika Anda mencoba menempelkannya di depan surat: ﷼a Adakah yang tahu apa yang terjadi dan bagaimana saya bisa melakukannya?

14 html 

Bagaimana membuat iframe responsif, tanpa mengasumsikan rasio aspek? Misalnya, konten mungkin memiliki lebar atau tinggi, yang tidak diketahui sebelum rendering. Catatan, Anda bisa menggunakan Javascript. Contoh: <div id="iframe-container"> <iframe/> </div> Ukuran ini iframe-containersehingga isinya hampir tidak muat di dalam tanpa ruang tambahan, dengan kata lain, ada cukup ruang untuk konten …

14 javascript  html  css  iframe  responsive-design 

Ketika saya mengetik angka terakhir , angka pertama masuk ke dalam text-box(menghilang), itu menambah satu ruang ekstra. Setelah saya klik di luar text-boxitu terlihat bagus yang saya butuhkan saat mengetik karakter terakhir. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); …

14 javascript  jquery  html  css 

Saya menguji kode html / js di localhost saya (Windows 7, Chrome v79.0.3945.130 (64-bit)) dan sekitar 50% dari perubahan kode waktu tidak tercermin di browser (saya melihatnya dengan Dev Tools / Sumber) ). Ada banyak nasihat di internet, tetapi sepertinya tidak ada yang berhasil: Klik kanan pada reload dan pilih …

14 javascript  html  server  browser-cache 

Saya ingin membuat beberapa html melalui JS, oleh karena itu saya perlu menulis html di dalam file JS seperti: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } apakah ada alat atau jalan pintas untuk membuat …

14 javascript  html 

Saya telah membuat otomasi yang memungkinkan saya untuk memasukkan detail di situs web (walaupun saya tidak dapat membagikannya karena itu internal). Kode saya di bawah ini hanya berfungsi sampai ia memasukkan teks "diterima dari". Namun, bidang "diterima dari" ini memiliki daftar pelengkapan otomatis dan saya harus memilihnya untuk mengisi bidang …

13 html  excel  vba  web-scraping  autocomplete 

Chrome Browser otomatis mengisi efek yang dihapus dari background-colordan background-imagedari Usernamedan Passwordbidang input. Sebelum pelengkapan otomatis Setelah selesai otomatis Tetapi Chrome Browser lengkap menyembunyikan ikon saya dari input dan juga mengubah saya background-color. Jadi saya perlu ikon saya tetap pada input apa adanya. Dimungkinkan untuk menghentikan Browser Chrome dari mengubah …

13 javascript  html  css  google-chrome 

Dalam contoh berikut, ketika Anda mengklik label, input berubah status. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Di Chrome, ketika Anda memindahkan kursor antara mousedowndan mouseupperistiwa input masih akan terpicu, …

13 javascript  html  css  label 

Saya memiliki tabel html dan saya ingin menggambar panah dari satu sel ke sel lain. Misalnya seperti ini: Bagaimana ini bisa dilakukan? Contoh HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Jika Anda mengubah ukuran browser, panah harus tetap pada …

13 javascript  html  svg 

Masalah berikut terjadi menggunakan Firefox v73 pada Window 7: Dalam kode saya, saya menggunakan multi-file-picker dalam html untuk mengunggah hingga 100-file parallal: <input type="file" id="files" name="files" multiple> File akan dikirim ke REST-API yang memprosesnya sesudahnya. Ketika saya memilih satu file (dalam file-explorer) yang sedang digunakan, saya mendapatkan pesan kesalahan (mungkin …

12 html  firefox  multifile-uploader  filepicker 

Saya memiliki tata letak ini yang dibuat secara dinamis: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> …

12 javascript  html  innerhtml