pro/2023_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
asus
2023-11-23 09:16:19 +01:00
parent c385d14462
commit d7e378465a
247 changed files with 13200 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
javascript/builder.js Normal file
View File

@@ -0,0 +1,136 @@
// script.aculo.us builder.js v1.8.1, Thu Jan 03 22:07:12 -0500 2008
// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//
// script.aculo.us is freely distributable under the terms of an MIT-style license.
// For details, see the script.aculo.us web site: http://script.aculo.us/
var Builder = {
NODEMAP: {
AREA: 'map',
CAPTION: 'table',
COL: 'table',
COLGROUP: 'table',
LEGEND: 'fieldset',
OPTGROUP: 'select',
OPTION: 'select',
PARAM: 'object',
TBODY: 'table',
TD: 'table',
TFOOT: 'table',
TH: 'table',
THEAD: 'table',
TR: 'table'
},
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
// due to a Firefox bug
node: function(elementName) {
elementName = elementName.toUpperCase();
// try innerHTML approach
var parentTag = this.NODEMAP[elementName] || 'div';
var parentElement = document.createElement(parentTag);
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
} catch(e) {}
var element = parentElement.firstChild || null;
// see if browser added wrapping tags
if(element && (element.tagName.toUpperCase() != elementName))
element = element.getElementsByTagName(elementName)[0];
// fallback to createElement approach
if(!element) element = document.createElement(elementName);
// abort if nothing could be created
if(!element) return;
// attributes (or text)
if(arguments[1])
if(this._isStringOrNumber(arguments[1]) ||
(arguments[1] instanceof Array) ||
arguments[1].tagName) {
this._children(element, arguments[1]);
} else {
var attrs = this._attributes(arguments[1]);
if(attrs.length) {
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
parentElement.innerHTML = "<" +elementName + " " +
attrs + "></" + elementName + ">";
} catch(e) {}
element = parentElement.firstChild || null;
// workaround firefox 1.0.X bug
if(!element) {
element = document.createElement(elementName);
for(attr in arguments[1])
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
}
if(element.tagName.toUpperCase() != elementName)
element = parentElement.getElementsByTagName(elementName)[0];
}
}
// text, or array of children
if(arguments[2])
this._children(element, arguments[2]);
return element;
},
_text: function(text) {
return document.createTextNode(text);
},
ATTR_MAP: {
'className': 'class',
'htmlFor': 'for'
},
_attributes: function(attributes) {
var attrs = [];
for(attribute in attributes)
attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) +
'="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'&quot;') + '"');
return attrs.join(" ");
},
_children: function(element, children) {
if(children.tagName) {
element.appendChild(children);
return;
}
if(typeof children=='object') { // array can hold nodes and text
children.flatten().each( function(e) {
if(typeof e=='object')
element.appendChild(e)
else
if(Builder._isStringOrNumber(e))
element.appendChild(Builder._text(e));
});
} else
if(Builder._isStringOrNumber(children))
element.appendChild(Builder._text(children));
},
_isStringOrNumber: function(param) {
return(typeof param=='string' || typeof param=='number');
},
build: function(html) {
var element = this.node('div');
$(element).update(html.strip());
return element.down();
},
dump: function(scope) {
if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope
var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " +
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " +
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
tags.each( function(tag){
scope[tag] = function() {
return Builder.node.apply(Builder, [tag].concat($A(arguments)));
}
});
}
}

211
javascript/easySlider1.7.js Normal file
View File

@@ -0,0 +1,211 @@
/*
* Easy Slider 1.7 - jQuery plugin
* written by Alen Grakalic
* http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
*
* Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Built for jQuery library
* http://jquery.com
*
*/
(function($) {
$.fn.easySlider = function(options){
// default configuration properties
var defaults = {
//prevId: 'prevBtn',
//prevText: 'Previous',
//nextId: 'nextBtn',
//nextText: 'Next',
//controlsShow: true,
//controlsBefore: '',
//controlsAfter: '',
//controlsFade: true,
firstId: 'firstBtn',
firstText: 'First',
firstShow: false,
lastId: 'lastBtn',
lastText: 'Last',
lastShow: false,
vertical: false,
speed: 500,
auto: false,
pause: 300,
continuous: false,
numeric: false,
numericId: 'controls'
};
var options = $.extend(defaults, options);
this.each(function() {
var obj = $(this);
var s = $("li", obj).length;
var w = $("li", obj).width();
var h = $("li", obj).height();
var clickable = true;
obj.width(w);
obj.height(h);
obj.css("overflow","hidden");
var ts = s-1;
var t = 0;
$("ul", obj).css('width',s*w);
if(options.continuous){
$("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left","-"+ w +"px"));
$("ul", obj).append($("ul li:nth-child(2)", obj).clone());
$("ul", obj).css('width',(s+1)*w);
};
if(!options.vertical) $("li", obj).css('float','left');
if(options.controlsShow){
var html = options.controlsBefore;
if(options.numeric){
html += '<ol id="'+ options.numericId +'"></ol>';
} else {
if(options.firstShow) html += '<span id="'+ options.firstId +'"><a href=\"javascript:void(0);\">'+ options.firstText +'</a></span>';
html += ' <span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span>';
html += ' <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>';
if(options.lastShow) html += ' <span id="'+ options.lastId +'"><a href=\"javascript:void(0);\">'+ options.lastText +'</a></span>';
};
html += options.controlsAfter;
$(obj).after(html);
};
if(options.numeric){
for(var i=0;i<s;i++){
$(document.createElement("li"))
.attr('id',options.numericId + (i+1))
.html('<a rel='+ i +' href=\"javascript:void(0);\">'+ (i+1) +'</a>')
.appendTo($("#"+ options.numericId))
.click(function(){
animate($("a",$(this)).attr('rel'),true);
});
};
} else {
$("a","#"+options.nextId).click(function(){
animate("next",true);
});
$("a","#"+options.prevId).click(function(){
animate("prev",true);
});
$("a","#"+options.firstId).click(function(){
animate("first",true);
});
$("a","#"+options.lastId).click(function(){
animate("last",true);
});
};
function setCurrent(i){
i = parseInt(i)+1;
$("li", "#" + options.numericId).removeClass("current");
$("li#" + options.numericId + i).addClass("current");
};
function adjust(){
if(t>ts) t=0;
if(t<0) t=ts;
if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
} else {
$("ul",obj).css("margin-left",(t*h*-1));
}
clickable = true;
if(options.numeric) setCurrent(t);
};
function animate(dir,clicked){
if (clickable){
clickable = false;
var ot = t;
switch(dir){
case "next":
t = (ot>=ts) ? (options.continuous ? t+1 : ts) : t+1;
break;
case "prev":
t = (t<=0) ? (options.continuous ? t-1 : 0) : t-1;
break;
case "first":
t = 0;
break;
case "last":
t = ts;
break;
default:
t = dir;
break;
};
var diff = Math.abs(ot-t);
var speed = diff*options.speed;
if(!options.vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ marginLeft: p },
{ queue:false, duration:speed, complete:adjust }
);
} else {
p = (t*h*-1);
$("ul",obj).animate(
{ marginTop: p },
{ queue:false, duration:speed, complete:adjust }
);
};
if(!options.continuous && options.controlsFade){
if(t==ts){
$("a","#"+options.nextId).hide();
$("a","#"+options.lastId).hide();
} else {
$("a","#"+options.nextId).show();
$("a","#"+options.lastId).show();
};
if(t==0){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
} else {
$("a","#"+options.prevId).show();
$("a","#"+options.firstId).show();
};
};
if(clicked) clearTimeout(timeout);
if(options.auto && dir=="next" && !clicked){;
timeout = setTimeout(function(){
animate("next",false);
},diff*options.speed+options.pause);
};
};
};
// init
var timeout;
if(options.auto){;
timeout = setTimeout(function(){
animate("next",false);
},options.pause);
};
if(options.numeric) setCurrent(0);
if(!options.continuous && options.controlsFade){
$("a","#"+options.prevId).hide();
$("a","#"+options.firstId).hide();
};
});
};
})(jQuery);

