Πως μπορείτε να εξαφανίσετε τους συνδέσμους στο ιστολόγιο σας.

</br><br /><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMo5CxgVwL0X7zCvTkxAkHQphYXbSaKjzZtmV-5ZI7ldoREwSb1y5N590B0ye_lOrniCQa9C8-bOAEwHNi5n8Ps_5Bt202N9xIjNqJEkQy3Wtu1GIEsFU6l1VDlb6SiXHR54h9RB8Ilh8/s1600-h/11111111.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5393841953964577602" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMo5CxgVwL0X7zCvTkxAkHQphYXbSaKjzZtmV-5ZI7ldoREwSb1y5N590B0ye_lOrniCQa9C8-bOAEwHNi5n8Ps_5Bt202N9xIjNqJEkQy3Wtu1GIEsFU6l1VDlb6SiXHR54h9RB8Ilh8/s200/11111111.png" style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 129px;" /></a></center><br /><br />Εδώ θα σας δείξουμε ένα πονηρό εφέ....<br />Τι κάνει αυτό;<br />Σίγουρα μέσα στο ιστολόγιό σας έχετε διεσπαρμένους αρκετούς συνδέσμους που οδηγούν σε σελίδες φίλων ή σε κάποιες χρήσιμες που τις προτείνετε & στους επισκέπτες σας.<br />Θέλετε να τους τρελάνετε;<br />Θέλετε μόλις πάει πάνω τους ο κέρσορας από το ποντίκι να “εξαφανίζονται”;<br /><br />Ακολουθήστε τα βήματα εγκατάστασης & θα το πετύχετε!!!<br /><br />Ξεκινάμε με το πρώτο όλων & δε θα βαρεθώ να σας το λέω.<br /><br />Αφού κρατήσετε ένα backup το template σας καλού-κακού....<br /><br />θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /><br /><div class="code"><div class="code_content"><br /></head><br /></div></div><br /><br />Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα πριν το κλείσιμο του <strong><em><span style="color:#cc0000;"></head></span></em></strong><br /><br /><div class="code"><div class="code_content"><br /><script type='text/javascript'><br />window.onload = function() {<br /> var paras = document.getElementById(&#39;content&#39;).getElementsByTagName(&#39;p&#39;);<br /> if(paras.length) {<br /> paras[0].className = paras[0].className + &#39; intro&#39;;<br /> }<br />};<br /></script> <style type='text/css'><br /> #link1 { color:#cccccc; }<br /> #link2 { color:#999999; }<br /> #link3 { color:#666666; }<br /></style><br /><script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools.js' type='text/javascript'/><br /><script type='text/javascript'><br /> window.addEvent(&#39;domready&#39;,function() {<br /> $each($(&#39;.fade&#39;), function(el) {<br /> var original = el.getStyle(&#39;color&#39;);<br /> var morph = new Fx.Morph(el,{ &#39;duration&#39;:&#39;300&#39;, &#39;link&#39;:&#39;cancel&#39; });<br /> el.addEvents({<br /> &#39;mouseenter&#39; : function() { morph.start({ &#39;color&#39;:&#39;#ffffff&#39; }) },<br /> &#39;mouseleave&#39; : function() { morph.start({ &#39;color&#39;: original }) }<br /> });<br /> });<br /> });<br /></script><br /></div></div><br /><br />Πατάτε προεπισκόπηση κι αν δε βγάλει κάποιο λάθος....ΠΑΤΗΣΤΕ ΑΠΟΘΗΚΕΥΣΗ ΠΡΟΤΥΠΟΥ.<br /><br />Τώρα όταν θέλετε να προσθέσετε αυτό το εφέ σε κάποιο σύνδεσμο θα το περάσετε όπως στο παρακάτω παράδειγμα....<br /><br /><div class="code"><div class="code_content"><br /><a id="link1" href="javascript:;" class="fade">.....Link 1....</a><br /><br /><a id="link2" href="javascript:;" class="fade">.....Link 2....</a><br /><br /><a id="link3" href="javascript:;" class="fade">.....Link 3....</a><br /></div></div><br /><br /><blockquote><strong><em><span style="color:#ffff00;">Σημείωση:</span></em></strong><br /><br />Στα σημεία του κώδικα...<br /><br /><div class="code"><div class="code_content"><br /> #link1 { color:#cccccc; }<br /> #link2 { color:#999999; }<br /> #link3 { color:#666666; }<br /></div></div><br /><br />μπορείτε να προσθέσετε ή να αφαιρέσετε συνδέσμους & να αλλάξετε τα χρώμματα.<br /><br />Πειραματιστείτε & να είστε σίγουροι πως το κολπάκι αυτό θα "τρελάνει" πολλούς.<br /><br /><strong><em><span style="color:#cc0000;">Να σας επισημάνω δυο πραγματάκια....</span></em></strong><br /><strong><em><span style="color:#66ffff;">Πολλές φορές όταν προσθέτουμε πολλά sriptάκια στο ιστολόγιο μας υπάρχει το ενδεχόμενο να μην δουλέψουν κάποια.<br />Αυτό δε σημαίνει πως έχουν πρόβλημα, αλλά ίσως κάποιο άλλο να τα μπλοκάρει.<br />Παράλληλα δε, θα σας "βαραίνουν" την σελίδα & θα γίνεται κουραστική στους επισκέπτες σας.<br />Οπότε να προσέχετε & να προσθέτετε μόνο όσα σας είναι χρήσιμα.<br />Και κάθε φορά που θέλετε να περάσετε κάτι καινούργιο στο ιστολόγιο σας, ΜΗΝ ξεχνάτε να κρατάτε backup!!!</span></em></strong><br /></blockquote><br /><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Mootools Tutorials Πως μπορείτε να εξαφανίσετε τους συνδέσμους στο ιστολόγιο σας.

Εδώ θα σας δείξουμε ένα πονηρό εφέ.... Τι κάνει αυτό; Σίγουρα μέσα στο ιστολόγιό σας έχετε διεσπαρμένους αρκετούς συνδέσμους που οδηγούν σε ...

Διαβάστε περισσότερα »

Προσθέστε "μπαλόνι" στους συνδέσμους σας

