Rechercher : dans
Par :

Barre de progression genial pb de compatibili

Dernière réponse le 5 mai 2009 à 19:28:27 caty, le 19 sep 2006 à 20:40:54 
 Signaler ce message aux modérateurs

J'ai trouvé un script genial de barre de progression compatible IE et NS mais ne marche pas sous firefox/mozilla. Comment faire?
Merci pour la réponse

Voisi le script :

entre les balise head :

<!-- DEBUT DU SCRIPT -->
<!-- SCRIPT TROUVE SUR WEBJS -->
<style>
<!--
#bar, #fondbar{
position:absolute;
left:0;
top:0;
background-color:006699;
}

#fondbar{
background-color:black;
}

-->
</style>
<SCRIPT language="JavaScript1.2">
var duration=5
function postaction(){
window.location="adresse de redirection automatique"
}

/// FIN DE LA CONFIGURATION - NE PAS EDITER LE RESTE ! //
var clipright=0
var widthIE=0
var widthNS=0

function initializebar(){
if (document.all){
baranchor.style.visibility="visible"
widthIE=bar.style.pixelWidth
startIE=setInterval("increaseIE()",50)
}
if (document.layers){
widthNS=document.baranchorNS.document.fondbarNS.clip.width
document.baranchorNS.document.barNS.clip.right=0
document.baranchorNS.visibility="show"

startNS=setInterval("increaseNS()",50)
}
}

function increaseIE(){
bar.style.clip="rect(0 "+clipright+" auto 0)"
window.status="Loading..."
if (clipright<widthIE)
clipright=clipright+(widthIE/(duration*20))
else{
window.status=''
clearInterval(startIE)
postaction()
}
}

function increaseNS(){
if (clipright<202){
window.status="Loading..."
document.baranchorNS.document.barNS.clip.right=clipright
clipright=clipright+(widthNS/(duration*20))
}
else{
window.status=''
clearInterval(startNS)
postaction()
}
}


window.onload=initializebar
</SCRIPT>
<!-- FIN DU SCRIPT -->

entre les balises body :

<!-- DEBUT DU SCRIPT -->
<!-- SCRIPT TROUVE SUR WEBJS -->
<SCRIPT language="JavaScript1.2">
if (document.all){
document.write('<div id="baranchor" style="position:relative;width:200px;height:20px;visibility:hidden;">')
document.write('<div id="fondbar" style="width:200px;height:20px;z-index:9"></div>')
document.write('<div id="bar" style="width:200px;height:20px;z-index:10"></div>')
document.write('</div>')
}


</SCRIPT>
<ilayer name="baranchorNS" visibility="hide" width=200 height=20> </p>
<layer name="fondbarNS" bgcolor="black" width=200 height=20 z-index="10" left="0" top="0">
</layer>
<layer name="barNS" bgcolor="#006699" width=200 height=20 z-index="11" left="0" top="0">
</layer>
</ilayer>
<!-- FIN DU SCRIPT -->

Meilleures réponses pour « barre de progression genial pb de compatibili » dans :
Windows 7 : Connaitre la compatibilité avec mes logiciels VoirRendez-vous à cette adresse : Centre de compatibilté Microsoft Notez le nom du produit dans "recherchez un produit" (Nero dans notre exemple), puis validez "OK". Le résultat est on ne peut plus clair : Répétez l'opération pour...
Supprimer les barres d'outils (toolbars) indésirables VoirAvec le temps et les téléchargements de programmes un peu douteux, votre navigateur se retrouve envahi de barres d'outils indésirables et vous ne savez pas quoi faire pour vous en débarrasser ? Voici quelques manipulations simples qui vous aideront...
Windows 7 : Retrouver une barre de lancement rapide VoirEn complément de cette astuce : Une barre des tâches façon XP/Vista Sous Windows 7, il est possible de retrouver aussi la barre de lancement rapide,et qui aura pour avantage aussi ,d'éviter que les icônes de programmes "épinglés" ne se...
Windows 7 - Barre des tâches et menu démarrer VoirLA BARRE DES TACHES ET LE MENU DEMARRER Cet élément clé du Bureau de Windows est situé en bas de l’écran, sur toute sa largeur. C’est l’un des aspects du système qui a le plus évolué entre Windows Vista et Windows 7. Pour commencer, elle est plus...
Génie logiciel VoirGénie logiciel Le terme génie logiciel (en anglais software engineering) désigne l'ensemble des méthodes, des techniques et outils concourant à la production d'un logiciel, au-delà de la seule activité de programmation. Le choix du terme « génie »...

