Articles of html

Come creare un’ombra prospettica solo con i CSS?

Conosco la proprietà box-shadow nei CSS, ma questo produce un’ombra che sembra proiettata su un muro proprio dietro l’elemento. Ho bisogno di creare un’ombra che assomigli all’elemento che si trova sul terreno in questo modo: Questo è quello che ho finora: div { display: inline-block; height: 150px; width: 150px; background: url(//placehold.it/150×150); margin-left: 20px; box-shadow: -5px […]

Convertire la pagina web da HTML a PDF?

Ho un sito Web con la seguente struttura: Contenitore di tabs – con 4 pannelli di tabs Ciascun pannello di tabs presenta 4 visualizzazioni di griglia separate da interruzione di riga. Ora, quando mi trovo in una determinata scheda, voglio usare un pulsante “esporta in pdf“, che dovrebbe generare un pdf con 4 visualizzazioni delle […]

Editor WordPress WYSIWYG che aggiunge automaticamente classi di span con stile

Per qualche motivo il mio editor WYSIWYG in WordPress aggiunge automaticamente classi di span con stile quando creo un elenco di elenchi puntati con il pulsante. È molto fastidioso perché voglio che il mio testo abbia una certa dimensione, ma la class span codifica lo stile e mette a posto le dimensioni. Qualcuno sa come […]

Ridimensionamento delle immagini SVG di ridimensionamento in Safari e IE

Ho usato un semplice scambio di immagini jquery per alcune icone e ho usato svg come immagini. $(function(){ $(‘img.rollover’).hover(function(){ var e = $(this); e.data(‘originalSrc’, e.attr(‘src’)); e.attr(‘src’, e.attr(‘data-rollover’)); }, function(){ var e = $(this); e.attr(‘src’, e.data(‘originalSrc’)); }); /* a preloader could easily go here too */ }); Funziona tutto bene in chrome, ma in safari dopo […]

Giostra di bootstrap con php

Ho bisogno di creare dynamicmente un carosello di bootstrap come questo: etc… etc… Ora ho una funzione PHP che chiamo per creare dynamicmente il carosello di bootstrap: ** 0) ) { ?>** **** **** <li data-target="#carousel-example-generic" data-slide-to="****” class=”active”> **** **** <img src="https://stackoverflow.com/questions/26432061/bootstrap-carousel-with-php/****” alt=”…”> **** Sono un principiante quindi non so cosa può essere un problema […]

Come fare div più per scorrere orizzontalmente?

Voglio che le mie tessere siano nella stessa riga e che il contenitore scorra orizzontalmente, se le tessere vanno oltre la larghezza del contenitore. Guardando la seguente demo, le tessere vengono aggiunte alla riga successiva, quindi devo scorrere verticalmente per accedervi. Come posso far funzionare lo scorrimento orizzontale e mantenere tutte le tessere nella stessa […]

L’evento IFrame viene eseguito correttamente in HTML ma non in HTA

Questo file HTML mostra la finestra di dialogo del messaggio quando viene cliccato il pulsante all’interno di iframe: Sub load_me() frame.document.write “” End Sub Sub message() MsgBox “Hi” End Sub Mentre lo stesso documento del file HTA, genera un errore: Error: Object doesn’t support this property or method : Test Sub load_me() frame.document.write “” End […]

I tag HTML di chiusura facoltativi (ad esempio ) presentano costi aggiuntivi per il parser HTML del browser?

Come da questa recente domanda , lo standard HTML 4 indica che i chiusura / sono opzionali. La domanda è: se scrivi il tuo HTML omettendo quei tag di chiusura, ciò influenzerebbe la quantità di lavoro che il parser HTML del browser deve fare in un modo o nell’altro? Mi rendo conto che la differenza […]

Come ottenere il risultato di una funzione javascript da un codice Python usando Beautiful Soup?

Voglio scartare i dati da un sito web usando Beautiful Soup in Python. Il sito modifica i valori di un menu a discesa in base alla selezione per utente. Non vi è alcuna chiamata API nel modificare i valori del menu a discesa. Osservando da vicino, ho notato che esiste una funzione javascript che viene […]

Come impostare il campo di input dai risultati del completamento automatico come non modificabile?

Sto impostando un valore di input con il risultato selezionato da Completamento automatico come segue. $(“#referenceinput”).autocomplete( { source: function(request, response) { $.ajax({ url: searchURL, dataType: “JSON”, data: { searchStr: request.term }, success: function(data){ response($.map(data.indexResult, function(item){ return {label: item} })); } }); }, minLength: 3, select: function(event, ui) { $(“#referenceinput”).val(ui.item); } }); Il mio campo reference […]