Jquery | TechWave

Kalendae: un date picker javascript indipendente da frameworks

2 aprile 2012Categoria:javascript

Kalendae è uno script per la creazione di calendari indipendente da altre librerie.

Tra le caratteristiche principali:

nessuna dipendenza da librerie quali jQuery, Prototype o MooTools. E’ sufficiente aggiungere lo script e il file css per utilizzarlo.
completamente personalizzabile: il tema di default usa una sola immagine (per i pulsanti), tutti gli altri stili sono modificabili via css
supporto per tutti i browser moderni (per IE serve la versione 8 o superiore)
supporta la selezione di date singole, multiple o range
è possibile visualizzare il calendario inline o come popup; inoltre si possono visualizzare mesi multipli
output delle date in diversi formati

La DEMO è visibile a questo indirizzo: http://chipersoft.github.com/Kalendae/.

Uniform JS: look uniforme per form crossbrowser

25 novembre 2011Categoria:javascript

Uniform è un plugin per jQuery (1.3 o superiore) che permette di applicare uno stile uniforme agli elementi di un form e che mantiene inalterata la visualizzazione tra i diverdi browsers e degrada correttamente in IE6.

Scroll della pagina con jQuery

27 ottobre 2011Categoria:javascript

Due semplici funzioni per effettuare lo scroll della pagina con jQuery:

/**
* Effettua lo scroll della pagina fino al selettore passato come parametro
*/
function scrollToSelector(selector){
    var where = $(selector).offset().top;
    $("html,body").animate({scrollTop: where+15}, 500, function() {
        //animazione completata
    });
    return false;
}

/**
* Effettua lo scroll della pagina fino alla posizione passata come parametro
*/
function scrollToPosition(position){
    $("html,body").animate({scrollTop: position}, 500, function() {
        //animazione completata
    });
    return false;
}

ed ecco come utilizzarle: Leggi tutto…

CakePHP: visualizzare e nascondere il contenuto del debugger SQL con jQuery

2 marzo 2011Categoria:php

Impostando il livello di debug a 2 in CakePHP è possibile visualizzare tutte le query SQL eseguite dall’applicazione.
Per non visualizzare sempre tutto è possibile utilizzare una semplice funzione jQuery per permettere il toggle del contenitore di debug.
Ecco il codice da inserire nel layout:

<?php if (Configure::read('debug') == 2) { ?>
	<style type="text/css">
		.cake-sql-log { display: none; }
	</style>
	<script language="javascript">
		<!--
		$(document).ready(function() {
			$("#sql_toggle").click(function(event) {
				event.preventDefault();
				$('.cake-sql-log').toggle();
			});
		});
		-->
	</script>
	<a href="#" id="sql_toggle">[Visualizza/Nascondi SQL]</a>
	<? echo $this->element('sql_dump'); ?>
<?php } ?>

NOTA: la classe cake-sql-log è per la versione 1.3 di cakePHP, per versioni differenti modificare con la classse corretta.