Archive for 'editor'


Link Alert con MooTools

Posted on 04. Sep, 2009 by daniele.

0 

 
var LinkAlert = new Class({
 
	//implements
	Implements: [Options,Events],
 
	//options
	options: {
		container: document.body,
		extensions: {},
		offsets: { x:6, y:-15 },
		preloadImages: true,
		protocols: {},
		sticky: false,
		onShow: function(el,image) {
			this.image.setStyle('display','');
		},
		onHide: function(el,image) {
			this.image.setStyle('display','none');
		}
	},
 
	//initialization
	initialize: function(options) {
		//set options
		this.setOptions(options);
		this.extensions = new Hash(this.options.extensions);
		this.protocols = new Hash(this.options.protocols);
		this.image = new Element('img',{
			src: '',
			styles: {
				position: 'absolute',
				top: -200,
				left: -200,
				visibility: 'hidden'
			}
		}).inject(document.id(document.body));
		//preload images, if necessary
		if(this.options.preloadImages) { this.preloadImages(); }
		//add the listeners
		this.addListeners(this.extensions,'$=','extensions');
		this.addListeners(this.protocols,'^=','protocols');
	},
 
	//give direction to links
	addListeners: function(items,sep,type) {
		//for every item
		items.each(function(image,extension,type) {
			//for every link of that type
			$$('a[href' + sep + '\'' + extension + '\']').each(function(el) {
				//if the same protocol, don't bother showing
				if(type == 'protocol' && window.location.protocol == extension + ':') { return; }
				//add the show/hide events
				el.addEvents({
					mouseenter: function(e) {
						//position the image and give it the proper SRC
						this.reposition(e).set('src',image);
						//fire the event
						this.fireEvent('show',[el,image]);
					}.bind(this),
					mouseleave: function(e) {
						//fire the event
						this.fireEvent('hide',[el,image]);
					}.bind(this)
				});
				//sticky?
				if(this.options.sticky) {
					el.addEvent('mousemove',function(e) {
						this.reposition(e);…

Continue Reading

Mascherare input con MooTools!

Posted on 31. Aug, 2009 by daniele.

0

input_mask_mootools

Demo: http://cpojer.net/Scripts/InputMask/

Codice Sorgente: http://cpojer.net/Scripts/InputMask/InputMask.js

Continue Reading

AnythingZoomer, ingrandisci qualsiasi cosa con jQuery!

Posted on 23. Jul, 2009 by daniele.

0

Questo plugin jQuery permetto di ingrandire il contenuto di un div come ad esempio un immagine, testo, tabelle e qualsiasi altra cosa. Per vedere una demo cliccate sul link qui sotto!

Demo: http://css-tricks.com/examples/AnythingZoomer/index.html

Codice Sorgente: http://css-tricks.com/examples/AnythingZoomer/AnythingZoomer.zip

Continue Reading

jCrop, Ritagliare le immagine con jQuery e PHP!

Posted on 30. Jun, 2009 by daniele.

0

Con jQuery tutto è possibile! Questo plugin permette di ritagliare l'immagine selezionando la parte desiderata.

Demo + Documentazione e Codice Sorgente: http://deepliquid.com/content/Jcrop_Download.html

Continue Reading

AJAX In Place Rich Editor – editor wysiwyg per live edit di testo

Posted on 10. Apr, 2009 by Administrator.

0

editor wysiwyg per live edit di testo che appare quando si clicca su un div per live edit.

Link http://inplacericheditor.box.re/demos

Continue Reading