1

Lust, le 20 sep 2006 à 09:27:44

Tiens, voila bcp plus simple qui marche sur Mozilla 5 et Internet explorer 6 testé par moi.... voila le code complet de la page avec bcp plus de rigueur dans le code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
	#Cadre{
	position:absolute;
	left:10px;
	top:50px;
	width:500px;
	height:20px;
	border:1px navy solid;
	background-color:#F3F3F3;
	}
	#Progress{
	position:absolute;
	left:10px;
	top:50px;
	width:0px;
	height:20px;
	background-color:#FF6699;
	border-left:1px navy solid;
	border-bottom:1px navy solid;
	border-top:1px navy solid;
	}
</style>

<script type="text/javascript">

var incremProgress = 10;
var progressWith=0;
var urlRedirect = "http://www.e-rus.net/";

function startProgress()
{
	progressWith = progressWith + incremProgress;
	if( progressWith  < 500)
		document.getElementById("Progress").style.width = progressWith + "px";
	else
	{
		document.getElementById("Progress").style.width = "500px";
		window.location = urlRedirect;
	}
}

setInterval("startProgress()",50);
</script>

<title>Progress Barre</title>

</head>

<body>

<script type="text/javascript">
document.write("Vous allez être redirigé dans un instant vers cette url : " + urlRedirect)
</script>

	<div id="Cadre"></div>
	<div id="Progress" ></div>
	
</body>
</html>


A toi de tester sur Netscape... moi j'ai pas

Répondre à Lust

6

 cypher, le 5 mai 2009 à 19:28:27

Salut !
ton code fonctionne presque nickel : mais il manque l'arrêt de la barre de progression : clearInterval(...).
->comme "setInterval(...)" continue pendant qu'on charge la page, si on réduit l'intervalle, le navigateur n'a plus le temps de charger la page...

donc voilà le même code (merci Lust) un peu renforcé !

---------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html"/>
<style type="text/css">
#Cadre{
position:absolute;
left:10px;
top:50px;
width:500px;
height:20px;
border:1px navy solid;
background-color:#F3F3F3;
}
#Progress{
position:absolute;
left:10px;
top:50px;
width:0px;
height:20px;
background-color:#FF6699;
border-left:1px navy solid;
border-bottom:1px navy solid;
border-top:1px navy solid;
}
</style>

<script type="text/javascript">

var incremProgress = 100;
var progressWith=0;
var urlRedirect = "http://www.google.fr/";

function startProgress()
{
progressWith = progressWith + incremProgress;
if( progressWith < 500)
document.getElementById("Progress").style.width = progressWith + "px";
else
{
document.getElementById("Progress").style.width = "500px";
clearInterval(idSetInterval);
window.location = urlRedirect;
}
}

idSetInterval = setInterval("startProgress()",100);
</script>

<title>Progress Barre</title>

</head>

<body>

<script type="text/javascript">
document.write("Vous allez être redirigé dans un instant vers cette url : " + urlRedirect)
</script>

<div id="Cadre"></div>
<div id="Progress" ></div>

</body>
</html>

---------------------------------------------------------------------

Répondre à cypher

2

catycath, le 20 sep 2006 à 10:46:24

MErci Lust pour ton aide ! mais ca ne marche pas sur IE. J'ai collé entierment ton code ton mon editeur internet. Il me redirige effectivement mais je ne vois pas la barre. En plus de ca faut que j'utilise cette barre sous une feuille PHP car faut que le code passe...

Répondre à catycath

3

Lust, le 20 sep 2006 à 13:54:59

??? moi ca fonctionne tres bien sur IE... le 6. La source est ici :

http://www.e-rus.net/tutodivers/tuto.aspx?tuto=33

et ca marche sur ie 6, netscape 7, mozilla 5 quand il s'agit d'un fichier html en utf-8, parce que je sais que j'ai eu des pb d'interprétation avec ca.

Répondre à Lust

4

catycath, le 20 sep 2006 à 14:13:53

Merci !! ca marche

Répondre à catycath

5

ch'ti, le 15 mar 2008 à 02:27:47

Sa marche niquel merci a toi ;)

Répondre à ch'ti