1122
javascript/effects.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

19
javascript/jquery-1.3.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

103
javascript/jquery.diaporama.js Normal file
View File

@@ -0,0 +1,103 @@
(function($){
$.fn.diaporama = function(options) {
var defaults = {
delay: 3,
animationSpeed: "normal",
controls:true
};
var options = $.extend(defaults, options);
this.each(function(){
var obj = $(this);
if($(obj).find("li").length > 1){
var inter = setInterval(function(){nextElt(options)}, (options.delay*2000));
var sens = "right";
var pause = false;
$(obj).find("li").hide();
$(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
// Controls
if(options.controls)
{
$(obj).after("<div class='diaporama_controls'><div class='btns'><a href='#' class='prev'>Prec.</a> <a href='#' class='pause'>Pause</a> <a href='#' class='next'>Suiv.</a></div></div>");
$(obj).siblings().find(".prev").click(function(){
clearInterval(inter);
prevElt(options);
if(!pause)
inter = setInterval(function(){prevElt(options)}, (options.delay*2000));
sens = "left";
});
$(obj).siblings().find(".next").click(function(){
clearInterval(inter);
nextElt(options);
if(!pause)
inter = setInterval(function(){nextElt(options)}, (options.delay*2000));
sens = "right";
});
$(obj).siblings().find(".pause").toggle(
function(){
$(this).removeClass("pause").addClass("play");
clearInterval(inter);
pause = true;
},
function(){
$(this).removeClass("play").addClass("pause");
inter = setInterval(function(){ (sens == "right")?nextElt(options):prevElt(options)}, (options.delay*2000));
pause = false;
}
);
}
// Affiche l'élément suivant
function nextElt(options)
{
$(obj).find("li.active").fadeOut(options.animationSpeed);
if(!$(obj).find("li.active").is(":last-child"))
{
$(obj).find("li.active").next().addClass("active").prev().removeClass("active");
$(obj).find("li.active").fadeIn(options.animationSpeed);
}
else
{
$(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
$(obj).find("li:last-child").removeClass("active");
}
}
// Affiche l'élément précédent
function prevElt(options)
{
$(obj).find("li.active").fadeOut(options.animationSpeed);
if(!$(obj).find("li.active").is(":first-child"))
{
$(obj).find("li.active").prev().addClass("active").next().removeClass("active");
$(obj).find("li.active").fadeIn(options.animationSpeed);
}
else
{
$(obj).find("li:last-child").addClass("active").fadeIn(options.animationSpeed);
$(obj).find("li:first-child").removeClass("active");
}
}
}
});
return this;
};
})(jQuery);

44
javascript/jquery.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

185
javascript/jsScrollbar.js Normal file
View File

@@ -0,0 +1,185 @@
//Written by Nathan Faubion: http://n-son.com
//Use this or edit how you want, just give me
//some credit!
function jsScrollbar (o, s, a, ev) {
var self = this;
this.reset = function () {
//Arguments that were passed
this._parent = o;
this._src = s;
this.auto = a ? a : false;
this.eventHandler = ev ? ev : function () {};
//Component Objects
this._up = this._findComponent("Scrollbar-Up", this._parent);
this._down = this._findComponent("Scrollbar-Down", this._parent);
this._yTrack = this._findComponent("Scrollbar-Track", this._parent);
this._yHandle = this._findComponent("Scrollbar-Handle", this._yTrack);
//Height and position properties
this._trackTop = findOffsetTop(this._yTrack);
this._trackHeight = this._yTrack.offsetHeight;
this._handleHeight = this._yHandle.offsetHeight;
this._x = 0;
this._y = 0;
//Misc. variables
this._scrollDist = 5;
this._scrollTimer = null;
this._selectFunc = null;
this._grabPoint = null;
this._tempTarget = null;
this._tempDistX = 0;
this._tempDistY = 0;
this._disabled = false;
this._ratio = (this._src.totalHeight - this._src.viewableHeight)/(this._trackHeight - this._handleHeight);
this._yHandle.ondragstart = function () {return false;};
this._yHandle.onmousedown = function () {return false;};
this._addEvent(this._src.content, "mousewheel", this._scrollbarWheel);
this._removeEvent(this._parent, "mousedown", this._scrollbarClick);
this._addEvent(this._parent, "mousedown", this._scrollbarClick);
this._src.reset();
with (this._yHandle.style) {
top = "0px";
left = "0px";
}
this._moveContent();
if (this._src.totalHeight < this._src.viewableHeight) {
this._disabled = true;
this._yHandle.style.visibility = "hidden";
if (this.auto) this._parent.style.visibility = "hidden";
} else {
this._disabled = false;
this._yHandle.style.visibility = "visible";
this._parent.style.visibility = "visible";
}
};
this._addEvent = function (o, t, f) {
if (o.addEventListener) o.addEventListener(t, f, false);
else if (o.attachEvent) o.attachEvent('on'+ t, f);
else o['on'+ t] = f;
};
this._removeEvent = function (o, t, f) {
if (o.removeEventListener) o.removeEventListener(t, f, false);
else if (o.detachEvent) o.detachEvent('on'+ t, f);
else o['on'+ t] = null;
};
this._findComponent = function (c, o) {
var kids = o.childNodes;
for (var i = 0; i < kids.length; i++) {
if (kids[i].className && kids[i].className == c) {
return kids[i];
}
}
};
//Thank you, Quirksmode
function findOffsetTop (o) {
var t = 0;
if (o.offsetParent) {
while (o.offsetParent) {
t += o.offsetTop;
o = o.offsetParent;
}
}
return t;
};
this._scrollbarClick = function (e) {
if (self._disabled) return false;
e = e ? e : event;
if (!e.target) e.target = e.srcElement;
if (e.target.className.indexOf("Scrollbar-Up") > -1) self._scrollUp(e);
else if (e.target.className.indexOf("Scrollbar-Down") > -1) self._scrollDown(e);
else if (e.target.className.indexOf("Scrollbar-Track") > -1) self._scrollTrack(e);
else if (e.target.className.indexOf("Scrollbar-Handle") > -1) self._scrollHandle(e);
self._tempTarget = e.target;
self._selectFunc = document.onselectstart;
document.onselectstart = function () {return false;};
self.eventHandler(e.target, "mousedown");
self._addEvent(document, "mouseup", self._stopScroll, false);
return false;
};
this._scrollbarDrag = function (e) {
e = e ? e : event;
var t = parseInt(self._yHandle.style.top);
var v = e.clientY + document.body.scrollTop - self._trackTop;
with (self._yHandle.style) {
if (v >= self._trackHeight - self._handleHeight + self._grabPoint)
top = self._trackHeight - self._handleHeight +"px";
else if (v <= self._grabPoint) top = "0px";
else top = v - self._grabPoint +"px";
self._y = parseInt(top);
}
self._moveContent();
};
this._scrollbarWheel = function (e) {
e = e ? e : event;
var dir = 0;
if (e.wheelDelta >= 120) dir = -1;
if (e.wheelDelta <= -120) dir = 1;
self.scrollBy(0, dir * 20);
e.returnValue = false;
};
this._startScroll = function (x, y) {
this._tempDistX = x;
this._tempDistY = y;
this._scrollTimer = window.setInterval(function () {
self.scrollBy(self._tempDistX, self._tempDistY);
}, 40);
};
this._stopScroll = function () {
self._removeEvent(document, "mousemove", self._scrollbarDrag, false);
self._removeEvent(document, "mouseup", self._stopScroll, false);
if (self._selectFunc) document.onselectstart = self._selectFunc;
else document.onselectstart = function () { return true; };
if (self._scrollTimer) window.clearInterval(self._scrollTimer);
self.eventHandler (self._tempTarget, "mouseup");
};
this._scrollUp = function (e) {this._startScroll(0, -this._scrollDist);};
this._scrollDown = function (e) {this._startScroll(0, this._scrollDist);};
this._scrollTrack = function (e) {
var curY = e.clientY + document.body.scrollTop;
this._scroll(0, curY - this._trackTop - this._handleHeight/2);
};
this._scrollHandle = function (e) {
var curY = e.clientY + document.body.scrollTop;
this._grabPoint = curY - findOffsetTop(this._yHandle);
this._addEvent(document, "mousemove", this._scrollbarDrag, false);
};
this._scroll = function (x, y) {
if (y > this._trackHeight - this._handleHeight)
y = this._trackHeight - this._handleHeight;
if (y < 0) y = 0;
this._yHandle.style.top = y +"px";
this._y = y;
this._moveContent();
};
this._moveContent = function () {
this._src.scrollTo(0, Math.round(this._y * this._ratio));
};
this.scrollBy = function (x, y) {
this._scroll(0, (-this._src._y + y)/this._ratio);
};
this.scrollTo = function (x, y) {
this._scroll(0, y/this._ratio);
};
this.swapContent = function (o, w, h) {
this._removeEvent(this._src.content, "mousewheel", this._scrollbarWheel, false);
this._src.swapContent(o, w, h);
this.reset();
};
this.reset();
};

78
javascript/jsScroller.js Normal file
View File

@@ -0,0 +1,78 @@
//Written by Nathan Faubion: http://n-son.com
//Use this or edit how you want, just give me
//some credit!
function jsScroller (o, w, h) {
var self = this;
var list = o.getElementsByTagName("div");
for (var i = 0; i < list.length; i++) {
if (list[i].className.indexOf("Scroller-Container") > -1) {
o = list[i];
}
}
//Private methods
this._setPos = function (x, y) {
if (x < this.viewableWidth - this.totalWidth)
x = this.viewableWidth - this.totalWidth;
if (x > 0) x = 0;
if (y < this.viewableHeight - this.totalHeight)
y = this.viewableHeight - this.totalHeight;
if (y > 0) y = 0;
this._x = x;
this._y = y;
with (o.style) {
left = this._x +"px";
top = this._y +"px";
}
};
//Public Methods
this.reset = function () {
this.content = o;
this.totalHeight = o.offsetHeight;
this.totalWidth = o.offsetWidth;
this._x = 0;
this._y = 0;
with (o.style) {
left = "0px";
top = "0px";
}
};
this.scrollBy = function (x, y) {
this._setPos(this._x + x, this._y + y);
};
this.scrollTo = function (x, y) {
this._setPos(-x, -y);
};
this.stopScroll = function () {
if (this.scrollTimer) window.clearInterval(this.scrollTimer);
};
this.startScroll = function (x, y) {
this.stopScroll();
this.scrollTimer = window.setInterval(
function(){ self.scrollBy(x, y); }, 40
);
};
this.swapContent = function (c, w, h) {
o = c;
var list = o.getElementsByTagName("div");
for (var i = 0; i < list.length; i++) {
if (list[i].className.indexOf("Scroller-Container") > -1) {
o = list[i];
}
}
if (w) this.viewableWidth = w;
if (h) this.viewableHeight = h;
this.reset();
};
//variables
this.content = o;
this.viewableWidth = w;
this.viewableHeight = h;
this.totalWidth = o.offsetWidth;
this.totalHeight = o.offsetHeight;
this.scrollTimer = null;
this.reset();
};

497
javascript/lightbox.js Normal file
View File

@@ -0,0 +1,497 @@
// -----------------------------------------------------------------------------------
//
// Lightbox v2.04
// by Lokesh Dhakar - http://www.lokeshdhakar.com
// Last Modification: 2/9/08
//
// For more information, visit:
// http://lokeshdhakar.com/projects/lightbox2/
//
// Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
// - Free for use in both personal and commercial projects
// - Attribution requires leaving author name, author link, and the license info intact.
//
// Thanks: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.
// Artemy Tregubenko (arty.name) for cleanup and help in updating to latest ver of proto-aculous.
//
// -----------------------------------------------------------------------------------
/*
Table of Contents
-----------------
Configuration
Lightbox Class Declaration
- initialize()
- updateImageList()
- start()
- changeImage()
- resizeImageContainer()
- showImage()
- updateDetails()
- updateNav()
- enableKeyboardNav()
- disableKeyboardNav()
- keyboardAction()
- preloadNeighborImages()
- end()
Function Calls
- document.observe()
*/
// -----------------------------------------------------------------------------------
//
// Configurationl
//
LightboxOptions = Object.extend({
fileLoadingImage: 'images/loading.gif',
fileBottomNavCloseImage: 'images/closelabel.gif',
overlayOpacity: 0.8, // controls transparency of shadow overlay
animate: true, // toggles resizing animations
resizeSpeed: 7, // controls the speed of the image resizing animations (1=slowest and 10=fastest)
borderSize: 10, //if you adjust the padding in the CSS, you will need to update this variable
// When grouping images this is used to write: Image # of #.
// Change it for non-english localization
labelImage: "",
labelOf: "&nbsp;/"
}, window.LightboxOptions || {});
// -----------------------------------------------------------------------------------
var Lightbox = Class.create();
Lightbox.prototype = {
imageArray: [],
activeImage: undefined,
// initialize()
// Constructor runs on completion of the DOM loading. Calls updateImageList and then
// the function inserts html at the bottom of the page which is used to display the shadow
// overlay and the image container.
//
initialize: function() {
this.updateImageList();
this.keyboardAction = this.keyboardAction.bindAsEventListener(this);
if (LightboxOptions.resizeSpeed > 10) LightboxOptions.resizeSpeed = 10;
if (LightboxOptions.resizeSpeed < 1) LightboxOptions.resizeSpeed = 1;
this.resizeDuration = LightboxOptions.animate ? ((11 - LightboxOptions.resizeSpeed) * 0.15) : 0;
this.overlayDuration = LightboxOptions.animate ? 0.2 : 0; // shadow fade in/out duration
// When Lightbox starts it will resize itself from 250 by 250 to the current image dimension.
// If animations are turned off, it will be hidden as to prevent a flicker of a
// white 250 by 250 box.
var size = (LightboxOptions.animate ? 250 : 1) + 'px';
// Code inserts html at the bottom of the page that looks similar to this:
//
// <div id="overlay"></div>
// <div id="lightbox">
// <div id="outerImageContainer">
// <div id="imageContainer">
// <img id="lightboxImage">
// <div style="" id="hoverNav">
// <a href="#" id="prevLink"></a>
// <a href="#" id="nextLink"></a>
// </div>
// <div id="loading">
// <a href="#" id="loadingLink">
// <img src="images/loading.gif">
// </a>
// </div>
// </div>
// </div>
// <div id="imageDataContainer">
// <div id="imageData">
// <div id="imageDetails">
// <span id="caption"></span>
// <span id="numberDisplay"></span>
// </div>
// <div id="bottomNav">
// <a href="#" id="bottomNavClose">
// <img src="images/close.gif">
// </a>
// </div>
// </div>
// </div>
// </div>
var objBody = $$('body')[0];
objBody.appendChild(Builder.node('div',{id:'overlay'}));
objBody.appendChild(Builder.node('div',{id:'lightbox'}, [
Builder.node('div',{id:'outerImageContainer'},
Builder.node('div',{id:'imageContainer'}, [
Builder.node('img',{id:'lightboxImage'}),
Builder.node('div',{id:'hoverNav'}, [
Builder.node('a',{id:'prevLink', href: '#' }),
Builder.node('a',{id:'nextLink', href: '#' })
]),
Builder.node('div',{id:'loading'},
Builder.node('a',{id:'loadingLink', href: '#' },
Builder.node('img', {src: LightboxOptions.fileLoadingImage})
)
)
])
),
Builder.node('div', {id:'imageDataContainer'},
Builder.node('div',{id:'imageData'}, [
Builder.node('div',{id:'imageDetails'}, [
Builder.node('span',{id:'caption'}),
Builder.node('span',{id:'numberDisplay'})
]),
Builder.node('div',{id:'bottomNav'},
Builder.node('a',{id:'bottomNavClose', href: '#' },
Builder.node('img', { src: LightboxOptions.fileBottomNavCloseImage })
)
)
])
)
]));
$('overlay').hide().observe('click', (function() { this.end(); }).bind(this));
$('lightbox').hide().observe('click', (function(event) { if (event.element().id == 'lightbox') this.end(); }).bind(this));
$('outerImageContainer').setStyle({ width: size, height: size });
$('prevLink').observe('click', (function(event) { event.stop(); this.changeImage(this.activeImage - 1); }).bindAsEventListener(this));
$('nextLink').observe('click', (function(event) { event.stop(); this.changeImage(this.activeImage + 1); }).bindAsEventListener(this));
$('loadingLink').observe('click', (function(event) { event.stop(); this.end(); }).bind(this));
$('bottomNavClose').observe('click', (function(event) { event.stop(); this.end(); }).bind(this));
var th = this;
(function(){
var ids =
'overlay lightbox outerImageContainer imageContainer lightboxImage hoverNav prevLink nextLink loading loadingLink ' +
'imageDataContainer imageData imageDetails caption numberDisplay bottomNav bottomNavClose';
$w(ids).each(function(id){ th[id] = $(id); });
}).defer();
},
//
// updateImageList()
// Loops through anchor tags looking for 'lightbox' references and applies onclick
// events to appropriate links. You can rerun after dynamically adding images w/ajax.
//
updateImageList: function() {
this.updateImageList = Prototype.emptyFunction;
document.observe('click', (function(event){
var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
if (target) {
event.stop();
this.start(target);
}
}).bind(this));
},
//
// start()
// Display overlay and lightbox. If image is part of a set, add siblings to imageArray.
//
start: function(imageLink) {
$$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'hidden' });
// stretch overlay to fill page and fade in
var arrayPageSize = this.getPageSize();
$('overlay').setStyle({ width: arrayPageSize[0] + 'px', height: arrayPageSize[1] + 'px' });
new Effect.Appear(this.overlay, { duration: this.overlayDuration, from: 0.0, to: LightboxOptions.overlayOpacity });
this.imageArray = [];
var imageNum = 0;
if ((imageLink.rel == 'lightbox')){
// if image is NOT part of a set, add single image to imageArray
this.imageArray.push([imageLink.href, imageLink.title]);
} else {
// if image is part of a set..
this.imageArray =
$$(imageLink.tagName + '[href][rel="' + imageLink.rel + '"]').
collect(function(anchor){ return [anchor.href, anchor.title]; }).
uniq();
while (this.imageArray[imageNum][0] != imageLink.href) { imageNum++; }
}
// calculate top and left offset for the lightbox
var arrayPageScroll = document.viewport.getScrollOffsets();
var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 80);
var lightboxLeft = arrayPageScroll[0];
this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();
this.changeImage(imageNum);
},
//
// changeImage()
// Hide most elements and preload image in preparation for resizing image container.
//
changeImage: function(imageNum) {
this.activeImage = imageNum; // update global var
// hide elements during transition
if (LightboxOptions.animate) this.loading.show();
this.lightboxImage.hide();
this.hoverNav.hide();
this.prevLink.hide();
this.nextLink.hide();
// HACK: Opera9 does not currently support scriptaculous opacity and appear fx
this.imageDataContainer.setStyle({opacity: .0001});
this.numberDisplay.hide();
var imgPreloader = new Image();
// once image is preloaded, resize image container
imgPreloader.onload = (function(){
this.lightboxImage.src = this.imageArray[this.activeImage][0];
this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
}).bind(this);
imgPreloader.src = this.imageArray[this.activeImage][0];
},
//
// resizeImageContainer()
//
resizeImageContainer: function(imgWidth, imgHeight) {
// get current width and height
var widthCurrent = this.outerImageContainer.getWidth();
var heightCurrent = this.outerImageContainer.getHeight();
// get new width and height
var widthNew = (imgWidth + LightboxOptions.borderSize * 2);
var heightNew = (imgHeight + LightboxOptions.borderSize * 2);
// scalars based on change from old to new
var xScale = (widthNew / widthCurrent) * 100;
var yScale = (heightNew / heightCurrent) * 100;
// calculate size difference between new and old image, and resize if necessary
var wDiff = widthCurrent - widthNew;
var hDiff = heightCurrent - heightNew;
if (hDiff != 0) new Effect.Scale(this.outerImageContainer, yScale, {scaleX: false, duration: this.resizeDuration, queue: 'front'});
if (wDiff != 0) new Effect.Scale(this.outerImageContainer, xScale, {scaleY: false, duration: this.resizeDuration, delay: this.resizeDuration});
// if new and old image are same size and no scaling transition is necessary,
// do a quick pause to prevent image flicker.
var timeout = 0;
if ((hDiff == 0) && (wDiff == 0)){
timeout = 100;
if (Prototype.Browser.IE) timeout = 250;
}
(function(){
this.prevLink.setStyle({ height: imgHeight + 'px' });
this.nextLink.setStyle({ height: imgHeight + 'px' });
this.imageDataContainer.setStyle({ width: widthNew + 'px' });
this.showImage();
}).bind(this).delay(timeout / 1000);
},
//
// showImage()
// Display image and begin preloading neighbors.
//
showImage: function(){
this.loading.hide();
new Effect.Appear(this.lightboxImage, {
duration: this.resizeDuration,
queue: 'end',
afterFinish: (function(){ this.updateDetails(); }).bind(this)
});
this.preloadNeighborImages();
},
//
// updateDetails()
// Display caption, image number, and bottom nav.
//
updateDetails: function() {
// if caption is not null
if (this.imageArray[this.activeImage][1] != ""){
this.caption.update(this.imageArray[this.activeImage][1]).show();
}
// if image is part of set display 'Image x of x'
if (this.imageArray.length > 1){
this.numberDisplay.update( LightboxOptions.labelImage + ' ' + (this.activeImage + 1) + ' ' + LightboxOptions.labelOf + ' ' + this.imageArray.length).show();
}
new Effect.Parallel(
[
new Effect.SlideDown(this.imageDataContainer, { sync: true, duration: this.resizeDuration, from: 0.0, to: 1.0 }),
new Effect.Appear(this.imageDataContainer, { sync: true, duration: this.resizeDuration })
],
{
duration: this.resizeDuration,
afterFinish: (function() {
// update overlay size and update nav
var arrayPageSize = this.getPageSize();
this.overlay.setStyle({ height: arrayPageSize[1] + 'px' });
this.updateNav();
}).bind(this)
}
);
},
//
// updateNav()
// Display appropriate previous and next hover navigation.
//
updateNav: function() {
this.hoverNav.show();
// if not first image in set, display prev image button
if (this.activeImage > 0) this.prevLink.show();
// if not last image in set, display next image button
if (this.activeImage < (this.imageArray.length - 1)) this.nextLink.show();
this.enableKeyboardNav();
},
//
// enableKeyboardNav()
//
enableKeyboardNav: function() {
document.observe('keydown', this.keyboardAction);
},
//
// disableKeyboardNav()
//
disableKeyboardNav: function() {
document.stopObserving('keydown', this.keyboardAction);
},
//
// keyboardAction()
//
keyboardAction: function(event) {
var keycode = event.keyCode;
var escapeKey;
if (event.DOM_VK_ESCAPE) { // mozilla
escapeKey = event.DOM_VK_ESCAPE;
} else { // ie
escapeKey = 27;
}
var key = String.fromCharCode(keycode).toLowerCase();
if (key.match(/x|o|c/) || (keycode == escapeKey)){ // close lightbox
this.end();
} else if ((key == 'p') || (keycode == 37)){ // display previous image
if (this.activeImage != 0){
this.disableKeyboardNav();
this.changeImage(this.activeImage - 1);
}
} else if ((key == 'n') || (keycode == 39)){ // display next image
if (this.activeImage != (this.imageArray.length - 1)){
this.disableKeyboardNav();
this.changeImage(this.activeImage + 1);
}
}
},
//
// preloadNeighborImages()
// Preload previous and next images.
//
preloadNeighborImages: function(){
var preloadNextImage, preloadPrevImage;
if (this.imageArray.length > this.activeImage + 1){
preloadNextImage = new Image();
preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
}
if (this.activeImage > 0){
preloadPrevImage = new Image();
preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
}
},
//
// end()
//
end: function() {
this.disableKeyboardNav();
this.lightbox.hide();
new Effect.Fade(this.overlay, { duration: this.overlayDuration });
$$('select', 'object', 'embed').each(function(node){ node.style.visibility = 'visible' });
},
//
// getPageSize()
//
getPageSize: function() {
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = window.innerWidth + window.scrollMaxX;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
if(document.documentElement.clientWidth){
windowWidth = document.documentElement.clientWidth;
} else {
windowWidth = self.innerWidth;
}
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = xScroll;
} else {
pageWidth = windowWidth;
}
return [pageWidth,pageHeight];
}
}
document.observe('dom:loaded', function () { new Lightbox(); });

