/****************************************************************************
* $RCSfile: CrewClass.js,v $ (part of AirProx website $Name: $)
* --------------------------------------------------------------------------
* Description: Javascript Progress Call exemple
* --------------------------------------------------------------------------
* $Id: CrewClass.js,v 1.3 2003/03/10 01:10:47 mauco Exp $
*
* (c) AirProx.org & Mauco.net
*****************************************************************************/
/***************************Exemple utilisation******************************
Placez entre les balises les styles css et les routines externes:
Placez entre les balises et les lignes suivantes:
******************************************************************************/
/* Debut de la classe AxCrewBar
* Les noms utilisés par les scripts sont définis ici
*/
function AxCrewBar() {
this.divId='axcrew_div'; //non du calque ou sera affiché la barre
this.imageId='axcrew_bar'; // id de l'image de la barre
this.preId='axcrew_pre'; // id du champ servant à stocker le message 'pre'
this.postId='axcrew_post'; // id du champ servant à stocker le message 'pre'
this.formId='axcrew_form'; // id du formulaire
//Un calcul sur divId est plus compatible que sur le preID
//TODO voir quels navigateurs supportent la propriété width sur champ input
this.width=AxCrewBar.GetWidth(this.preId);
this.current=1;
this.autoStep=10;
this.interval=0;
this.autoFunction='';
}
AxCrewBar.prototype.Progress = function(messagePre, messagePost, step) {
/* Cette fonction gere 3 affichages:
- une barre de progression crew_progress_bar
- un champ signalant la fin d'une etape crew_post
- un champ signalant le debut d'une etape crew_pre
Exemple de session:
->CrewProgress('message1 (pre)','message2 (post)',1/6);
affiche 'message1 (pre)' dans crew_pre
affiche 'message2 (pre' dans crew_post
affiche 1/6 de la barre de progression.
->si step=0 : l'affichage ne modifie pas la barre
->si step=-1: l'affichage au complet est caché
*/
if(step>=0){
// cas général on calcule la longueur de barre à afficher
this.current = step * this.width;
}else if(step<0){
// on ne met pas à jour this.current;
}
if(this.current>this.width){
self.clearInterval(this.interval);
this.Hide();
}else{ //cas general affichage champs et barre
document[this.formId][this.preId].value = messagePre;
document[this.formId][this.postId].value = messagePost;
this.Show();
}
}
/* Cache le calque de la barre */
AxCrewBar.prototype.Hide = function() {
var styl=AxCrewBar.GetStyle(this.divId);
if(styl.visibility) styl.visibility='hidden';
}
/* Affiche le calque de la barre */
AxCrewBar.prototype.Show = function() {
var styl=AxCrewBar.GetStyle(this.divId);
if(styl.visibility) styl.visibility='visible';
document.images[this.imageId].width=this.current;
};
/* Cette fonction gere une avancee automatique de la barre de progression */
/* la progression se fait en duration secondes */
AxCrewBar.prototype.AutoProgress = function(duration) {
// Si appel avec deux arguments, on définit la fonction de setInterval
if(arguments.length==2){
this.autoFunction=arguments[1];
}
if(duration>=0){
this.autoStep=this.width/duration;
this.current=1-this.autoStep;
this.interval=self.setInterval(this.autoFunction,1000);
}
this.current+=this.autoStep;
if(this.current>this.width){
self.clearInterval(this.interval);
this.Hide();
}else if (this.current>0){
this.Show();
}
}
AxCrewBar.GetStyle = function(id) {
if ((g=MM_findObj(id))!=null) {d=(document.layers)? g:g.style; return d;}else{return;}
}
AxCrewBar.GetWidth = function(id) {
return P7_getHW('width',id)
}