Il blog per tutti gli smanettoni del pc

Home » Archivi per la categoria ‘JavaScript’
lug 5

Non tutti i componenti del form sono personalizzabili al 100%, a volte è possibile modificare solo alcune caratteristiche come il colore del testo e dello sfondo .
La select box difficilmente viene personalizzata via css perchè molti browser non accettano pienamente questa funzione .
Impariamo a creare una select box tutta nostra con l’ausilio del nostro amato framework Jquery !

Per l’occasione ho preparato questo semplice form che è costituito da una textbox , una select box e un submit .


Continua a leggere

lug 4

Validare un form con jquery è davvero semplice : occorrono poche istruzioni per scrivere una funzione completa e sicura .
Non avevo mai validato un checkbox con jquery , cosi mi sono chiesto come sia possibile farlo senza usare javascript puro .

Girovagando sul sito di jquery sono arrivato ad una semplice conclusione , usare la funzione is() .

if($("#id_checkbox").is(":checked")){
      // Se checkbox è selezionato
}else{
      // Se checkbox non è selezionato
}

Spero di esservi stato utile ;) A domani !

gen 11

Oggi vi mostrerò come allineare perfettamente un box(div) al centro di una pagina web con l’ausilio di Jquery, una delle librerie più usate per programmare in javascript.

La funzione che ci permette di fare ciò è la seguente :

<script type="text/javascript">
function centerDiv(div){
  	var DIVwidth = $(div).width();	
	var DIVheight = $(div).height();
	var SCREENwidth = $(document).width();
	var SCREENheight = $(window).height();	
	var SCREENscrolltop = $(window).scrollTop();
    $(div).hide();
	$(div).css({"position":"absolute","left":(SCREENwidth-DIVwidth)/2+"px","top":(SCREENheight-DIVheight)/2+SCREENscrolltop+"px"});
	$(div).show();
 
}
var div = "#boxCenter";
$(document).ready(function(){
	centerDiv(div);
});
$(window).scroll(function(){
	centerDiv(div);
});
$(window).resize(function(){
	centerDiv(div);
});
</script>

Lo script al primo accesso calcola le coordinate e le imposta al div selezionato . Se l’utente modifica le dimensioni della finestra vengono calcolate delle nuove coordinate e aggiornate.
Continua a leggere