Barre de progression

**yousfi.z** · 14/12/2006, 11h24

Bonjour à tous,

dans une page web j'ai un bouton.
Apres avoir cliquer dessus,une opération est lancée. Cette opération peut prendre une dizaine de minutes.
J'aimerai afficher un message ou une barre de progression qui indique que l'opération est en cours.
Est ce que quelqu'un a une solution un peu détaillée?

Merci d'avance pour vos aides.

**Jabbal'H** · 14/12/2006, 12h20

bah un javascript qui lance la page jsp en arrière plan, ta jsp lui envois l'info quand elle a finis le traitement. Donc sur le retour d'info tu lance une fonction javascript qui stoppe la barre ou efface le message.

**c_nvy** · 14/12/2006, 12h37

Jette un oeil à cette discussion qui traite déjà du sujet.

**yousfi.z** · 14/12/2006, 14h39

J'ai essayé la proposition de c_nvy. (image animéé)
Mais j'ai un problème lorsque je clique sur le bouton l'image n'apparait pas (il ya juste une croix rouge.
Voici ma page jsp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout"%>
<html:html>
<HEAD>
<script>
  function showGif() 
  { 
  document.getElementById("gif").style.visibility="visible"; 
  }
function Valoriser()
{
 
var frm=document.forms.item(1);
 
frm.BUTTON_ACTION.value ='INSERT';
 
frm.submit();
}
</script>
 
 
 
</HEAD>
<BODY>
 
<layout:form action="/operationACT" styleClass="FORM" width="100%">
 
	<layout:text key="" mode="N,H,R" property="BUTTON_ACTION" />
	<layout:text key="" mode="N,H,R" property="CODOPE" />
 
 <layout:row>
<div id="gif" style="visibility: hidden;">   
<img src="ajax-loader.gif" width="100" height="30">
</div>
</layout:row>
<layout:row>
<layout:button onclick="showGif();Valoriser();" style="width: 100px;" property="upd">   
		Valoriser
    </layout:button> 
</layout:row> 
</layout:form>
</BODY>
</html:html>

**c_nvy** · 14/12/2006, 14h45

Essaie en utilisant le tag layout:img comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<layout:img src="ajax-loader.gif" width="100" height="30">

ceci suppose que ajax-loader.gif est sous WEB-INF.

**yousfi.z** · 14/12/2006, 15h02

J'ai l'erreur balise inconnue pour layout:img

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<layout:img src="ajax-loader.gif" width="100" height="30" >
 
</layout:img>

Barre de progression

Développement Web en Java

Vue hybride

Discussions similaires

Partager

Partager