120
javascript/old_tools.js Normal file
View File

@@ -0,0 +1,120 @@
var coordsArtiste=new Array();
coordsArtiste[0]="<span style='font-weight:bold;font-size:11px;'>Malgorzata (Margot) Montenoise</span><br /><a href='http://montenoisemargot.ultra-book.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>montenoisemargot.ultra-book.com</a><br /><a href='mailto:margot.montenoise@gmail.com' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>margot.montenoise@gmail.com</a>";
coordsArtiste[1]="<span style='font-weight:bold;'>Christophe Bogdan</span><br /><a href='mailto:kbogdan@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>kbogdan@wanadoo.fr</a>";
coordsArtiste[2]="<span style='font-weight:bold;'>Macha Krivokapic</span><br /><a href='mailto:machak91@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>machak91@yahoo.fr</a>";
coordsArtiste[3]="<span style='font-weight:bold;'>Vincent Pandellé</span><br /><a href='http://www.passionphotographique.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>passionphotographique.com</a>";
coordsArtiste[4]="<span style='font-weight:bold;'>Jean José Baranes</span><br /><a href='http://www.jeanjosebaranes.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjosebaranes.com</a><br /><a href='mailto:jeanjose.baranes@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjose.baranes@orange.fr</a>";
coordsArtiste[5]="<span style='font-weight:bold;'>Eliza Magri</span><br /><a href='http://www.elizamagri.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.elizamagri.com</a>";
coordsArtiste[6]="<span style='font-weight:bold;'>Isabelle Rince</span><br /><a href='http://www.peintre-rince.odexpo.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.peintre-rince.odexpo.com</a><br /><a href='mailto:isrince@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>isrince@gmail.com</a>";
coordsArtiste[7]="<span style='font-weight:bold;'>Jérôme Bouchez</span><br /><a href='http://www.jerome-bouchez.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.jerome-bouchez.com</a>";
coordsArtiste[8]="<span style='font-weight:bold;'>Paule Millara</span><br /><a href='mailto:paule.millara@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>paule.millara@orange.fr</a>";
coordsArtiste[9]="<span style='font-weight:bold;'>Dashan Yang</span><br /><a href='mailto:dashan.2a@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>dashan.2a@gmail.com</a>";
coordsArtiste[10]="<span style='font-weight:bold;'>Altone Mishino</span><br /><a href='http://www.mishino.artists.de' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.artists.de</a><br /><a href='http://www.mishino.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.com</a><br /><a href='http://www.artmajeur.com/mishinonews' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.artmajeur.com/mishinonews</a><br><a href='http://www.kazoart.com/artiste-contemporain/26-altone-mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.kazoart.com</a><br><a href='http://www.saatchiart.com/altone.mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.saatchiart.com</a>";
coordsArtiste[11]="<span style='font-weight:bold;'>Macha Pandellé</span><br /><a href='http://grafima.ucoz.net/' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>grafima.ucoz.net</a>";
coordsArtiste[12]="<span style='font-weight:bold;'>Milan Atanaskovic</span><br /><a href='http://www.oart.tv' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.oart.tv</a><br /><a href='mailto:milan@artchannel.info' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>milan@artchannel.info</a>";
coordsArtiste[13]="<span style='font-weight:bold;'>Lahouari Mansouri dit Wari</span><br /><a href='mailto:wariraiband@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>wariraiband@wanadoo.fr</a>";
coordsArtiste[14]="<span style='font-weight:bold;'>Anne Mauban, alias Anna</span><br /><a href='mailto:bernard.mauban@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>bernard.mauban@orange.fr</a>";
coordsArtiste[15]="<span style='font-weight:bold;'>Mitou Alalinarde</span><br /><a href='mailto:a.mitou@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>a.mitou@orange.fr</a>";
coordsArtiste[16]="<span style='font-weight:bold;'>Nicolas de Ferran</span><br /><a href='http://www.facebook.com/pages/Le-Tiroir-Jaune/104858274036' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Facebook : Le tiroir jaune</a><br /><a href='mailto:nicolas.def@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>nicolas.def@gmail.com</a>";
coordsArtiste[17]="<span style='font-weight:bold;'>Claudine Sabatier</span><br /><a href='http://lessabatier.fr/claudine' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>lessabatier.fr/claudine/</a><br /><a href='mailto:claudine.lessabatier@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>claudine.lessabatier@orange.fr</a>"; 
coordsArtiste[18]="<span style='font-weight:bold;'><span style='color:#cc3300;'>Cliquez</span> sur la photo de</span><br /><span style='font-weight:bold;'>votre choix pour afficher </span><br /><span style='font-weight:bold;'>les informations.</span>";
coordsArtiste[19]="<span style='font-weight:bold;'>Arnaud de l'Estourbeillion</span><br /><a href='mailto:arnauddelestourbeillon@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>arnauddelestourbeillon<br />@wanadoo.fr</a>";
coordsArtiste[20]="<span style='font-weight:bold;'>François Gibault</span><br /><a href='http://fgibault.free.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>fgibault.free.fr</a>";
coordsArtiste[21]="<span style='font-weight:bold;'>Françoise Delecroix</span><br /><a href='mailto:francoise.delecroix@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>francoise.delecroix@gmail.com</a>";
/*
ajouter un nouvel artiste
attention coordsArtiste[], mettre dans les crochet le n° qui suit le dernier du tableau existant ci-dessus
à ajouter au tableau :
coordsArtiste[...]="<span style='font-weight:bold;'>... Nom de l'artiste</span><br /><a href='http://www.chemin du site de l'artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>... nom du site de l'artiste</a><br /><a href='mailto:... adresse mail de l'artiste' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Adresse mail de l'artiste</a>";
s'il n'y a pas de site web on supprime
"<a href='http://www.chemin du site de l'artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>... nom du site de l'artiste</a><br />"
sortir coordsArtiste[]=" ... </a>";
et coller derrière le tableau ci-dessus
*/
function init(){
document.getElementById("affichage").style.visibility="visible";
document.getElementById("affichage").innerHTML=coordsArtiste[18];
}
function afficher(obj){
document.getElementById("affichage").style.visibility="visible";
document.getElementById("affichage").innerHTML=coordsArtiste[obj];
}
/* ci-après pour l'image à l'ouverture de la page */
function initSurvol(obj){
document.getElementById("survol").src="images/interstices/interstices4.jpg";
}
/* page interstices */
/* pour ajouter une image, calculer une image soit sur une hauteur de 520px (pour les images hautes) -ou- une largeur de 500px (pour les images larges) et la centrer sur un fond noir de 520 px x 500 px, optimiser en jpg pour le web et l'enrégistrer au nom de interstices9.jpg, interstices10.jpg et ainsi de suite*/
/* ajouter à la liste ci-dessous la ligne
monTableau[8] = "images/interstices/interstices9.jpg";
monTableau[9] = "images/interstices/interstices10.jpg";
et ainsi de suite */
var monTableau= new Array();
monTableau[0] = "images/interstices/interstices1.jpg";
monTableau[1] = "images/interstices/interstices2.jpg";
monTableau[2] = "images/interstices/interstices3.jpg";
monTableau[3] = "images/interstices/interstices4.jpg";
monTableau[4] = "images/interstices/interstices5.jpg";
monTableau[5] = "images/interstices/interstices6.jpg";
monTableau[6] = "images/interstices/interstices7.jpg";
monTableau[7] = "images/interstices/interstices8.jpg";
function text_over(obj){
document.getElementById("survol").src=monTableau[obj];
}
/* page partenaires */
/* les initiés comprendront */
var monPartenaire=new Array();
monPartenaire[0] = "images/logoSceauxNoir.png";
monPartenaire[1] = "images/logoSceauxNoir_over.png";
monPartenaire[2] = "images/oArt.png";
monPartenaire[3] = "images/oArt_over.png";
function initPart(){
document.getElementById("p1").style.visibility="visible";
document.getElementById("p1").src="images/logoSceauxNoir.png";
}
function initPart1(){
document.getElementById("p2").style.visibility="visible";
document.getElementById("p2").src="images/oArt.png";
}
function showLogo(){
document.getElementById("p1").style.visibility="visible";
document.getElementById("p1").src="images/logoSceauxNoir_over.png";
}
function showLogo1(obj){
document.getElementById("p2").style.visibility="visible";
document.getElementById("p2").src="images/oArt_over.png";
}

