Articles of html

Overflow per il colore di sfondo del testo

Ho applicato il colore di sfondo ai collegamenti nella mia lista dei paesi. Funziona bene in generale: Tuttavia, per i paesi che hanno un nome più lungo, non funziona molto bene. Sto cercando di fare in modo che il colore giallo esca di tutto e mostri chiaramente il nome completo del paese. HTML: … … […]

Inject modulo dipendenza (come plugin) solo se necessario AngularJS

Ho 2 pagine (non uso il routing angular – Questo vincolo). In uno di questi voglio usare la direttiva ui-grid come in questa demo: var app = angular.module(‘myApp’, [‘ui.grid’]); app.controller(‘mainCtrl’, function($scope) { $scope.myData = [ { “firstName”: “Cox”, “lastName”: “Carney”, “company”: “Enormo”, “employed”: true }, { “firstName”: “Lorraine”, “lastName”: “Wise”, “company”: “Comveyer”, “employed”: false }, […]

Come faccio ad allineare l’immagine per spostarla verticalmente? (CSS, HTML)?

Una domanda CSS / HTML di base. Come mostrato nel mio screenshot, c’è un’immagine di una freccia a sinistra, voglio spostarla in modo tale che il punto medio della freccia sia leggermente sopra il punto medio del testo che segue quello. Probabilmente questa è roba di base, ma quale proprietà in CSS mi aiuterà a […]

Modulo HTML Safari iOS pulsanti successivo / precedente: come funzionano?

Disclaimer: sto usando JQuery Mobile. Ho un sacco di pagine con diverse forms, ma alcune sembrano mostrare un comportamento diverso quando si premono i pulsanti successivo / precedente. Tutti i moduli sono impostati con indice tab. Il modulo 1 funziona perfettamente, tranne che salta gli interruttori ei pulsanti radio di JQuery Mobile, il che non […]

jQuery ottiene l’HTML dell’immagine come stringa

Come posso ottenere il codice html di un’immagine con jQuery? Voglio questo come output: Sto provando con questo, ma sto ottenendo una stringa vuota (o null): var imageHtml = $(“#user-dialog .product-item img”).html(); Quanto segue restituisce l’ object , ma voglio l’html var imageHtml = $(“#user-dialog .product-item img”) Come lo faccio? Se ci provo var imageHtml […]

Come mantenere un riferimento jQuery usando replaceWith

Se abbiamo una struttura di esempio come questa: HTML hello foo JS var $foo = $(‘#foo’); e dobbiamo sostituire l’intero markup HTML per quel dato riferimento jQuery / nodo usando il metodo .replaceWith di jQuery, qual è la migliore pratica da mantenere rispettivamente ottenere un nuovo riferimento al nodo ? Il problema, .replaceWith restituisce il […]

Memorizzazione dei dati su DOM – Attributo valore valore vs dati

Per memorizzare i valori in un elemento DOM, possiamo farlo attraverso data attributo dei data $(“#abc”).data(“item”, 1) , per recuperare $(“#abc”).data(“item”) Ma oggi ho imparato che possiamo farlo anche in questo modo: $(“#abc”)[0].item = 1 , per retivare do $(“#abc)[0].item Quali sono le differenze tra loro? Qual è il migliore? Quale ottiene una compatibilità più […]

Come aprire il link al file pdf in una nuova scheda usando html

Ho una pagina html che contiene il link per aprire il file pdf. tuttavia questo link si apre in Adobe Reader quando clicco su di esso. Ho impostato la proprietà target su blank. ma non funziona neanche. Voglio aprire questo file pdf in una nuova scheda nella stessa finestra.

overflow: auto non mostra la barra di scorrimento fino al ridimensionamento

Ho un elemento sul mio modulo che assomiglia a questo: In IE7, quando la pagina esegue il rendering, non ci sono barre di scorrimento. Tuttavia, se ridimensiono la pagina (anche solo 1 pixel) le barre di scorrimento appaiono correttamente. C’è qualcosa che posso fare in modo che le barre di scorrimento vengano visualizzate correttamente quando […]

Il contenitore di destinazione non è un elemento DOM React.js

Ho dato un’occhiata a tutti gli altri post che hanno avuto questo problema, ma sono ancora confuso sul motivo per cui sto correndo in questo errore. Mi sono assicurato di aver usato l’id nel mio Ho appena iniziato a suonare con React, quindi sono sicuro che sia qualcosa di abbastanza stupido. Grazie per l’aiuto in […]