«html» etiketlenmiş sorular

Ben yeniyim Next.js ve başlangıç sayfasından (yönlendirme nasıl merak ediyorum / ) için / merhaba-nextjs örneğin. Kullanıcı bir sayfa yüklediğinde ve bundan sonra path === / / hello-nextjs adresine yönlendirilip yönlendirilmeyeceğini belirleyin In tepki-yönlendirici biz böyle bir şey yapmak: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> // or …

15 html  reactjs  routing  react-router  next.js 

Karakteri ﷼(Riyal para birimi) bir sayının önüne yapıştıramıyorum : 1﷼ 2 sayı arasına yapıştırmak bile imkansız, sonunda yapıştırıldı: 11﷼ Bir mektubun önüne yapıştırmaya çalışırsanız herhangi bir sorun olmaz: ﷼a Ne olduğunu ve nasıl yapabileceğimi bilen var mı?

14 html 

En boy oranını varsaymadan iframe'i nasıl duyarlı hale getirebilirim? Örneğin, içeriğin oluşturulmadan önce bilinmeyen herhangi bir genişliği veya yüksekliği olabilir. Not: Javascript kullanabilirsiniz. Misal: <div id="iframe-container"> <iframe/> </div> Boyut Bu iframe-containeryüzden o zorlukla uygun içinde fazladan boşluk bırakmadan, diğer bir deyişle, kaydırma yapmadan gösterilebilir böylece içerik için yeterli alan, ancak …

14 javascript  html  css  iframe  responsive-design 

Son sayıyı yazdığımda , ilk sayı içeri girer text-box(kaybolur), fazladan bir boşluk ekler. Dışına tıkladıktan sonra text-boxson karakteri yazarken ihtiyacım olan iyi görünüyor. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) 0%); background-position: left bottom; background-size: 38px 1px; background-repeat: repeat-x; width: …

14 javascript  jquery  html  css 

Localhost'umda bir html / js kodu test ediyorum (Windows 7, Chrome v79.0.3945.130 (64 bit)) ve zaman kodu değişikliklerinin yaklaşık% 50'si tarayıcıya yansıtılmadı (Dev Araçlar / Kaynaklar ile görüyorum) ). İnternette bir ton tavsiye var, ancak ikisi de işe yaramıyor gibi görünüyor: Yeniden yükle'ye sağ tıklayın ve "Boş önbellek ve Sabit …

14 javascript  html  server  browser-cache 

JS ile bazı html oluşturmak istiyorum, bu nedenle html gibi JS dosyasının içine yazmak gerekiyor: 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>"; } html dizesi bu tür oluşturmak için bir araç veya bazı kısayol var …

14 javascript  html 

Bir web sitesinde ayrıntılar girmeme izin verecek bir otomasyon oluşturdum (ancak dahili olarak paylaşamam). Aşağıdaki kodum yalnızca "alındı" ifadesine bir metin girene kadar çalışıyor. Ancak, bu "alınan" alanında otomatik tamamlama listesi vardır ve TIN ve Adres gibi diğer alanları doldurmak için seçmem gerekiyor. Otomatik tamamlama listesi https://jqueryui.com/autocomplete/ veya http://demos.codexworld.com/autocomplete-textbox-using-jquery-php-mysql/ listesindeki …

13 html  excel  vba  web-scraping  autocomplete 

Chrome Tarayıcı otomatik doldurma etkisini kaldırılmış background-colorve background-imagegelen Usernameve Passwordgiriş alanlar. Otomatik tamamlamadan önce Otomatik tamamlamadan sonra Ancak Chrome Tarayıcı otomatik tamamlama, simgelerimi girişlerden gizler ve ayrıca değiştirdi background-color. Yani benim simgeleri olduğu gibi girişlerde kalmak gerekir. Chrome Tarayıcı'nın alanların arka plan rengini değiştirmesini ve görüntüleri gizlemesini durdurmak mümkün mü? …

13 javascript  html  css  google-chrome 

Aşağıdaki örnekte, etikete tıkladığınızda giriş durumu değişir. 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> Kod snippet'ini çalıştırSonuçları gizleSnippet'i genişlet Chrome'da, imleci mousedownve mouseupetkinlikleri arasında hareket ettirdiğinizde giriş yine de tetiklenirken, Firefox'ta onay kutusu durumu değişmez. …

13 javascript  html  css  label 

Bir html tablo var ve bir hücreden diğer hücreye bir ok çizmek istiyorum. Örneğin şöyle: Bu nasıl yapılabilir? Örnek 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> Tarayıcıyı yeniden boyutlandırırsanız, ok (yeni) başlangıç ​​/ bitiş konumunda kalmalıdır.

13 javascript  html  svg 

Pencere 7'de Firefox v73 kullanılarak aşağıdaki sorun oluştu: Kodumda 100 dosyaya kadar parallal yüklemek için html'de çoklu dosya seçici kullanıyorum: <input type="file" id="files" name="files" multiple> Dosyalar daha sonra bunları işleyen bir REST-API'ye gönderilir. Şu anda kullanımda olan tek bir dosya (dosya gezgini) seçtiğimde, bana kullanımda olduğu için dosyanın seçilemediğini söyleyen …

12 html  firefox  multifile-uploader  filepicker 

Dinamik olarak oluşturulmuş bu düzen var: 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> <h4> <small>state</small> </h4> …

12 javascript  html  innerhtml 

Sorun gibi bazı harfler gibi görünüyor g, y, qyamaçları aşağı doğru dikey merkezleme için izin vermez bir kuyruk var, vb. İşte sorunu sergilemek için bir resim . Yeşil kutudaki karakterler, aşağı doğru kuyrukları olmadığı için temelde mükemmeldir. Kırmızı kutudakiler sorunu göstermektedir. Tüm karakterlerin mükemmel bir şekilde dikey olarak ortalanmasını istiyorum. …

12 javascript  html  css  vertical-alignment 

Tabloyu resimde gösterildiği gibi sayfaya (A4) sığdırmak için birçok yol denedim: Çok aradım ama web'de yararlı bir şey bulamadım. Dinamik tablo kullanıyorum, tablonun genişliği hariç her şey yolunda. İşte benim kod: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" class="bg-dark text-white">Description</th><th align="center" class="bg-dark text-white">Item Type</th></tr></thead><tbody><tr style="background-color: #f2f2f2;"><td align="center">1</td><td …

11 php  html  css  tcpdf 

Kullanıcı arabirimde farklı düğmelerle bir sayfam var, tüm düğmeler kendi başlarına mükemmel çalışıyor, ancak krom web mağazasında bir uzantı açan düğmeyi tıklar ve daha sonra başka bir düğmeyi tıklarsam sayfa açılmaz . İşte bahsettiğim şeyin bir örneği. Açılan sekmeleri kapatmadan düğmeleri tıklatırsanız, krom web mağazası açıldıktan sonra tıkladığınız düğmenin bir …

11 javascript  html  google-chrome