6081
javascript/prototype.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

8
javascript/script.js Normal file
View File

@@ -0,0 +1,8 @@
$(document).ready(function(){
$(".diaporama").diaporama({
animationSpeed: 1500,
delay:1.5
});
});

68
javascript/scriptaculous.js Normal file
View File

@@ -0,0 +1,68 @@
// script.aculo.us scriptaculous.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010
// Copyright (c) 2005-2010 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
// For details, see the script.aculo.us web site: http://script.aculo.us/
var Scriptaculous = {
Version: '1.9.0',
require: function(libraryName) {
try{
// inserting via DOM fails in Safari 2.0, so brute force approach
document.write('<script type="text/javascript" src="'+libraryName+'"><\/script>');
} catch(e) {
// for xhtml+xml served content, fall back to DOM methods
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = libraryName;
document.getElementsByTagName('head')[0].appendChild(script);
}
},
REQUIRED_PROTOTYPE: '1.6.0.3',
load: function() {
function convertVersionString(versionString) {
var v = versionString.replace(/_.*|\./g, '');
v = parseInt(v + '0'.times(4-v.length));
return versionString.indexOf('_') > -1 ? v-1 : v;
}
if((typeof Prototype=='undefined') ||
(typeof Element == 'undefined') ||
(typeof Element.Methods=='undefined') ||
(convertVersionString(Prototype.Version) <
convertVersionString(Scriptaculous.REQUIRED_PROTOTYPE)))
throw("script.aculo.us requires the Prototype JavaScript framework >= " +
Scriptaculous.REQUIRED_PROTOTYPE);
var js = /scriptaculous\.js(\?.*)?$/;
$$('script[src]').findAll(function(s) {
return s.src.match(js);
}).each(function(s) {
var path = s.src.replace(js, ''),
includes = s.src.match(/\?.*load=([a-z,]*)/);
(includes ? includes[1] : 'builder,effects,dragdrop,controls,slider,sound').split(',').each(
function(include) { Scriptaculous.require(path+include+'.js') });
});
}
};
Scriptaculous.load();

