html

Aggiungere input ad un form con jQuery

Aggiungere input ad un form con jQuery

In pratica voglio dare la possibilità ad un utente di aggiungere delle input ad un form, che poi saranno inviate al db (ogni coppia di input sarà un record nel mio caso).

Per farlo ho usato jQuery; ma tenete a mente che tutto questo può essere riusato per qualsiasi componente, anche che non sia un form.

Infatti, generalizzando, ci bastano:

  • un oggetto su cui richiamare la funzione (che può essere un qualsiasi oggetto HTML)
  • un oggetto su cui aggiungere il componente (che può essere di qualsiasi tipo, e che identifichiamo tramite id)
  • la struttura che si vuole aggiungere (nel mio caso due input)
Leggi
Colonne di Boostrap 4 a dimensione fissa

Colonne di Boostrap 4 a dimensione fissa

C'è chi purtroppo non si accontenta mai di nulla, e deve rompere fino all'inverosimile.

E così mi è capitato di dover impostare delle dimensioni fisse ad una colonna della grdi di Bootstrap 4.

In sostanza, partendo da qui:

<div class="container-fluid">
    <div class="row">
        <div class="col-md-11"></div>
        <div class="col-md-1 sx_striscia"></div>
    </div>
</div>
Leggi
Bootstrap 4 modal full screen

Bootstrap 4 modal full screen

Per un progetto ho usato il modal di Bootstrap 4 come loading page.

Ovviamente avevo la necessità di visualizzarlo full screen.

Vi posto il codice HTML e CSS che ho usato.

Leggi
Vertical align in Bootstrap 4

Vertical align in Bootstrap 4

La documentazione di Bootstrap è ottima, tranne in alcuni punti.

Uno di questi è il vertical align; anche se ci sono delle classi preposte, non sono di facile lettura.

Oggi vi propongo un mio esempio che sto usando in produzione; ovviamente possono esserci altri modi.

Leggi
Impostare un messaggio custom di validazione in HTML 5

Impostare un messaggio custom di validazione in HTML 5

L'attributo required di HTML 5 ci ha levato un sacco di rogne nella validazione dei form.

Lo impostate e lui farà tutto da solo, bloccando il form e visualizzando un messaggio.

Il messaggio è praticamente automatico e preimpostato, e penso che la lingua dipenda dal pc sui gira il browser.

Leggi
Rimuovere immagini da un testo in Javascript

Rimuovere immagini da un testo in Javascript

Avendo un stringa / testo in formato HTML, vogliamo eleminare tutti i tag img usando Javascript.

Ma non abbiamo il testo nel DOM, ma ci arriva da una fonte esterna (ad esempio un web service).

Come fare?

Leggi
About Mattepuffo.com

Blog dedicato all'informatica e alla programmazione!
Tutti i contenuti di questo blog, tranne casi particolari, sono sotto licenza Licenza Creative Commons Creative Commons Attribution-Noncommercial-Share Alike 2.5. .

2572 articoli
310 commenti
19 progetti
Altri link
  • About
  • Scrivimi
  • Copyright
  • Sitemap
  • matteo.ferrone@yahoo.it
  • GitHub
  • Privacy Policy