Domande taggate «html»

Possiamo usare window.location.replaceper evitare la cronologia e per indirizzare gli ancoraggi nella pagina senza ricaricare la pagina, ma non negli iframe? Il problema è una violazione CSP (content security policy), che afferma che script-src 'unsafe-inline'deve essere abilitato. Tranne per il fatto che non ho definito un CSP, e anche se …

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

Sono nuovo in Next.js e mi chiedo come reindirizzare dalla pagina iniziale ( / ) a / ciao-nextjs per esempio. Una volta che l'utente carica una pagina e successivamente determina se percorso === / reindirizza a / hello-nextjs In reag-router facciamo qualcosa del tipo: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> …

15 html  reactjs  routing  react-router  next.js 

Non riesco a incollare il personaggio ﷼(valuta Riyal) davanti a un numero: 1﷼ È persino impossibile incollarlo tra 2 numeri, è incollato alla fine: 11﷼ Non ci sono problemi se provi a incollarlo davanti a una lettera: ﷼a Qualcuno sa cosa succede e come posso farlo?

14 html 

Come rendere reattivo un iframe, senza assumere un formato? Ad esempio, il contenuto può avere qualsiasi larghezza o altezza, che è sconosciuto prima del rendering. Nota, puoi usare Javascript. Esempio: <div id="iframe-container"> <iframe/> </div> Dimensionalo in iframe-containermodo tale che il suo contenuto si adatti a malapena all'interno senza spazio extra, …

14 javascript  html  css  iframe  responsive-design 

Quando scrivo l' ultimo numero , il primo numero va dentro text-box(scompare), aggiunge uno spazio extra. Dopo aver fatto clic all'esterno text-box, sembra che sia necessario durante la digitazione dell'ultimo carattere. #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: …

14 javascript  jquery  html  css 

Ho testato un codice html / js sul mio localhost (Windows 7, Chrome v79.0.3945.130 (64-bit)) e circa il 50% delle modifiche al time code non si riflettono nel browser (lo vedo con Dev Tools / Sources ). Ci sono molti consigli su Internet, ma nessuno dei due sembra funzionare: Fai …

14 javascript  html  server  browser-cache 

Voglio creare qualche HTML tramite JS, quindi ho bisogno di scrivere l'html all'interno del file JS come: 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>"; } c'è uno strumento o qualche scorciatoia per creare questo tipo …

14 javascript  html 

Ho creato un'automazione in cui mi consentirà di inserire i dettagli su un sito Web (anche se non posso condividerlo poiché è interno). Il mio codice qui sotto funziona solo fino a quando non inserisce un testo su "ricevuto da". Tuttavia, questo campo "ricevuto da" ha un elenco di completamento …

13 html  excel  vba  web-scraping  autocomplete 

Il browser Chrome riempie automaticamente l'effetto rimosso di background-colore background-imageda Usernamee nei Passwordcampi di input. Prima del completamento automatico Dopo il completamento automatico Ma il completamento automatico del browser Chrome nasconde le mie icone dagli input e ha anche cambiato le mie background-color. Quindi ho bisogno che le mie icone …

13 javascript  html  css  google-chrome 

Nel seguente esempio, quando si fa clic sull'etichetta, l'input cambia stato. 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> Esegui snippet di codiceNascondi risultatiEspandi frammento In Chrome, quando si sposta il cursore tra gli eventi mousedowne …

13 javascript  html  css  label 

Ho una tabella html e voglio disegnare una freccia da una cella a un'altra cella. Ad esempio in questo modo: Come si può fare? HTML di esempio: <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> Se ridimensionate il browser, la freccia …

13 javascript  html  svg 

Il seguente problema si è verificato utilizzando Firefox v73 su Windows 7: Nel mio codice uso un multi-file-picker in html per caricare fino a 100 file in parallelo: <input type="file" id="files" name="files" multiple> I file verranno inviati a un'API REST che li elaborerà in seguito. Quando seleziono un singolo file …

12 html  firefox  multifile-uploader  filepicker 

Ho questo layout che è stato creato in modo dinamico: 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 + …

12 javascript  html  innerhtml 

Il problema sembra essere che alcune lettere come g, y, q, ecc che hanno una coda che degrada verso il basso, non consentono la centratura verticale. Ecco un'immagine per mostrare il problema . I personaggi nella casella verde sono sostanzialmente perfetti, in quanto non hanno una coda discendente. Quelli nel …

12 javascript  html  css  vertical-alignment 

Ho provato molti modi per adattare la tabella alla pagina (A4) come mostrato nell'immagine: ho cercato molto ma non sono riuscito a trovare nulla di utile sul web. Sto usando la tabella dinamica, è tutto ok tranne la larghezza della tabella. ecco il mio codice: $content = '<table><thead><tr><th class="bg-dark text-white" …

11 php  html  css  tcpdf