123
javascript/tools.js Normal file
View File

@@ -0,0 +1,123 @@
var coordsArtiste=new Array();
coordsArtiste[0]="<span style='font-weight:bold;font-size:11px;'>Malgorzata (Margot) Montenoise</span><br /><a href='http://montenoisemargot.ultra-book.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>montenoisemargot.ultra-book.com</a><br /><a href='mailto:margot.montenoise@gmail.com' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>margot.montenoise@gmail.com</a>";
coordsArtiste[1]="<span style='font-weight:bold;'>Christophe Bogdan</span><br /><a href='mailto:kbogdan@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>kbogdan@wanadoo.fr</a>";
coordsArtiste[2]="<span style='font-weight:bold;'>Macha Krivokapic</span><br /><a href='mailto:machak91@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>machak91@yahoo.fr</a>";
coordsArtiste[3]="<span style='font-weight:bold;'>Vincent Pandellé</span><br /><a href='http://www.passionphotographique.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>passionphotographique.com</a><br /><a href='mailto:pandellv@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>pandellv@yahoo.fr</a>";
coordsArtiste[4]="<span style='font-weight:bold;'>Jean José Baranes</span><br /><a href='http://www.jeanjosebaranes.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjosebaranes.com</a><br /><a href='mailto:jeanjose.baranes@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjose.baranes@orange.fr</a>";
coordsArtiste[5]="<span style='font-weight:bold;'>Eliza Magri</span><br /><a href='http://www.elizamagri.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.elizamagri.com</a>";
coordsArtiste[6]="<span style='font-weight:bold;'>LABB Laurence Anne Beauvallet Bost</span><br/><a href='http://laurencebost.weebly.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>http://laurencebost.weebly.com</a><br /><a href='http://onzedixieme.weebly.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>http://onzedixieme.weebly.com</a>";
coordsArtiste[7]="<span style='font-weight:bold;'>Jérôme Bouchez</span><br /><a href='http://www.jerome-bouchez.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.jerome-bouchez.com</a>";
coordsArtiste[8]="<span style='font-weight:bold;'>Paule Millara</span><br /><a href='mailto:paule.millara@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>paule.millara@orange.fr</a>";
coordsArtiste[9]="<span style='font-weight:bold;'>Dashan Yang</span><br /><a href='mailto:dashan.2a@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>dashan.2a@gmail.com</a>";
coordsArtiste[10]="<span style='font-weight:bold;'>Altone Mishino</span><br /><a href='http://www.mishino.artists.de' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.artists.de</a><br /><a href='http://www.mishino.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.com</a><br /><a href='http://www.artmajeur.com/mishinonews' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.artmajeur.com/mishinonews</a><br><a href='http://www.kazoart.com/artiste-contemporain/26-altone-mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.kazoart.com</a><br><a href='http://www.saatchiart.com/altone.mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.saatchiart.com</a>";
coordsArtiste[11]="<span style='font-weight:bold;'>Macha Pandellé</span><br /><a href='http://grafima.ucoz.net/' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>grafima.ucoz.net</a>";
coordsArtiste[12]="<span style='font-weight:bold;'>Milan Atanaskovic</span><br /><a href='http://www.oart.tv' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.oart.tv</a><br /><a href='mailto:milanatanas@yahoo.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>milanatanas@yahoo.com</a>";
coordsArtiste[13]="<span style='font-weight:bold;'>Lahouari Mansouri dit Wari</span><br /><a href='mailto:wariraiband@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>wariraiband@wanadoo.fr</a>";
coordsArtiste[14]="<span style='font-weight:bold;'>Anne Mauban, alias Anna</span><br /><a href='mailto:bernard.mauban@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>bernard.mauban@orange.fr</a>";
coordsArtiste[15]="<span style='font-weight:bold;'>Mitou Alalinarde</span><br /><a href='mailto:a.mitou@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>a.mitou@orange.fr</a>";
// coordsArtiste[16]="<span style='font-weight:bold;'>Nicolas de Ferran</span><br /><a href='http://www.facebook.com/pages/Le-Tiroir-Jaune/104858274036' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Facebook : Le tiroir jaune</a><br /><a href='mailto:nicolas.def@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>nicolas.def@gmail.com</a>";
coordsArtiste[17]="<span style='font-weight:bold;'>Claudine Sabatier</span><br /><a href='http://lessabatier.fr/claudine' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>lessabatier.fr/claudine/</a><br /><a href='mailto:claudine.lessabatier@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>claudine.lessabatier@orange.fr</a>";
coordsArtiste[18]="<span style='font-weight:bold;'><span style='color:#cc3300;'>Cliquez</span> sur la photo de</span><br /><span style='font-weight:bold;'>votre choix pour afficher </span><br /><span style='font-weight:bold;'>les informations.</span>";
coordsArtiste[19]="<span style='font-weight:bold;'>Arnaud de l'Estourbeillion</span><br /><a href='mailto:arnauddelestourbeillon@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>arnauddelestourbeillon<br />@wanadoo.fr</a>";
coordsArtiste[20]="<span style='font-weight:bold;'>Lin Lei</span><br /><a href='leilin.sculpture@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>leilin.sculpture@gmail.com</a>";
coordsArtiste[21]="<span style='font-weight:bold;'>Françoise Delecroix</span><br /><a href='http://www.francoise-delecroix.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoise-delecroix.fr</a><br /><a href='mailto:francoise.delecroix@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>francoise.delecroix@gmail.com</a>";
coordsArtiste[22]="<span style='font-weight:bold;'>Arnaud Laval</span><br /><a href='http://www.arnaudlaval.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.arnaudlaval.fr</a>";
coordsArtiste[23]="<span style='font-weight:bold;'>Françoise Miquelis</span><br /><a href='https://francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoisemiquelis.com</a><br /><a href='mailto:contact@francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>contact@francoisemiquelis.com</a>";
coordsArtiste[24]="<span style='font-weight:bold;'>Ilan Parienté</span><br /><a href='https://ilanpariente1.wixsite.com/artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://ilanpariente1.wixsite.com/artiste</a><br /><a href='https://www.instagram.com/ilan_pariente/?hl=fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://www.instagram.com/ilan_pariente/?hl=fr</a>";
/*
ajouter un nouvel artiste
attention coordsArtiste[], mettre dans les crochet le n° qui suit le dernier du tableau existant ci-dessus
à ajouter au tableau :
coordsArtiste[...]="<span style='font-weight:bold;'>... Nom de l'artiste</span><br /><a href='http://www.chemin du site de l'artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>... nom du site de l'artiste</a><br /><a href='mailto:... adresse mail de l'artiste' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Adresse mail de l'artiste</a>";
s'il n'y a pas de site web on supprime
"<a href='http://www.chemin du site de l'artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>... nom du site de l'artiste</a><br />"
sortir coordsArtiste[]=" ... </a>";
et coller derrière le tableau ci-dessus
*/
function init(){
document.getElementById("affichage").style.visibility="visible";
document.getElementById("affichage").innerHTML=coordsArtiste[18];
}
function afficher(obj){
document.getElementById("affichage").style.visibility="visible";
document.getElementById("affichage").innerHTML=coordsArtiste[obj];
}
/* ci-après pour l'image à l'ouverture de la page */
function initSurvol(obj = 0){
document.getElementById("survol").src="images/interstices/interstices" + obj + ".jpg";
}
/* page interstices */
/* pour ajouter une image, calculer une image soit sur une hauteur de 520px (pour les images hautes) -ou- une largeur de 500px (pour les images larges) et la centrer sur un fond noir de 520 px x 500 px, optimiser en jpg pour le web et l'enrégistrer au nom de interstices9.jpg, interstices10.jpg et ainsi de suite*/
/* ajouter à la liste ci-dessous la ligne
monTableau[8] = "images/interstices/interstices9.jpg";
monTableau[9] = "images/interstices/interstices10.jpg";
et ainsi de suite */
var monTableau= new Array();
monTableau[0] = "images/interstices/interstices1.jpg";
monTableau[1] = "images/interstices/interstices1.jpg";
monTableau[2] = "images/interstices/interstices2.jpg";
monTableau[3] = "images/interstices/interstices3.jpg";
monTableau[4] = "images/interstices/interstices4.jpg";
monTableau[5] = "images/interstices/interstices5.jpg";
monTableau[6] = "images/interstices/interstices6.jpg";
monTableau[7] = "images/interstices/interstices7.jpg";
function text_over(obj){
document.getElementById("survol").src=monTableau[obj];
}
/* page partenaires */
/* les initiés comprendront */
var monPartenaire=new Array();
monPartenaire[0] = "images/logoSceauxNoir.png";
monPartenaire[1] = "images/logoSceauxNoir_over.png";
monPartenaire[2] = "images/oArt.png";
monPartenaire[3] = "images/oArt_over.png";
function initPart(){
document.getElementById("p1").style.visibility="visible";
document.getElementById("p1").src="images/logoSceauxNoir.png";
}
function initPart1(){
document.getElementById("p2").style.visibility="visible";
document.getElementById("p2").src="images/oArt.png";
}
function showLogo(){
document.getElementById("p1").style.visibility="visible";
document.getElementById("p1").src="images/logoSceauxNoir_over.png";
}
function showLogo1(obj){
document.getElementById("p2").style.visibility="visible";
document.getElementById("p2").src="images/oArt_over.png";
}