Articoli con tag html

Paesi: bandiere base64, codici e valute in JSON

Ogni sviluppatore che si rispetti ha almeno una volta nella vita avuto bisogno di bandiere per un sito multilingue o una valuta in base al paese da cui il sito o l’applicazione viene visualizzata. Con questa lista (gist riadattato da quello di CodeTheInternet) avrai un file JSON con tutte le informazioni E le bandiere in […]

, , , , , , , , , , , , , , , , , ,

Lascia un commento

Forzare Termini e Condizioni? Rapido! Checkbox e submit in abbinata!

Poche righe ci servono per forzare un utente ad accettare il classico quadratino dei Termini e delle Condizioni senza il quale non potranno avanzare. Come fare? Con jQuery ovviamente e 10 semplici righe! Con questo codice analizziamo il checkbox che avrà l’id “checkboxTermini” e quando cliccato andrà ad abilitare o disabilitare il tasto di invio […]

, , , , , , , , , , , , ,

Lascia un commento

Scrolling di testo (tipo news) solo HTML? Si può!

Dopo anni il codice HTML continua a stupirmi! Degni del fatto che non si smette mai di imparare. Avevo bisogno di fare uno scrolling di bandiere orizzontale. Cercando per mille e mille siti una soluzione jQuery relativamente semplice, possibilmente senza il download di script, mi viene in mente di togliere la parola jQuery e news […]

, , , , , , , , , , , ,

Lascia un commento

Soluzione HEADER ALREADY SENT – PHP

Molte volte capiterà ai programmatori, di trovarsi una bella gatta da pelare, un problema che si proporrà quando si proverà a fare un redirect in PHP. La soluzione, però, è estremamente semplice: basterà aggiungere alla pagina incriminata (quella dove compare l’errore) due semplici stringhe con una sola condizione: la prima deve essere inserita prima di […]

, , , , , , , ,

Lascia un commento

Pausa tra gli effetti con jQuery

Si potrebbe avere la necessità di creare una serie di effetti ma distanziarli l’uno dall’altro di n. secondi. Come fare? Con l’evento .delay() si ottiene una pausa di n. millisecondi inseriti tra le tonde: $(“#msg”).show().delay(2000).hide(); In questa riga si ottiene una visualizzazione del campo con id msg, 2 secondi di pausa e poi scompare. In […]

, , , , , ,

Lascia un commento

Link da evento onClick

Rapido ed indolore. Funziona su qualsiasi browser senza distinzione: <input onclick=”location.href=’paginadoveandare.html'” type=”button” value=”Vai al link” /> che produrrà un pulsante che invia ad un link. Qualcuno mette il pulsante tra i tag <a> ma su explorer non funziona, quindi con questo sistema vi risolvete il tutto, mantenendo oltretutto il codice pulito.

, , , , ,

Lascia un commento

Submit da SELECT con javascript

Molto utile per la creazione di una ricerca mirata ad esempio, o per qualsiasi uso del menu a tendina senza la necessità del tasto “INVIA”. Una semplice funzione in javascript: onchange=”this.form.submit()” Poche regole: Creare un form con action Creare la select grazie alla quale, al cambio del valore, si invia il risultato Quindi: <form action=”index.php”> […]

, , , , ,

Lascia un commento

Arrotondare Box con jQuery

Altro strumento oramai quasi essenziale per ogni sito che si rispetti è jQuery. Googolando, ho trovato questo script che permette di arrotondare qualsiasi box (div, span e quant’altro) tramite jQuery. http://www.malsup.com/jquery/corner/ Ha dei piccoli difetti (che per chi è perfezionista come me fanno girare gli zebedei). Se invece volete semplificarvi la vita al massimo, c’è: […]

, , , , , , , , , , ,

Lascia un commento

Angoli arrotondati senza immagini! Solo CSS

In questo articolo viene spiegato come creare dei box (div o quant’altro) creando i bordi arrotondati con il solo utilizzo dei CSS. Cosa significa? Altro spazio che viene salvato dal caricamento, se il cliente vuole modificare dei colori (o voi stessi per il vostro sito) basterà cambiare il colore di sfondo del vostro contenitore e […]

, , , , , ,

Lascia un commento

Sfumare colori con CSS – Crossbrowser

Problemi con le sfumature? Dovete utilizzare immagini per ogni sfumatura, influendo sul tempo di caricamento e sulla dimensione della pagina? Tre semplici righe per sfumare i colori dei vostri div o dello sfondo della vostra pagina web PER TUTTI I BROWSER! filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#000′); /* per Internet Explorer */ background: -webkit-gradient(linear, left top, left bottom, […]

, , , , ,

Lascia un commento