Domande taggate «html»

Creerò un elemento XML in JavaScript per scambiare dati con il lato server. Ho scoperto di poterlo fare condocument.createElement . Ma non so come convertirlo in stringa. C'è qualche API nel browser per renderlo più facile? O esiste una libreria JS che includa questa API? EDIT: ho scoperto che l'API …

84 javascript  html 

Sto usando il webpack con HtmlWebpackPlugin, html-loadere file-loader. Ho una struttura di progetto semplice in cui non uso quadri, ma solo dattiloscritto. Pertanto, scrivo il mio codice HTML direttamente su index.html. Uso anche questo file HTML come modello in HtmlWebpackPlugin. Come tutti i siti Web, devo inserire un'immagine che si …

40 javascript  html  webpack 

Sto centrando un DIV all'interno di un altro DIV usando un flexbox. Pensa a una finestra di dialogo che viene visualizzata al centro dello schermo quando necessario. Funziona bene, tuttavia sarebbe molto meglio se lo spazio sopra e sotto la finestra di dialogo non fosse esattamente uguale, avendo il 40% …

23 html  css  flexbox  centering 

Sto lottando con questo problema da un po 'di tempo ormai. Il problema può essere riscontrato su dispositivi mobili (Android e iOS), potrebbe essere necessario ingrandire leggermente alcuni dispositivi. Su PC, posso anche riprodurre questo bug sul browser Chrome quando si passa alla modalità mobile. Di seguito è riportato il …

23 html  css 

Astuccio : Ho 2 iframe ed entrambi hanno molti div e altri controlli quindi entrambi gli iframe sono come le medie dimensioni dei siti Web HTML. Voglio confrontare entrambi e scoprire le differenze. Ho pensato a diverse opzioni qui: Soluzione 1: scatta uno screenshot completo di 2 iframe e confronta …

21 javascript  python  html  selenium-webdriver  iframe 

Voglio ottenere la posizione del testo selezionata usando JavaScript. Ad esempio, ho una semplice textarea. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Esegui snippet di codiceNascondi risultatiEspandi frammento Nella mia area di …

20 javascript  html 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css 

Ad esempio, ho questo: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Esegui snippet di codiceNascondi risultatiEspandi frammento e questo: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> <div …

19 html  css  acid3 

Ho un elenco, con overflow-xe overflow-yimpostato su auto. Inoltre, ho impostato lo scorrimento del momento, quindi lo scorrimento del tocco funziona bene nei dispositivi mobili, usando webkit-overflow-scrolling: true. Il problema, tuttavia, è che non riesco a capire come disabilitare lo scorrimento orizzontale quando si scorre verticalmente. Porta a un'esperienza utente …

17 javascript  html  css  angular  ionic-framework 

Sto cercando di creare un sistema di menu con un'immagine e un testo sopra e sotto. I dati sono dinamici. Voglio che il sistema di menu appaia in modo tale che ogni immagine abbia la stessa distanza l'una dall'altra in modo che si allineino in una griglia di immagini sia …

17 html  css  flexbox 

Volevo creare un cerchio tratteggiato con CSS e crearlo con il seguente processo. Sebbene il cerchio tratteggiato possa essere visualizzato con questo processo, il divario tra la fine e l'inizio della linea tratteggiata si è ridotto e il divario non era uniforme. .c { width: 500px; height: 500px; border-width: 15px; …

16 javascript  html  css 

Ho un tavolo con i numeri. Quando faccio clic su una cella nella tabella, attiva / disattiva lo stato attivo. Voglio selezionare una cella e premere crtl e selezionare un'altra cella, e come risultato le celle tra la prima e la seconda diventeranno attive. Come implementarlo? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> …

16 javascript  html  css 

Sono molto nuovo di Angular. Ho del lavoro su Angular. Devo associare l'elenco a discesa nidificato per i Jsondati che provengono dal server chiamando Rest Api. I dati hanno un attributo LgLevel, specifica il livello nella gerarchia del gruppo. Parent avrà level=0, immediato Child=1, Grandchild=2e così via. Childe Grandchildha un …

15 html  angular  typescript 

Sto cercando di creare un'animazione in stile montagne russe con CSS. Voglio sapere come curvare il "sottobicchiere" quando è nella fase del ciclo. Sto cercando una soluzione tutto CSS, ma se c'è bisogno di un po 'di JavaScript, sono d'accordo. il mio codice finora: #container { width: 200px; height: 300px; …

15 html  css  css-animations  css-transforms 

Ho il seguente frammento (è necessario visualizzare in modalità schermo intero), che sto cercando di posizionare l' <main>elemento direttamente sotto l' <header>elemento. Ho <header>una posizione fissa perché voglio che rimanga nella parte superiore dello schermo mentre l'utente scorre il contenuto <main>nell'elemento. Ho provato tutto quello che so, ma il meglio …

15 html  css  css-position  fixed