</br><br /><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMo5CxgVwL0X7zCvTkxAkHQphYXbSaKjzZtmV-5ZI7ldoREwSb1y5N590B0ye_lOrniCQa9C8-bOAEwHNi5n8Ps_5Bt202N9xIjNqJEkQy3Wtu1GIEsFU6l1VDlb6SiXHR54h9RB8Ilh8/s1600-h/11111111.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5393841953964577602" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMo5CxgVwL0X7zCvTkxAkHQphYXbSaKjzZtmV-5ZI7ldoREwSb1y5N590B0ye_lOrniCQa9C8-bOAEwHNi5n8Ps_5Bt202N9xIjNqJEkQy3Wtu1GIEsFU6l1VDlb6SiXHR54h9RB8Ilh8/s200/11111111.png" style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 200px; height: 129px;" /></a></center><br /><br />Αφού κρατήσετε ένα backup το template σας καλού-κακού....<br /><br />θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....<br /><br /><div class="code"><div class="code_content"><br /></head><br /></div></div><br /><br />Μόλις το βρείτε θα προσθέσετε τον παρακάτω κώδικα πριν το κλείσιμο του <strong><em><span style="color:#cc0000;"></head></span></em></strong><br /><br /><div class="code"><div class="code_content"><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />// mootools.js: moo javascript tools<br />// by Valerio Proietti (http://mad4milk.net) MIT-style license.<br /><br />// CREDITS:<br /><br />// Class is slightly based on Base.js : http://dean.edwards.name/weblog/2006/03/base/<br />// (c) 2006 Dean Edwards, License: http://creativecommons.org/licenses/LGPL/2.1/<br /><br />// Some functions are based on those found in prototype.js : http://prototype.conio.net/<br />// (c) 2005 Sam Stephenson <sam@conio.net>, MIT-style license<br /><br /><br />//moo.js : My Object Oriented javascript - has no dependancies<br /><br />var Class = function(properties){<br />var klass = function(){<br />for (p in this) this[p]._proto_ = this;<br />if (arguments[0] != 'noinit' && this.initialize) return this.initialize.apply(this, arguments);<br />};<br />klass.extend = this.extend;<br />klass.implement = this.implement;<br />klass.prototype = properties;<br />return klass;<br />};<br /><br />Class.empty = function(){};<br /><br />Class.create = function(properties){<br />return new Class(properties);<br />};<br /><br />Class.prototype = {<br />extend: function(properties){<br />var prototype = new this('noinit');<br />for (property in properties){<br />var previous = prototype[property];<br />var current = properties[property];<br />if (previous && previous != current) current = previous.parentize(current) || current;<br />prototype[property] = current;<br />}<br />return new Class(prototype);<br />},<br /><br />implement: function(properties){<br />for (property in properties) this.prototype[property] = properties[property];<br />}<br />}<br /><br />Object.extend = function(){<br />var args = arguments;<br />if (args[1]) args = [args[0], args[1]];<br />else args = [this, args[0]];<br />for (property in args[1]) args[0][property] = args[1][property];<br />return args[0];<br />};<br /><br />Object.Native = function(){<br />for (var i = 0; i < arguments.length; i++) arguments[i].extend = Class.prototype.implement;<br />};<br /><br />new Object.Native(Function, Array, String);<br /><br />Function.extend({<br />parentize: function(current){<br />var previous = this;<br />return function(){<br />this.parent = previous;<br />return current.apply(this, arguments);<br />};<br />}<br />});<br /><br />//Function.js : Function extension - Depends on Moo.js<br /><br />Function.extend({<br /><br />pass: function(args, bind){<br />var fn = this;<br />if ($type(args) != 'array') args = [args];<br />return function(){<br />fn.apply(bind || fn._proto_ || fn, args);<br />};<br />},<br /><br />bind: function(bind){<br />var fn = this;<br />return function(){<br />return fn.apply(bind, arguments);<br />};<br />},<br /><br />bindAsEventListener: function(bind){<br />var fn = this;<br />return function(event){<br />fn.call(bind, event || window.event);<br />return false;<br />};<br />},<br /><br />delay: function(ms, bind){<br />return setTimeout(this.bind(bind || this._proto_ || this), ms);<br />},<br /><br />periodical: function(ms, bind){<br />return setInterval(this.bind(bind || this._proto_ || this), ms);<br />}<br /><br />});<br /><br />function $clear(timer){<br />clearTimeout(timer);<br />clearInterval(timer);<br />return null;<br />};<br /><br />function $type(obj, types){<br />if (!obj) return false;<br />var type = false;<br />if (obj instanceof Function) type = 'function';<br />else if (obj.nodeName){<br />if (obj.nodeType == 3 && !/\S/.test(obj.nodeValue)) type = 'textnode';<br />else if (obj.nodeType == 1) type = 'element';<br />}<br />else if (obj instanceof Array) type = 'array';<br />else if (typeof obj == 'object') type = 'object';<br />else if (typeof obj == 'string') type = 'string';<br />else if (typeof obj == 'number' && isFinite(obj)) type = 'number';<br />return type;<br />};<br /><br />function $check(obj, objTrue, objFalse){<br />if (obj) {<br />if (objTrue && $type(objTrue) == 'function') return objTrue();<br />else return objTrue || obj;<br />} else {<br />if (objFalse && $type(objFalse) == 'function') return objFalse();<br />return objFalse || false;<br />}<br />};<br /><br />var Chain = new Class({<br /><br />chain: function(fn){<br />this.chains = this.chains || [];<br />this.chains.push(fn);<br />return this;<br />},<br /><br />callChain: function(){<br />if (this.chains && this.chains.length) this.chains.splice(0, 1)[0].delay(10, this);<br />}<br /><br />});<br /><br />//Array.js : Array extension - depends on Moo.js<br /><br />if (!Array.prototype.forEach){<br />Array.prototype.forEach = function(fn, bind){<br />for(var i = 0; i < this.length ; i++) fn.call(bind, this[i], i);<br />};<br />}<br /><br />Array.extend({<br /><br />each: Array.prototype.forEach,<br /><br />copy: function(){<br />var nArray = [];<br />for (var i = 0; i < this.length; i++) nArray.push(this[i]);<br />return nArray;<br />},<br /><br />remove: function(item){<br />for (var i = 0; i < this.length; i++){<br />if (this[i] == item) this.splice(i, 1);<br />}<br />return this;<br />},<br /><br />test: function(item){<br />for (var i = 0; i < this.length; i++){<br />if (this[i] == item) return true;<br />};<br />return false;<br />},<br /><br />extend: function(nArray){<br />for (var i = 0; i < nArray.length; i++) this.push(nArray[i]);<br />return this;<br />}<br /><br />});<br /><br />function $A(array){<br />return Array.prototype.copy.call(array);<br />};<br /><br />//String.js : String extension - depends on Moo.js<br /><br />String.extend({<br /><br />test: function(value, params){<br />return this.match(new RegExp(value, params));<br />},<br /><br />camelCase: function(){<br />return this.replace(/-\D/gi, function(match){<br />return match.charAt(match.length - 1).toUpperCase();<br />});<br />},<br /><br />capitalize: function(){<br />return this.toLowerCase().replace(/\b[a-z]/g, function(match){<br />return match.toUpperCase();<br />});<br />},<br /><br />trim: function(){<br />return this.replace(/^\s*|\s*$/g,'');<br />},<br /><br />clean: function(){<br />return this.replace(/\s\s/g, ' ').trim();<br />},<br /><br />rgbToHex: function(array){<br />var rgb = this.test('^[rgba]{3,4}\\(([\\d]{0,3}),[\\s]*([\\d]{0,3}),[\\s]*([\\d]{0,3})\\)$');<br />var hex = [];<br />for (var i = 1; i < rgb.length; i++) hex.push((rgb[i]-0).toString(16));<br />var hexText = '#'+hex.join('');<br />if (array) return hex;<br />else return hexText;<br />},<br /><br />hexToRgb: function(array){<br />var hex = this.test('^[#]{0,1}([\\w]{1,2})([\\w]{1,2})([\\w]{1,2})$');<br />var rgb = [];<br />for (var i = 1; i < hex.length; i++){<br />if (hex[i].length == 1) hex[i] += hex[i];<br />rgb.push(parseInt(hex[i], 16));<br />}<br />var rgbText = 'rgb('+rgb.join(',')+')';<br />if (array) return rgb;<br />else return rgbText;<br />}<br /><br />});<br /><br />//Element.js : Element methods - depends on Moo.js + Native Scripts<br /><br />var Element = new Class({<br /><br />//creation<br /><br />initialize: function(el){<br />if ($type(el) == 'string') el = document.createElement(el);<br />return $(el);<br />},<br /><br />//injecters<br /><br />inject: function(el, where){<br />var el = $check($(el), $(el), new Element(el));<br />switch(where){<br />case "before": $(el.parentNode).insertBefore(this, el); break;<br />case "after": {<br /> if (!el.getNext()) $(el.parentNode).appendChild(this);<br /> else $(el.parentNode).insertBefore(this, el.getNext());<br />} break;<br />case "inside": el.appendChild(this); break;<br />}<br />return this;<br />},<br /><br />injectBefore: function(el){<br />return this.inject(el, 'before');<br />},<br /><br />injectAfter: function(el){<br />return this.inject(el, 'after');<br />},<br /><br />injectInside: function(el){<br />return this.inject(el, 'inside');<br />},<br /><br />adopt: function(el){<br />var el = $check($(el), $(el), new Element(el));<br />this.appendChild(el);<br />return this;<br />},<br /><br />//actions<br /><br />remove: function(){<br />this.parentNode.removeChild(this);<br />},<br /><br />clone: function(){<br />return $(this.cloneNode(true));<br />},<br /><br />replaceWith: function(el){<br />var el = $check($(el), $(el), new Element(el));<br />this.parentNode.replaceChild(el, this);<br />return el;<br />},<br /><br />appendText: function(text){<br />if (this.getTag() == 'style' && window.ActiveXObject) this.styleSheet.cssText = text;<br />else this.appendChild(document.createTextNode(text));<br />return this;<br />},<br /><br />//classnames<br /><br />hasClassName: function(className){<br />return $check(this.className.test("\\b"+className+"\\b"), true);<br />},<br /><br />addClassName: function(className){<br />if (!this.hasClassName(className)) this.className = (this.className+' '+className.trim()).clean();<br />return this;<br />},<br /><br />removeClassName: function(className){<br />if (this.hasClassName(className)) this.className = this.className.replace(className.trim(), '').clean();<br />return this;<br />},<br /><br />toggleClassName: function(className){<br />if (this.hasClassName(className)) return this.removeClassName(className);<br />else return this.addClassName(className);<br />},<br /><br />//styles<br /><br />setStyle: function(property, value){<br />if (property == 'opacity') this.setOpacity(value);<br />else this.style[property.camelCase()] = value;<br />return this;<br />},<br /><br />setStyles: function(source){<br />if ($type(source) == 'object') {<br />for (property in source) this.setStyle(property, source[property]);<br />} else if ($type(source) == 'string') this.setAttribute('style', source);<br />return this;<br />},<br /><br />setOpacity: function(opacity){<br />if (opacity == 0 && this.style.visibility != "hidden") this.style.visibility = "hidden";<br />else if (this.style.visibility != "visible") this.style.visibility = "visible";<br />if (window.ActiveXObject) this.style.filter = "alpha(opacity=" + opacity*100 + ")";<br />this.style.opacity = opacity;<br />return this;<br />},<br /><br />getStyle: function(property, num){<br />var proPerty = property.camelCase();<br />var style = $check(this.style[proPerty]);<br />if (!style) {<br />if (document.defaultView) style = document.defaultView.getComputedStyle(this,null).getPropertyValue(property);<br />else if (this.currentStyle) style = this.currentStyle[proPerty];<br />}<br />if (style && ['color', 'backgroundColor', 'borderColor'].test(proPerty) && style.test('rgb')) style = style.rgbToHex();<br />if (['auto', 'transparent'].test(style)) style = 0;<br />if (num) return parseInt(style);<br />else return style;<br />},<br /><br />removeStyles: function(){<br />$A(arguments).each(function(property){<br />this.style[property.camelCase()] = '';<br />}, this);<br />return this;<br />},<br /><br />//events<br /><br />addEvent: function(action, fn){<br />this[action+fn] = fn.bind(this);<br />if (this.addEventListener) this.addEventListener(action, fn, false);<br />else this.attachEvent('on'+action, this[action+fn]);<br />var el = this;<br />if (this != window) Unload.functions.push(function(){<br />el.removeEvent(action, fn);<br />el[action+fn] = null;<br />});<br />return this;<br />},<br /><br />removeEvent: function(action, fn){<br />if (this.removeEventListener) this.removeEventListener(action, fn, false);<br />else this.detachEvent('on'+action, this[action+fn]);<br />return this;<br />},<br /><br />//get non-text elements<br /><br />getBrother: function(what){<br />var el = this[what+'Sibling'];<br />while ($type(el) == 'textnode') el = el[what+'Sibling'];<br />return $(el);<br />},<br /><br />getPrevious: function(){<br />return this.getBrother('previous');<br />},<br /><br />getNext: function(){<br />return this.getBrother('next');<br />},<br /><br />getFirst: function(){<br />var el = this.firstChild;<br />while ($type(el) == 'textnode') el = el.nextSibling;<br />return $(el);<br />},<br /><br />//properties<br /><br />setProperty: function(property, value){<br />var el = false;<br />switch(property){<br />case 'class': this.className = value; break;<br />case 'style': this.setStyles(value); break;<br />case 'name': if (window.ActiveXObject && this.getTag() == 'input'){<br />el = $(document.createElement('<input name="'+value+'" />'));<br />$A(this.attributes).each(function(attribute){<br /> if (attribute.name != 'name') el.setProperty(attribute.name, attribute.value);<br /><br />});<br />if (this.parentNode) this.replaceWith(el);<br />};<br />default: this.setAttribute(property, value);<br />}<br />return el || this;<br />},<br /><br />setProperties: function(source){<br />for (property in source) this.setProperty(property, source[property]);<br />return this;<br />},<br /><br />setHTML: function(html){<br />this.innerHTML = html;<br />return this;<br />},<br /><br />getProperty: function(property){<br />return this.getAttribute(property);<br />},<br /><br />getTag: function(){<br />return this.tagName.toLowerCase();<br />},<br /><br />//position<br /><br />getOffset: function(what){<br />what = what.capitalize();<br />var el = this;<br />var offset = 0;<br />do {<br />offset += el['offset'+what] || 0;<br />el = el.offsetParent;<br />} while (el);<br />return offset;<br />},<br /><br />getTop: function(){<br />return this.getOffset('top');<br />},<br /><br />getLeft: function(){<br />return this.getOffset('left');<br />}<br /><br />});<br /><br />function $Element(el, method, args){<br />if ($type(args) != 'array') args = [args];<br />return Element.prototype[method].apply(el, args);<br />};<br /><br />new Object.Native(Element);<br /><br />function $(el){<br />if ($type(el) == 'string') el = document.getElementById(el);<br />if ($type(el) == 'element'){<br />if (!el.extend){<br />Unload.elements.push(el);<br />el.extend = Object.extend;<br />el.extend(Element.prototype);<br />}<br />return el;<br />} else return false;<br />};<br /><br />//garbage collector<br /><br />window.addEvent = Element.prototype.addEvent;<br />window.removeEvent = Element.prototype.removeEvent;<br /><br />var Unload = {<br /><br />elements: [], functions: [], vars: [],<br /><br />unload: function(){<br />Unload.functions.each(function(fn){<br />fn();<br />});<br /><br />window.removeEvent('unload', window.removeFunction);<br /><br />Unload.elements.each(function(el){<br />for(p in Element.prototype){<br />window[p] = null;<br />document[p] = null;<br />el[p] = null;<br />}<br />el.extend = null;<br />});<br />}<br /><br />};<br />window.removeFunction = Unload.unload;<br />window.addEvent('unload', window.removeFunction);<br /><br />//Fx.js - depends on Moo.js + Native Scripts<br /><br />var Fx = fx = {};<br /><br />Fx.Base = new Class({<br /><br />setOptions: function(options){<br />this.options = Object.extend({<br />duration: 500,<br />onComplete: Class.empty,<br />onStart: Class.empty,<br />unit: 'px',<br />wait: true,<br />transition: Fx.sinoidal,<br />fps: 30<br />}, options || {});<br />},<br /><br />step: function(){<br />var currentTime = (new Date).getTime();<br />if (currentTime >= this.options.duration+this.startTime){<br />this.clearTimer();<br />this.now = this.to;<br />this.options.onComplete.pass(this.el, this).delay(10);<br />this.callChain();<br />} else {<br />this.tPos = (currentTime - this.startTime) / this.options.duration;<br />this.setNow();<br />}<br />this.increase();<br />},<br /><br />setNow: function(){<br />this.now = this.compute(this.from, this.to);<br />},<br /><br />compute: function(from, to){<br />return this.options.transition(this.tPos) * (to-from) + from;<br />},<br /><br />custom: function(from, to){<br />if(!this.options.wait) this.clearTimer();<br />if (this.timer) return;<br />this.options.onStart.pass(this.el, this).delay(10);<br />this.from = from;<br />this.to = to;<br />this.startTime = (new Date).getTime();<br />this.timer = this.step.periodical(Math.round(1000/this.options.fps), this);<br />return this;<br />},<br /><br />set: function(to){<br />this.now = to;<br />this.increase();<br />return this;<br />},<br /><br />clearTimer: function(){<br />this.timer = $clear(this.timer);<br />return this;<br />},<br /><br />setStyle: function(el, property, value){<br />if (property == 'opacity'){<br />if (value == 1 && navigator.userAgent.test('Firefox')) value = 0.9999;<br />el.setOpacity(value);<br />} else el.setStyle(property, value+this.options.unit);<br />}<br /><br />});<br /><br />Fx.Base.implement(new Chain);<br /><br />Fx.Style = Fx.Base.extend({<br /><br />initialize: function(el, property, options){<br />this.el = $(el);<br />this.setOptions(options);<br />this.property = property.camelCase();<br />},<br /><br />hide: function(){<br />return this.set(0);<br />},<br /><br />goTo: function(val){<br />return this.custom(this.now || 0, val);<br />},<br /><br />increase: function(){<br />this.setStyle(this.el, this.property, this.now);<br />}<br /><br />});<br /><br />Fx.Layout = Fx.Style.extend({<br /><br />initialize: function(el, layout, options){<br />this.parent(el, layout, options);<br />this.layout = layout.capitalize();<br />this.el.setStyle('overflow', 'hidden');<br />},<br /><br />toggle: function(){<br />if (this.el['offset'+this.layout] > 0) return this.custom(this.el['offset'+this.layout], 0);<br />else return this.custom(0, this.el['scroll'+this.layout]);<br />},<br /><br />show: function(){<br />return this.set(this.el['scroll'+this.layout]);<br />}<br /><br />});<br /><br />Fx.Height = Fx.Layout.extend({<br /><br />initialize: function(el, options){<br />this.parent(el, 'height', options);<br />}<br /><br />});<br /><br />Fx.Width = Fx.Layout.extend({<br /><br />initialize: function(el, options){<br />this.parent(el, 'width', options);<br />}<br /><br />});<br /><br />Fx.Opacity = Fx.Style.extend({<br /><br />initialize: function(el, options){<br />this.parent(el, 'opacity', options);<br />this.now = 1;<br />},<br /><br />toggle: function(){<br />if (this.now > 0) return this.custom(1, 0);<br />else return this.custom(0, 1);<br />},<br /><br />show: function(){<br />this.set(1);<br />}<br /><br />});<br /><br />Element.extend({<br /><br />effect: function(property, options){<br />return new Fx.Style(this, property, options);<br />}<br /><br />});<br /><br />Fx.sinoidal = function(pos){return ((-Math.cos(pos*Math.PI)/2) + 0.5);}; //this transition is from script.aculo.us<br /><br />Fx.linear = function(pos){return pos;};<br /><br />Fx.cubic = function(pos){return Math.pow(pos, 3);};<br /><br />Fx.circ = function(pos){return Math.sqrt(pos);};<br /><br />//SuperDom.js - depends on Moo.js + Native Scripts<br /><br />function $S(){<br />var els = [];<br />$A(arguments).each(function(sel){<br />if ($type(sel) == 'string') els.extend(document.getElementsBySelector(sel));<br />else if ($type(sel) == 'element') els.push($(sel));<br />});<br />return $$(els);<br />};<br /><br />function $E(selector, filter){<br />return ($(filter) || document).getElement(selector);<br />};<br /><br />function $$(elements){<br />return Object.extend(elements, new Elements);<br />};<br /><br />Element.extend({<br /><br />getElements: function(selector){<br />var filters = [];<br />selector.clean().split(' ').each(function(sel, i){<br />var bits = [];<br />var param = [];<br />var attr = [];<br />if (bits = sel.test('^([\\w]*)')) param['tag'] = bits[1] || '*';<br />if (bits = sel.test('([.#]{1})([\\w-]*)$')){<br />if (bits[1] == '.') param['class'] = bits[2];<br />else param['id'] = bits[2];<br />}<br />if (bits = sel.test('\\[["\'\\s]{0,1}([\\w-]*)["\'\\s]{0,1}([\\W]{0,1}=){0,2}["\'\\s]{0,1}([\\w-]*)["\'\\s]{0,1}\\]$')){<br />attr['name'] = bits[1];<br />attr['operator'] = bits[2];<br />attr['value'] = bits[3];<br />}<br />if (i == 0){<br />if (param['id']){<br /> var el = this.getElementById(param['id']);<br /> if (el && (param['tag'] == '*' || $(el).getTag() == param['tag'])) filters = [el];<br /> else return false;<br />} else {<br /> filters = $A(this.getElementsByTagName(param['tag']));<br />}<br />} else {<br />filters = $$(filters).filterByTagName(param['tag']);<br />if (param['id']) filters = $$(filters).filterById(param['id']);<br />}<br />if (param['class']) filters = $$(filters).filterByClassName(param['class']);<br />if (attr['name']) filters = $$(filters).filterByAttribute(attr['name'], attr['value'], attr['operator']);<br /><br />}, this);<br />filters.each(function(el){<br />$(el);<br />});<br />return $$(filters);<br />},<br /><br />getElement: function(selector){<br />return this.getElementsBySelector(selector)[0];<br />},<br /><br />getElementsBySelector: function(selector){<br />var els = [];<br />selector.split(',').each(function(sel){<br />els.extend(this.getElements(sel));<br />}, this);<br />return $$(els);<br />}<br /><br />});<br /><br />document.extend = Object.extend;<br /><br />document.extend({<br /><br />getElementsByClassName: function(className){<br />return document.getElements('.'+className);<br />},<br />getElement: Element.prototype.getElement,<br />getElements: Element.prototype.getElements,<br />getElementsBySelector: Element.prototype.getElementsBySelector<br /><br />});<br /><br />var Elements = new Class({<br /><br />action: function(actions){<br />this.each(function(el){<br />el = $(el);<br />if (actions.initialize) actions.initialize.apply(el);<br />for(action in actions){<br />var evt = false;<br />if (action.test('^on[\\w]{1,}')) el[action] = actions[action];<br />else if (evt = action.test('([\\w-]{1,})event$')) el.addEvent(evt[1], actions[action]);<br />}<br />});<br />},<br /><br />filterById: function(id){<br />var found = [];<br />this.each(function(el){<br />if (el.id == id) found.push(el);<br />});<br />return found;<br />},<br /><br />filterByClassName: function(className){<br />var found = [];<br />this.each(function(el){<br />if ($Element(el, 'hasClassName', className)) found.push(el);<br />});<br />return found;<br />},<br /><br />filterByTagName: function(tagName){<br />var found = [];<br />this.each(function(el){<br />found.extend($A(el.getElementsByTagName(tagName)));<br />});<br />return found;<br />},<br /><br />filterByAttribute: function(name, value, operator){<br />var found = [];<br />this.each(function(el){<br />var att = el.getAttribute(name);<br />if(!att) return;<br />if (!operator) return found.push(el);<br /><br />switch(operator){<br />case '*=': if (att.test(value)) found.push(el); break;<br />case '=': if (att == value) found.push(el); break;<br />case '^=': if (att.test('^'+value)) found.push(el); break;<br />case '$=': if (att.test(value+'$')) found.push(el);<br />}<br /><br />});<br />return found;<br />}<br /><br />});<br /><br />new Object.Native(Elements);<br /><br />//Ajax.js - depends on Moo.js + Native Scripts<br /><br />var Ajax = ajax = new Class({<br /><br />setOptions: function(options){<br />this.options = {<br />method: 'post',<br />postBody: '',<br />async: true,<br />onComplete: Class.empty,<br />update: null,<br />evalScripts: false<br />};<br />Object.extend(this.options, options || {});<br />},<br /><br />initialize: function(url, options){<br />this.setOptions(options);<br />this.url = url;<br />this.transport = this.getTransport();<br />},<br /><br />request: function(){<br />this.transport.open(this.options.method, this.url, this.options.async);<br />this.transport.onreadystatechange = this.onStateChange.bind(this);<br />if (this.options.method == 'post'){<br />this.transport.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');<br />if (this.transport.overrideMimeType) this.transport.setRequestHeader('Connection', 'close');<br />}<br />switch($type(this.options.postBody)){<br />case 'element': this.options.postBody = $(this.options.postBody).toQueryString(); break;<br />case 'object': this.options.postBody = Object.toQueryString(this.options.postBody);<br />}<br />if($type(this.options.postBody) == 'string') this.transport.send(this.options.postBody);<br />else this.transport.send();<br />return this;<br />},<br /><br />onStateChange: function(){<br />if (this.transport.readyState == 4 && this.transport.status == 200){<br />if (this.options.update) $(this.options.update).setHTML(this.transport.responseText);<br />this.options.onComplete.pass([this.transport.responseText, this.transport.responseXML], this).delay(20);<br />if (this.options.evalScripts) this.evalScripts.delay(30, this);<br />this.transport.onreadystatechange = Class.empty;<br />this.callChain();<br />}<br />},<br /><br />evalScripts: function(){<br />if(scripts = this.transport.responseText.match(/<script[^>]*?>.*?<\/script>/g)){<br />scripts.each(function(script){<br />eval(script.replace(/^<script[^>]*?>/, '').replace(/<\/script>$/, ''));<br />});<br />}<br />},<br /><br />getTransport: function(){<br />if (window.XMLHttpRequest) return new XMLHttpRequest();<br />else if (window.ActiveXObject) return new ActiveXObject('Microsoft.XMLHTTP');<br />}<br /><br />});<br /><br />Ajax.implement(new Chain);<br /><br />Object.toQueryString = function(source){<br />var queryString = [];<br />for (property in source) queryString.push(encodeURIComponent(property)+'='+encodeURIComponent(source[property]));<br />return queryString.join('&');<br />};<br /><br />Element.extend({<br /><br />send: function(options){<br />options = Object.extend(options, {postBody: this.toQueryString(), method: 'post'});<br />return new Ajax(this.getProperty('action'), options).request();<br />},<br /><br />toQueryString: function(){<br />var queryString = [];<br />$A(this.getElementsByTagName('*')).each(function(el){<br />$(el);<br />var name = $check(el.name);<br />if (!name) return;<br />var value = false;<br />switch(el.getTag()){<br />case 'select': value = el.getElementsByTagName('option')[el.selectedIndex].value; break;<br />case 'input': if ( (el.checked && ['checkbox', 'radio'].test(el.type)) || (['hidden', 'text', 'password'].test(el.type)) )<br /> value = el.value; break;<br />case 'textarea': value = el.value;<br />}<br />if (value) queryString.push(encodeURIComponent(name)+'='+encodeURIComponent(value));<br />});<br />return queryString.join('&');<br />}<br /><br />});<br /><br />//DragDrop.js - depends on Moo.js + Native Scripts<br /><br />var Drag = {};<br /><br />Drag.Base = new Class({<br /><br />setOptions: function(options){<br />this.options = Object.extend({<br />handle: false,<br />unit: 'px',<br />onStart: Class.empty,<br />onComplete: Class.empty,<br />onDrag: Class.empty<br />}, options || {});<br />},<br /><br />initialize: function(el, xModifier, yModifier, options){<br />this.setOptions(options);<br />this.el = $(el);<br />this.handle = $(this.options.handle) || el;<br />if (xModifier) this.xp = xModifier.camelCase();<br />if (yModifier) this.yp = yModifier.camelCase();<br />this.handle.onmousedown = this.start.bind(this);<br />},<br /><br />start: function(evt){<br />evt = evt || window.event;<br />this.startX = evt.clientX;<br />this.startY = evt.clientY;<br />this.options.onStart.pass(this.el, this).delay(10);<br />document.onmousemove = this.drag.bind(this);<br />document.onmouseup = this.end.bind(this);<br />return false;<br />},<br /><br />addStyles: function(x, y){<br />if (this.xp) this.el.setStyle(this.xp, (this.el.getStyle(this.xp, true)+x)+this.options.unit);<br />if (this.yp) this.el.setStyle(this.yp, (this.el.getStyle(this.yp, true)+y)+this.options.unit);<br />},<br /><br />drag: function(evt){<br />evt = evt || window.event;<br />this.clientX = evt.clientX;<br />this.clientY = evt.clientY;<br />this.options.onDrag.pass(this.el, this).delay(5);<br />this.addStyles((this.clientX-this.lastMouseX), (this.clientY-this.lastMouseY));<br />this.set(evt);<br />return false;<br />},<br /><br />pause: function(){<br />this.handle.onmousedown = null;<br />},<br /><br />resume: function(){<br />this.handle.onmousedown = this.start.bind(this);<br />},<br /><br />set: function(evt){<br />this.lastMouseX = evt.clientX;<br />this.lastMouseY = evt.clientY;<br />return false;<br />},<br /><br />end: function(){<br />document.onmousemove = null;<br />document.onmouseup = null;<br />this.options.onComplete.pass(this.el, this).delay(10);<br />}<br /><br />});<br /><br />Drag.Move = Drag.Base.extend({<br /><br />extendOptions: function(options){<br />this.options = Object.extend(this.options || {}, Object.extend({<br />onSnap: Class.empty,<br />droppables: [],<br />snapDistance: 8,<br />snap: true,<br />xModifier: 'left',<br />yModifier: 'top'<br />}, options || {}));<br />},<br /><br />initialize: function(el, options){<br />this.extendOptions(options);<br />this.parent(el, this.options.xModifier, this.options.yModifier, this.options);<br />},<br /><br />start: function(evt){<br />this.parent(evt);<br />if (this.options.snap){<br />document.onmousemove = this.checkAndDrag.bind(this);<br />} else {<br />this.set(evt);<br />document.onmousemove = this.drag.bind(this);<br />}<br />return false;<br />},<br /><br />drag: function(evt){<br />this.parent(evt);<br />this.options.droppables.each(function(drop){<br />if (this.checkAgainst(drop)){<br />if (drop.onOver && !drop.dropping) drop.onOver.pass([this.el, this], drop).delay(10);<br />drop.dropping = true;<br />} else {<br />if (drop.onLeave && drop.dropping) drop.onLeave.pass([this.el, this], drop).delay(10);<br />drop.dropping = false;<br />}<br />}, this);<br />return false;<br />},<br /><br />checkAndDrag: function(evt){<br />evt = evt || window.event;<br />var distance = Math.round(Math.sqrt(Math.pow(evt.clientX - this.startX, 2)+Math.pow(evt.clientY - this.startY, 2)));<br />if (distance > this.options.snapDistance){<br />this.set(evt);<br />this.options.onSnap.pass(this.el, this).delay(10);<br />document.onmousemove = this.drag.bind(this);<br />this.addStyles(-(this.startX-evt.clientX), -(this.startY-evt.clientY));<br />}<br />return false;<br />},<br /><br />checkAgainst: function(drop){<br />x = this.clientX+Window.getScrollLeft();<br />y = this.clientY+Window.getScrollTop();<br />drop = $(drop);<br />var h = drop.offsetHeight;<br />var w = drop.offsetWidth;<br />var t = drop.getTop();<br />var l = drop.getLeft();<br />return $check((x > l && x < l+w && y < t+h && y > t));<br />},<br /><br />end: function(){<br />this.parent();<br />this.options.droppables.each(function(drop){<br />if (drop.onDrop && this.checkAgainst(drop)) drop.onDrop.pass([this.el, this], drop).delay(10);<br />}, this);<br />}<br /><br />});<br /><br />Element.extend({<br /><br />makeDraggable: function(options){<br />return new Drag.Move(this, options);<br />},<br /><br />makeResizable: function(options){<br />return new Drag.Base(this, 'width', 'height', options);<br />}<br /><br />});<br /><br />//Window.js : additional Window methods - depends on Moo.js + Function.js<br /><br />var Window = {<br /><br />extend: Object.extend,<br /><br />getWidth: function(){<br />return window.innerWidth || document.documentElement.clientWidth || 0;<br />},<br /><br />getHeight: function(){<br />return window.innerHeight || document.documentElement.clientHeight || 0;<br />},<br /><br />getScrollHeight: function(){<br />return document.documentElement.scrollHeight;<br />},<br /><br />getScrollWidth: function(){<br />return document.documentElement.scrollWidth;<br />},<br /><br />getScrollTop: function(){<br />return document.documentElement.scrollTop || window.pageYOffset || 0;<br />},<br /><br />getScrollLeft: function(){<br />return document.documentElement.scrollLeft || window.pageXOffset || 0;<br />},<br /><br />onLoad: function(fn){<br />if (!document.body) return Window.onLoad.pass(fn).delay(50);<br />else return fn();<br />}<br />};<br /><br />//Cookie.js : Cookie creator. yummy! - depends on Moo.js + Function.js<br />//Credits: based on the functions by Peter-Paul Koch (http://quirksmode.org)<br /><br />var Cookie = {<br /><br />set: function(key, value, duration){<br />var date = new Date();<br />date.setTime(date.getTime()+((duration || 365)*86400000));<br />document.cookie = key+"="+value+"; expires="+date.toGMTString()+"; path=/";<br />},<br /><br />get: function(key){<br />var myValue, myVal;<br />document.cookie.split(';').each(function(cookie){<br />if(myVal = cookie.trim().test(key+'=(.*)')) myValue = myVal[1];<br />});<br />return myValue;<br />},<br /><br />remove: function(key){<br />this.set(key, '', -1);<br />}<br /><br />};<br /><br />//Json.js - depends on Moo.js + Native Scripts<br /><br />var Json = {<br />toString: function(el){<br />var string = [];<br /><br />var isArray = function(array){<br />var string = [];<br />array.each(function(ar){<br />string.push(Json.toString(ar));<br />});<br />return string.join(',');<br />};<br /><br />var isObject = function(object){<br />var string = [];<br />for (property in object) string.push('"'+property+'":'+Json.toString(object[property]));<br />return string.join(',');<br />};<br /><br />switch($type(el)){<br />case 'string': string.push('"'+el+'"'); break;<br />case 'function': string.push(el); break;<br />case 'object': string.push('{'+isObject(el)+'}'); break;<br />case 'array': string.push('['+isArray(el)+']');<br />}<br /><br />return string.join(',');<br />},<br /><br />evaluate: function(str){<br />return eval('(' + str + ')');<br />}<br />};<br /><br />//Sortables.js : Make any list sortable. Depends on Moo.js + Native Scripts + DragDrop.js + Fx.js<br /><br />var Sortables = new Class({<br /><br />setOptions: function(options) {<br />this.options = {<br />handles: false,<br />fxDuration: 250,<br />fxTransition: Fx.sinoidal,<br />maxOpacity: 0.5<br />};<br />Object.extend(this.options, options || {});<br />},<br /><br />initialize: function(elements, options){<br />this.setOptions(options);<br />this.options.handles = this.options.handles || elements;<br />var trash = new Element('div').injectInside($(document.body));<br />$A(elements).each(function(el, i){<br />var copy = $(el).clone().setStyles({<br />'position': 'absolute',<br />'opacity': '0',<br />'display': 'none'<br />}).injectInside(trash);<br />var elEffect = el.effect('opacity', {duration: this.options.fxDuration, wait: false, transition: this.options.fxTransition}).set(1);<br />var copyEffects = copy.effects({<br />duration: this.options.fxDuration,<br />wait: false,<br />transition: this.options.fxTransition,<br />onComplete: function(){<br /> copy.setStyle('display', 'none');<br />}<br />});<br />var dragger = new Drag.Move(copy, {<br />xModifier: false,<br />onStart: function(){<br /> copy.setHTML(el.innerHTML).setStyles({<br /> 'display': 'block',<br /> 'opacity': this.options.maxOpacity,<br /> 'top': el.getTop()+'px',<br /> 'left': el.getLeft()+'px'<br /> });<br /> elEffect.custom(elEffect.now, this.options.maxOpacity);<br />}.bind(this),<br />onComplete: function(){<br /> copyEffects.custom({'opacity': [this.options.maxOpacity, 0], 'top': [copy.getTop(), el.getTop()]});<br /> elEffect.custom(elEffect.now, 1);<br />}.bind(this),<br />onDrag: function(){<br /> if ( el.getPrevious() && copy.getTop() < (el.getPrevious().getTop()) ) el.injectBefore(el.getPrevious());<br /> else if ( el.getNext() && copy.getTop() > (el.getNext().getTop()) ) el.injectAfter(el.getNext());<br />}<br />});<br />this.options.handles[i].onmousedown = dragger.start.bind(dragger);<br />}, this);<br />}<br /><br />});<br /><br />//FxPack.js - depends on Moo.js + Native Scripts + Fx.js<br /><br />Fx.Styles = Fx.Base.extend({<br /><br />initialize: function(el, options){<br />this.el = $(el);<br />this.setOptions(options);<br />this.now = {};<br />},<br /><br />setNow: function(){<br />for (p in this.from) this.now[p] = this.compute(this.from[p], this.to[p]);<br />},<br /><br />custom: function(objFromTo){<br />var from = {};<br />var to = {};<br />for (p in objFromTo){<br />from[p] = objFromTo[p][0];<br />to[p] = objFromTo[p][1];<br />}<br />return this.parent(from, to);<br />},<br /><br />resizeTo: function(hto, wto){<br />return this.custom({'height': [this.el.offsetHeight, hto], 'width': [this.el.offsetWidth, wto]});<br />},<br /><br />resizeBy: function(hby, wby){<br />return this.custom({'height': [this.el.offsetHeight, this.el.offsetHeight+hby], 'width': [this.el.offsetWidth, this.el.offsetWidth+wby]});<br />},<br /><br />increase: function(){<br />for (p in this.now) this.setStyle(this.el, p, this.now[p]);<br />}<br /><br />});<br /><br />//fx.Color, originally by Tom Jensen (http://neuemusic.com) MIT-style LICENSE.<br /><br />Fx.Color = Fx.Base.extend({<br /><br />initialize: function(el, property, options){<br />this.el = $(el);<br />this.setOptions(options);<br />this.property = property.camelCase();<br />this.now = [];<br />},<br /><br />custom: function(from, to){<br />return this.parent(from.hexToRgb(true), to.hexToRgb(true));<br />},<br /><br />setNow: function(){<br />[0,1,2].each(function(i){<br />this.now[i] = Math.round(this.compute(this.from[i], this.to[i]));<br />}, this);<br />},<br /><br />increase: function(){<br />this.el.setStyle(this.property, "rgb("+this.now[0]+","+this.now[1]+","+this.now[2]+")");<br />},<br /><br />fromColor: function(color){<br />return this.custom(color, this.el.getStyle(this.property));<br />},<br /><br />toColor: function(color){<br />return this.custom(this.el.getStyle(this.property), color);<br />}<br /><br />});<br /><br />Element.extend({<br /><br />effects: function(options){<br />return new Fx.Styles(this, options);<br />}<br /><br />});<br /><br />//Easing Equations (c) 2003 Robert Penner, all rights reserved.<br />//This work is subject to the terms in http://www.robertpenner.com/easing_terms_of_use.html.<br /><br />Fx.expoIn = function(pos){return Math.pow(2, 10 * (pos - 1))};<br />Fx.expoOut = function(pos){return (-Math.pow(2, -10 * pos) + 1)};<br /><br />Fx.quadIn = function(pos){return Math.pow(pos, 2)};<br />Fx.quadOut = function(pos){return -(pos)*(pos-2)};<br /><br />Fx.circOut = function(pos){return Math.sqrt(1 - Math.pow(pos-1,2))};<br />Fx.circIn = function(pos){return -(Math.sqrt(1 - Math.pow(pos, 2)) - 1)};<br /><br />Fx.backIn = function(pos){return (pos)*pos*((2.7)*pos - 1.7)};<br />Fx.backOut = function(pos){return ((pos-1)*(pos-1)*((2.7)*(pos-1) + 1.7) + 1)};<br /><br />Fx.sineOut = function(pos){return Math.sin(pos * (Math.PI/2))};<br />Fx.sineIn = function(pos){return -Math.cos(pos * (Math.PI/2)) + 1};<br />Fx.sineInOut = function(pos){return -(Math.cos(Math.PI*pos) - 1)/2};<br /><br />//scriptaculous transitions<br />Fx.wobble = function(pos){return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5};<br />Fx.pulse = function(pos){return (Math.floor(pos*10) % 2 == 0 ? (pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10)))};<br /><br />//Tips.js : Display a tip on any element with a title and/or href - depends on Moo.js + Native Scripts + Fx.js<br />//Credits : Tips.js is based on Bubble Tooltips (http://web-graphics.com/mtarchive/001717.php) by Alessandro Fulcitiniti (http://web-graphics.com)<br /><br />var Tips = new Class({<br /><br />setOptions: function(options){<br />this.options = {<br />transitionStart: fx.sinoidal,<br />transitionEnd: fx.sinoidal,<br />maxTitleChars: 30,<br />fxDuration: 150,<br />maxOpacity: 1,<br />timeOut: 100,<br />className: 'tooltip'<br />}<br />Object.extend(this.options, options || {});<br />},<br /><br />initialize: function(elements, options){<br />this.elements = elements;<br />this.setOptions(options);<br />this.toolTip = new Element('div').addClassName(this.options.className).setStyle('position', 'absolute').injectInside(document.body);<br />this.toolTitle = new Element('H4').injectInside(this.toolTip);<br />this.toolText = new Element('p').injectInside(this.toolTip);<br />this.fx = new fx.Style(this.toolTip, 'opacity', {duration: this.options.fxDuration, wait: false}).hide();<br />$A(elements).each(function(el){<br />$(el).myText = $check(el.title);<br />if (el.myText) el.removeAttribute('title');<br />if (el.href){<br />if (el.href.test('http://')) el.myTitle = el.href.replace('http://', '');<br />if (el.href.length > this.options.maxTitleChars) el.myTitle = el.href.substr(0,this.options.maxTitleChars-3)+"...";<br />}<br />if (el.myText && el.myText.test('::')){<br />var dual = el.myText.split('::');<br />el.myTitle = dual[0].trim();<br />el.myText = dual[1].trim();<br />}<br />el.onmouseover = function(){<br />this.show(el);<br />return false;<br />}.bind(this);<br />el.onmousemove = this.locate.bindAsEventListener(this);<br />el.onmouseout = function(){<br />this.timer = $clear(this.timer);<br />this.disappear();<br />}.bind(this);<br />}, this);<br />},<br /><br />show: function(el){<br />this.toolTitle.innerHTML = el.myTitle;<br />this.toolText.innerHTML = el.myText;<br />this.timer = $clear(this.timer);<br />this.fx.options.transition = this.options.transitionStart;<br />this.timer = this.appear.delay(this.options.timeOut, this);<br />},<br /><br />appear: function(){<br />this.fx.custom(this.fx.now, this.options.maxOpacity);<br />},<br /><br />locate: function(evt){<br />var doc = document.documentElement;<br />this.toolTip.setStyles({'top': evt.clientY + doc.scrollTop + 15 + 'px', 'left': evt.clientX + doc.scrollLeft - 30 + 'px'});<br />},<br /><br />disappear: function(){<br />this.fx.options.transition = this.options.transitionEnd;<br />this.fx.custom(this.fx.now, 0);<br />}<br /><br />});<br /><br />//Accordion.js - depends on Moo.js + Native Scripts + Fx.js<br /><br />Fx.Elements = Fx.Base.extend({<br /><br />initialize: function(elements, options){<br />this.elements = [];<br />elements.each(function(el){<br />this.elements.push($(el));<br />}, this);<br />this.setOptions(options);<br />this.now = {};<br />},<br /><br />setNow: function(){<br />for (i in this.from){<br />var iFrom = this.from[i];<br />var iTo = this.to[i];<br />var iNow = this.now[i] = {};<br />for (p in iFrom) iNow[p] = this.compute(iFrom[p], iTo[p]);<br />}<br />},<br /><br />custom: function(objObjs){<br />var from = {};<br />var to = {};<br />for (i in objObjs){<br />var iProps = objObjs[i];<br />var iFrom = from[i] = {};<br />var iTo = to[i] = {};<br />for (prop in iProps){<br />iFrom[prop] = iProps[prop][0];<br />iTo[prop] = iProps[prop][1];<br />}<br />}<br />return this.parent(from, to);<br />},<br /><br />increase: function(){<br />for (i in this.now){<br />var iNow = this.now[i];<br />for (p in iNow) this.setStyle(this.elements[parseInt(i)-1], p, iNow[p]);<br />}<br />}<br /><br />});<br /><br />Fx.Accordion = Fx.Elements.extend({<br /><br />extendOptions: function(options){<br />Object.extend(this.options, Object.extend({<br />start: 'open-first',<br />fixedHeight: false,<br />fixedWidth: false,<br />alwaysHide: false,<br />wait: false,<br />onActive: Class.empty,<br />onBackground: Class.empty,<br />height: true,<br />opacity: true,<br />width: false<br />}, options || {}));<br />},<br /><br />initialize: function(togglers, elements, options){<br />this.parent(elements, options);<br />this.extendOptions(options);<br />this.previousClick = 'nan';<br />togglers.each(function(tog, i){<br />$(tog).addEvent('click', function(){this.showThisHideOpen(i)}.bind(this));<br />}, this);<br />this.togglers = togglers;<br />this.h = {}; this.w = {}; this.o = {};<br />this.elements.each(function(el, i){<br />this.now[i+1] = {};<br />$(el).setStyles({'height': 0, 'overflow': 'hidden'});<br />}, this);<br />switch(this.options.start){<br />case 'first-open': this.elements[0].setStyle('height', this.elements[0].scrollHeight); break;<br />case 'open-first': this.showThisHideOpen(0); break;<br />}<br />},<br /><br />hideThis: function(i){<br />if (this.options.height) this.h = {'height': [this.elements[i].offsetHeight, 0]};<br />if (this.options.width) this.w = {'width': [this.elements[i].offsetWidth, 0]};<br />if (this.options.opacity) this.o = {'opacity': [this.now[i+1]['opacity'] || 1, 0]};<br />},<br /><br />showThis: function(i){<br />if (this.options.height) this.h = {'height': [this.elements[i].offsetHeight, this.options.fixedHeight || this.elements[i].scrollHeight]};<br />if (this.options.width) this.w = {'width': [this.elements[i].offsetWidth, this.options.fixedWidth || this.elements[i].scrollWidth]};<br />if (this.options.opacity) this.o = {'opacity': [this.now[i+1]['opacity'] || 0, 1]};<br />},<br /><br />showThisHideOpen: function(iToShow){<br />if (iToShow != this.previousClick || this.options.alwaysHide){<br />this.previousClick = iToShow;<br />var objObjs = {};<br />var err = false;<br />var madeInactive = false;<br />this.elements.each(function(el, i){<br />this.now[i] = this.now[i] || {};<br />if (i != iToShow){<br /> this.hideThis(i);<br />} else if (this.options.alwaysHide){<br /> if (el.offsetHeight == el.scrollHeight){<br /> this.hideThis(i);<br /> madeInactive = true;<br /> } else if (el.offsetHeight == 0){<br /> this.showThis(i);<br /> } else {<br /> err = true;<br /> }<br />} else if (this.options.wait && this.timer){<br /> this.previousClick = 'nan';<br /> err = true;<br />} else {<br /> this.showThis(i);<br />}<br />objObjs[i+1] = Object.extend(this.h, Object.extend(this.o, this.w));<br />}, this);<br />if (err) return;<br />if (!madeInactive) this.options.onActive.call(this, this.togglers[iToShow]);<br />this.togglers.each(function(tog, i){<br />if (i != iToShow || madeInactive) this.options.onBackground.call(this, tog);<br />}, this);<br />return this.custom(objObjs);<br />}<br />}<br /><br />});<br /><br />//]]><br /></script><br /><br /><script type='text/javascript'><br /><br /><br /><br />window.onload=function()<br />{<br /><br /><br />/* setup tooltips */<br />var as = [];<br /><br />$S(&#39;a&#39;).each(function(a){<br />if (a.getAttribute(&#39;title&#39;)) as.push(a);<br />});<br /><br />new Tips(as, {maxOpacity: 0.9, maxTitleChars: 25});<br /><br />}<br /></script><br /><br /><style type='text/css'><br />div.tooltip {<br />width: 200px;<br />color: #fff;<br />text-align: center;<br />}<br />div.tooltip h4 {<br />color: #fff;<br />font-weight: bold;<br />text-shadow: 2px 2px 1px #222;<br />margin: 0;<br />padding: 13px 10px 5px;<br />background: url(http://i48.tinypic.com/2wo8yhi.jpg) top left no-repeat !important;<br />background: url(http://i48.tinypic.com/2wo8yhi.jpg) top left no-repeat;<br />font-size: 11px;<br />}<br />div.tooltip p {<br />margin: 0;<br />padding: 0 10px 15px;<br />text-shadow: 2px 2px 1px #222;<br />background: url(http://i48.tinypic.com/2wo8yhi.jpg) bottom left no-repeat !important;<br />background: url(http://i48.tinypic.com/2wo8yhi.jpg) bottom left no-repeat;<br />font-size: 10px;<br />}<br /></style><br /></div></div><br /><br /><br />Τώρα όπου θέλετε να το χρησιμοποιήσετε θα προσθέτετε τον σύνδεσμο όπως το παράδειγμα:<br /><br /><div class="code"><div class="code_content"><br /><a href="http://loneeagle110.blogspot.com/" title="Εverything you want">Στάλες στο γαλάζιο</a><br /></div></div><br /><br />Πως θα εμφανίζεται:<br /><br /><center><img src="http://i43.tinypic.com/2dtokzo.jpg"></center><br /><br /><marquee behavior="alternate" direction="left" scrollamount="3"><strong><em><span style="color:#cc0000;"><h2>ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!</h2></span></em></strong></marquee>

Blogger Help Mootools Tutorials Προσθέστε "μπαλόνι" στους συνδέσμους σας

Αφού κρατήσετε ένα backup το template σας καλού-κακού.... θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία...

Διαβάστε περισσότερα »