Code : Tout sélectionner
var Site {
title: function () {
new Tips($$('[title]'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 300, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
showDelay: 200,
hideDelay: 200,
fixed: true
});
}
}Code : Tout sélectionner
.tool-tip {
color: #fff;
z-index: 13000;
background: transparent url("../Image/TitleBkg.png") 0 0 repeat;
}
.tool-title {
display: none;
}
.tool-text {
font-size: 80%;
margin: .5em 1em;
padding: 0 0 0 25px;
background: transparent url("../Image/Title.png") 0 50% no-repeat;
}.var SFX = {
start: function () {
var anchors = document.getElementsByTagName("a");
var j = 0;
// loop through all anchor tags
for(var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if(anchor.getAttribute("rel") == "smooth_anchors"){
j++;
anchor.href = '#smooth_'+j;
}
}
new SmoothScroll({transition: Fx.Transitions.Quad.easeOut});
// on definit nbr à vide pour definir tout les id suffixer à smooth_[+QQchose]
var nbr = '';
if($('smooth_'+nbr)) {
Site.navAppear();
}
},
navAppear: function () {
var topStart = -4;
var topNormal = 0;
var navblock = $('body');
var fx = new Fx.Style(navblock, 'smooth_top',
{wait: false,
unit: 'em',
duration: 400,
transition: Fx.Transitions.Quint.easeOut}
);
navblock.setStyle('top', topStart + 'em');
fx.start(topNormal);
},
Bubble1: function () {
new Tips($$('acronym a span.info span.info2'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
className: 'bubble_notitle',
maxTitleChars: 150
});
},
Bubble2: function () {
new Tips($$('a.JS_screenshoot'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
maxTitleChars: 150
});
}
}
window.addEvent('domready', SFX.start);
Code : Tout sélectionner
<div class="bubble_notitle-tip" style="position: absolute; top: 0pt; left: 0pt; visibility: hidden; opacity: 0;">
<div/> // noter ici le default sur div !!!! au lieu d'avoir div bubble_notitle-titre en hidden et bubble_notitle-text
</div>
<div class="tool-tip" style="position: absolute; top: 401px; left: 417px; visibility: hidden; opacity: 0;">
<div>
<div class="tool-title">
<span>Chapitre 1</span>
</div>
<div class="tool-text">
<span>Derrière le pseudonyme</span>
</div>
</div>
</div>var SFX = {
start: function () {
var anchors = document.getElementsByTagName("a");
var j = 0;
/* loop through all anchor tags */
for(var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if(anchor.getAttribute("rel") == "smooth_anchors"){
j++;
anchor.href = '#smooth_'+j;
}
}
new SmoothScroll({transition: Fx.Transitions.Quad.easeOut});
/*XXXXXXXXXX execution des divers fonctions appeler XXXXXXXXXX*/
/* on definit nbr à vide pour definir tout les id suffixer à smooth_[+QQchose] */
var nbr = '';
if($('smooth_'+nbr)) {
SFX.navAppear();
}
if($$('acronym a.info a.info2 #aide #info #font_size_less #font_size_more #mailto #alternate_stylesheet')) {
SFX.bubble1();
}
if($$('a.JS_bubble')) {
SFX.bubble2();
}
},
navAppear: function () {
var topStart = -4;
var topNormal = 0;
var navblock = $('body');
var fx = new Fx.Style(navblock, 'smooth_top',
{wait: false,
unit: 'em',
duration: 600,
transition: Fx.Transitions.Quint.easeOut}
);
navblock.setStyle('top', topStart + 'em');
fx.start(topNormal);
},
bubble1: function () {
new Tips($$('acronym a.info a.info2 #aide #info #font_size_less #font_size_more #mailto #alternate_stylesheet'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
className: 'bubble_notitle',
maxTitleChars: 150,
showDelay: 200,
hideDelay: 200,
fixed: true
});
},
bubble2: function () {
new Tips($$('a.JS_bubble'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
maxTitleChars: 150,
showDelay: 200,
hideDelay: 200,
fixed: true
});
}
}
window.addEvent('domready', SFX.start);
Code : Tout sélectionner
var SFX = {
start: function () {
/**
* definition de tout liens contenant l'attribut rel=="smooth_anchors"
* avec un nouvelle Href d'ancre suffixer via #smooth_
*/
var anchors = document.getElementsByTagName("a");
var j = 0;
for(var i=0; i<anchors.length; i++){
var anchor = anchors[i];
if(anchor.getAttribute("rel") == "smooth_anchors"){
j++;
anchor.href = '#smooth_'+j;
}
}
/*instanciation de SmoothScroll*/
new SmoothScroll({transition: Fx.Transitions.Quad.easeOut});
/* on definit nbr à vide pour definir tout les id suffixer à smooth_[+QQchose] */
var nbr = '';
if($('smooth_'+nbr)) {
SFX.navAppear();
}
if($$('acronym', '#menu_horizontal a', '#footer a', '#go_top a', 'span.info', 'span.info2', 'input.bouton_form')) {
SFX.bubble1();
}
if($$('a.JS_bubble', 'a.lien_externe')) {
SFX.bubble2();
}
},
navAppear: function () {
var topStart = -4;
var topNormal = 0;
var navblock = $('body'); /*body est mon haut de page*/
var fx = new Fx.Style(navblock, 'smooth_top',
{wait: false,
unit: 'em',
duration: 500,
transition: Fx.Transitions.Quint.easeOut}
);
navblock.setStyle('smooth_top', topStart + 'em');
fx.start(topNormal);
},
bubble1: function () {
new Tips($$('.JS_bubble_notitle', '#JS_bubble_notitle', 'acronym', '#menu_horizontal a', '#footer a', '#go_top a', 'span.info', 'span.info2', 'input.bouton_form'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
className: 'bubble_notitle',
maxTitleChars: 150,
});
},
bubble2: function () {
new Tips($$('.JS_bubble', '#JS_bubble', 'a.lien_externe'), {
initialize: function () {
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},
maxTitleChars: 150,
});
}
}
window.addEvent('domready', SFX.start);