Archive for the 'Code' Category

JQuery datepicker, una piccola modifica

Piccole modifiche al famoso datepicker di Keith Wood, che è poi la base del JQuery ui datepicker, nello specifico ho cambiato la grafica sostituendo i dropdown per la selezione  mesi /anni con dei bottoni e “localizzando” il js direttamente in italiano.

Ho utilizzato il css3 per le ombre e sfumature, quindi la visualizzazione con explorer sarà diversa

Qui una demo.

Download: JQuery datepicker  JQuery datepicker (73.1 KiB, 21 hits)

Thanks to Keith for the great plugin and for giving me the permission to publish my little mod.

Lunga vita all’open source!

JQuery get last element id

Ipotizziamo di avere un div con all’interno una serie di altri div, ognuno ha il suo id, (input1, input2, input3, input5, input9) per ottenere l’ultimo basta scrivere:

var num = ($('#content div').last().attr('id').substr(5));

il substr, nel mio caso, serve perchè devo rintracciare solo il valore numerico.

Da notare che i valori numerici dell’id non sono sequenziali perchè caricati dinamicamente, per una struttura più semplice si può usare:

var num = $('.input').length;

dove input è la classe univoca dei div. Nel primo caso il risultato sarà 9 nel secondo sarà 5.

JQuery UI Dialog e l’invio di variabili

Le info sull’utilizzo della ui.dialog sono abbastanze chiare ma, siccome sono un po’ tardo, ho perso un po’ di tempo a capire come inviare dati e, di conseguenza, a caricare una pagina dinamica, mypage.php, e quindi non del contenuto inserito in un div già presente nella pagina.

partiamo dal link:

<a class="voto" href="mypage.php">Invia</a>

nulla di chè, la classe ci serve per assegnare il click e l’href per assegnare l’url alla function, ed ora il javascript:

$(function (){
    $('a.voto').click(function() {
    var url = this.href;
    var dialog = $('<div style="display:hidden"></div>').appendTo('body');
	var materia     = $('#sel_materia').attr('value');
	var studente     = $('#sel_studente').attr('value');
        dialog.load(
        url,
        {'materia':materia,'studente':studente},
            function (responseText, textStatus, XMLHttpRequest) {
                dialog.dialog({
				width: 400,
				modal:true,
				title: 'Registro Altra Materia',
				buttons: {
				"Chiudi": function() {
				$(this).dialog("close");
						}
					}
				});
			}
        );
        return false;
    });
});

Le variabili inviate sono prese, nel mio caso, da un campo select, dove viene appunto selezionato lo studente e la materia, ma possono essere delle variabili esistenti:

 {'materia':<?php echo $materia ?>,'studente':<?php echo $studente ?>},

Il div che conterrà la pagina viene creato in runtime e per le opzioni della dialog potete dare un’occhiata qui.
Le variabili inviate vengono ricevute tramite un $_REQUEST['myvar'] etc etc…

Facile, no?

Windows Vista Menu

Dovevo realizzare un menù per un sito in stile Windows poi il cliente ha cambiato idea, così ho deciso di pubblicarlo, nulla di che, 4 righe di css e 2 immagini.

Se si vuole cambiare immagine o font i parametri da modificare sono solo nel padding, top e bottom.

Qui l’esempio.

Download: Windows Vista Menu  Windows Vista Menu (22 KiB, 81 hits)

easyFlip

This movie requires Flash Player 9



import gs.*;

function onEnter(e:Event):void {

	var cur = Math.cos(mc.rotationY*Math.PI/180)
		if(cur>.1){
			mc.cover.visible=true;
			mc.back.visible=false;

		} else {
			mc.cover.visible=false;
			mc.back.visible=true;
		}

}

mc.back.rotationY=-180

mc.addEventListener(MouseEvent.CLICK,rotateRight);
mc.buttonMode=true
function rotateRight(e:Event):void{
	addEventListener(Event.ENTER_FRAME, onEnter);
	TweenLite.to(mc, 1, {rotationY:mc.rotationY - 180,
				 onComplete:function(){removeEventListener(Event.ENTER_FRAME, onEnter);}
								}
	);
}

WPMU RSS2

Prima versione del Global RSS2 per wordpress MU, vengono visualizzati l’ultimo post di ogni blog, per un massimo di 25 (blog), un valore diverso può essere impostato direttamente nel php, qui:


if($row_count >= 25) {

Il file va messo nella cartella wp-content e richiamato direttamente, quindi:

http://yourdomain/wp-content/feed.php

esempi:

Bibienne.net

Fingerpicking.net

Naturalmente con un semplice parser è possibile caricare e visualizzare i post sul proprio sito

Download: WPMU Global RSS2  WPMU Global RSS2 (1.8 KiB, 118 hits)



If you find our work useful and want to encourage the development of more free resources, you can do it by donating through PayPal, the people.

Next Page »