affichage et disparition rapide de ma div ?

Version imprimable

04/06/2009, 10h34
chapy

affichage et disparition rapide de ma div ?
bonjour
je veux afficher un simple DIV avec un simple javascrit,
mon problème c'est que l'affichage de mon bloque DIV est en fraction de seconde et ensuite il disparait !!!
je vois pas ou se trouve mon problème

mon code javascript
Code:

1 2 3 4 function autreformation() { document.getElementById('affiche').style.display = 'block'; }
ma DIV
Code:

1 2 3 4 5 <h:commandLink value="#{msg.user37}" onclick="autreformation();"/> <div id="affiche" style="display:none"> BLABLABLA (pour info g une balise <h:panelgrid> là dedans )
Quelqu'un peut m'aider
Merci
04/06/2009, 10h49
franculo_caoulene

Salut,

Peux-tu poster un code html/javascript complet, mais réduit au maximum de façon à n'illustrer que ton problème. Sans aucun code de langage serveur.

Ça nous aiderait à t'aider. Tu ne nous donnes pas assez d'information dans ton message.
04/06/2009, 11h07
le_chomeur

a mon humble avis , tu click sur un lien qui :

affiche ta div, puis pointe sur le lien ...

voici toute ma page jsp implémenté en JSF (on sait rien )
merci pour votre aide

Code:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
 
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>Saisissez vos données</title>
</head>
<body bgcolor="F4FDFF">
<f:view>
<h:form >
<f:loadBundle basename="properties.JsfMessages" var="msg"/>
	<h3><h:outputText value="#{msg.user30}"/></h3>
 
<table height="100%" align="center">
 
	<tr height="80%">
	<td >
 <h:panelGrid columns="2" align="center" bgcolor="F4FDFF"> 
 
 		<h:outputText value="#{msg.user31}" />
		<h:inputText value="#{diplome.DATDIP}" />
 
		<h:outputText value="#{msg.user32}" />
		<h:inputText value="#{diplome.PLOMCD}" />
 
		<h:outputText value="#{msg.user33}" />
		<h:inputText value="#{diplome.DTBG00}" />
 
		<h:outputText value="#{msg.user34}" />
		<h:inputText value="#{diplome.IDSHCO}" />
 
		<h:outputText value="#{msg.user35} " />
		<h:inputText value="#{diplome.IDECOL}" />
 
		<h:outputText value="#{msg.user36}" />
		<h:inputText value="#{diplome.TXCOMM}" />
 
 </h:panelGrid> 
 
 
<h:commandLink value="#{msg.user37}"  onclick="autreformation();"/>
  <div id="affiche"  style="display:none">
	<h:panelGrid columns="2" align="center" bgcolor="F4FDFF"> 
 
 		<h:outputText value="#{msg.user31}" />
		<h:inputText value="#{diplome.DATDIP}" />
 
		<h:outputText value="#{msg.user32}" />
		<h:inputText value="#{diplome.PLOMCD}" />
 
		<h:outputText value="#{msg.user33}" />
		<h:inputText value="#{diplome.DTBG00}" />
 
		<h:outputText value="#{msg.user34}" />
		<h:inputText value="#{diplome.IDSHCO}" />
 
		<h:outputText value="#{msg.user35} " />
		<h:inputText value="#{diplome.IDECOL}" />
 
		<h:outputText value="#{msg.user36}" />
		<h:inputText value="#{diplome.TXCOMM}" />
 
 </h:panelGrid>  		
</div>
</td>
</tr>
 
<tr height="20%" >
 
<td align="left" width="450px%">
 
 <h:commandLink value="#{msg.previous}" action="precedent3" />
 </td>
 <td align="right" width="450px">
 <h:commandLink value="#{msg.next}" action="#{recup.doRecupBean3}" />
 
</td>
</tr>
</table>
 
	</h:form>
</f:view>
 
</body>
 
<script type="text/javascript">
    function autreformation() {    
         document.getElementById('affiche').style.display = 'block';
    }
 
 
</script>
</html>

04/06/2009, 11h09
le_chomeur

on te demande le code Généré ! pas le code source :)

dsl

Code:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
 
<script type="text/javascript"><!--
 
 
	function oamSetHiddenInput(formname, name, value)
	{
		var form = document.forms[formname];
		if(typeof form.elements[name]=='undefined')
		{
			var newInput = document.createElement('input');
			newInput.setAttribute('type','hidden');
			newInput.setAttribute('name',name);
			newInput.setAttribute('value',value);
			form.appendChild(newInput);
		}
		else
		{
			form.elements[name].value=value;
		}
 
	}
 
 
	function oamClearHiddenInput(formname, name, value)
	{
		var form = document.forms[formname];
		if(typeof form.elements[name]!='undefined')
		{
			form.elements[name].value=null;
		}
 
	}
 
	function oamSubmitForm(formName, linkId, target, params)
	{
 
		var clearFn = 'clearFormHiddenParams_'+formName.replace(/-/g, '\$:').replace(/:/g,'_');
		if(typeof eval('window.'+clearFn)!='undefined')
		{
			eval('window.'+clearFn+'(formName)');
		}
 
		var oldTarget = '';
		if((typeof target!='undefined') && target != null)
		{
			oldTarget=document.forms[formName].target;
			document.forms[formName].target=target;
		}
		if((typeof params!='undefined') && params != null)
		{
			for(var i=0; i<params.length; i++)
			{
				oamSetHiddenInput(formName,params[i][0], params[i][1]);
			}
 
		}
 
		oamSetHiddenInput(formName,formName +':'+'_idcl',linkId);
 
		if(document.forms[formName].onsubmit)
		{
			var result=document.forms[formName].onsubmit();
			if((typeof result=='undefined')||result)
			{
				document.forms[formName].submit();
			}
 
		}
		else 
		{
			document.forms[formName].submit();
		}
		if(oldTarget==null) oldTarget='';
		document.forms[formName].target=oldTarget;
		if((typeof params!='undefined') && params != null)
		{
			for(var i=0; i<params.length; i++)
			{
				oamClearHiddenInput(formName,params[i][0], params[i][1]);
			}
 
		}
 
		oamClearHiddenInput(formName,formName +':'+'_idcl',linkId);return false;
	}
 
 
//--></script><a href="#" onclick="autreexperience();;return oamSubmitForm('_idJsp0','_idJsp0:_idJsp17');" id="_idJsp0:_idJsp17">Autre expérience</a>
 <div id="affiche"  style="display:none">
 
<a href="#" onclick="annulexperience();;return oamSubmitForm('_idJsp0','_idJsp0:_idJsp18');" id="_idJsp0:_idJsp18">Annulé expérience</a>
 <div id="annule"  style="display:block">
 
<table align="center"><tbody><tr><td>Date début </td><td><input id="_idJsp0:_idJsp21" name="_idJsp0:_idJsp21" type="text" value="" /></td></tr>
<tr><td>Date fin </td><td><input id="_idJsp0:_idJsp23" name="_idJsp0:_idJsp23" type="text" value="" /></td></tr>
<tr><td>Société</td><td><input id="_idJsp0:_idJsp25" name="_idJsp0:_idJsp25" type="text" value="" /></td></tr>
<tr><td>Poste</td><td><input id="_idJsp0:_idJsp27" name="_idJsp0:_idJsp27" type="text" value="" /></td></tr>
<tr><td>Secteur d'activité</td><td><input id="_idJsp0:_idJsp29" name="_idJsp0:_idJsp29" type="text" value="" /></td></tr>
<tr><td>Description poste occupé </td><td><input id="_idJsp0:_idJsp31" name="_idJsp0:_idJsp31" type="text" value="" /></td></tr>
<tr><td>Code pays </td><td><input id="_idJsp0:_idJsp33" name="_idJsp0:_idJsp33" type="text" value="" /></td></tr>
</tbody></table>	
 
	 </div>
    </td>
</tr>
 
 
 
<tr height="20%">
 
<td align="left" width="450px"> 
 
		<a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp34');" id="_idJsp0:_idJsp34">Précedent</a>
 
		</td>
 <td align="right" width="450px">
        <a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp35');" id="_idJsp0:_idJsp35">Suivant</a>
 
       </td>
</tr>
</table> 
 
 
 
 
	<input type="hidden" name="_idJsp0_SUBMIT" value="1" /><input type="hidden" name="_idJsp0:_link_hidden_" /><input type="hidden" name="_idJsp0:_idcl" /><script type="text/javascript"><!--
 
	function clear__5FidJsp0()
	{
		clearFormHiddenParams__idJsp0('_idJsp0');
	}
 
	function clearFormHiddenParams__idJsp0(currFormName)
	{
		var f = document.forms['_idJsp0'];
		f.elements['_idJsp0:_link_hidden_'].value='';
		f.elements['_idJsp0:_idcl'].value='';
		f.target='';
	}
 
	clearFormHiddenParams__idJsp0();
//--></script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="rO0YYYYYY" /></form>
 
<!-- MYFACES JAVASCRIPT -->
 
</body>
 
<script type="text/javascript">
 
 
    function autreexperience() {
         document.getElementById("affiche").style.display = "block";
    }
 
</script>
 
</html>

04/06/2009, 11h42
le_chomeur

Code:

<a href="#" onclick="autreexperience();;return oamSubmitForm('_idJsp0','_idJsp0:_idJsp17');" ...

ta méthode oamSubmitForm(..), doit surement retourner true ...

il faut donc que tu vire cette méthode d'ici ...
04/06/2009, 11h43
franculo_caoulene

Citation:

Envoyé par franculo_caoulene

Salut,

Peux-tu poster un code html/javascript complet, mais réduit au maximum de façon à n'illustrer que ton problème. Sans aucun code de langage serveur.

Ça nous aiderait à t'aider. Tu ne nous donnes pas assez d'information dans ton message.

De plus, où est la fonction autreformation qui est censée poser problème?
04/06/2009, 11h49
le_chomeur

elle a été transformé au passage en autreexperience-) :calim2:

je n'ai rien dis mais ça a le dont d'agacer ...

:lol:
mais nn
en faite j'ai 2 formulaires qui font le même truc
un pour autre formation et lotre pour autre expérience

voici le code qui me casse la tête et qui affiche en fraction de seconde mon <h:panelgrid>

Code:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<form id="_idJsp0" name="_idJsp0" method="post" action="/kk/faces/jsf/content/inscriptionUser3.jsp" enctype="application/x-www-form-urlencoded">
 
	<h3>Formations</h3>
 
<table height="100%" align="center">
 
	<tr height="80%">
	<td >
 <table align="center" bgcolor="F4FDFF"><tbody><tr><td>Date début</td><td><input id="_idJsp0:_idJsp4" name="_idJsp0:_idJsp4" type="text" value="" /></td></tr>
<tr><td>Date fin</td><td><input id="_idJsp0:_idJsp6" name="_idJsp0:_idJsp6" type="text" value="" /></td></tr>
<tr><td>Diplôme</td><td><input id="_idJsp0:_idJsp8" name="_idJsp0:_idJsp8" type="text" value="" /></td></tr>
<tr><td>Nom établissement</td><td><input id="_idJsp0:_idJsp10" name="_idJsp0:_idJsp10" type="text" value="" /></td></tr>
<tr><td>Type établissement </td><td><input id="_idJsp0:_idJsp12" name="_idJsp0:_idJsp12" type="text" value="" /></td></tr>
<tr><td>Détail diplôme</td><td><input id="_idJsp0:_idJsp14" name="_idJsp0:_idJsp14" type="text" value="" /></td></tr>
</tbody></table> 
 
 
<script type="text/javascript"><!--
 
 
	function oamSetHiddenInput(formname, name, value)
	{
		var form = document.forms[formname];
		if(typeof form.elements[name]=='undefined')
		{
			var newInput = document.createElement('input');
			newInput.setAttribute('type','hidden');
			newInput.setAttribute('name',name);
			newInput.setAttribute('value',value);
			form.appendChild(newInput);
		}
		else
		{
			form.elements[name].value=value;
		}
 
	}
 
 
	function oamClearHiddenInput(formname, name, value)
	{
		var form = document.forms[formname];
		if(typeof form.elements[name]!='undefined')
		{
			form.elements[name].value=null;
		}
 
	}
 
	function oamSubmitForm(formName, linkId, target, params)
	{
 
		var clearFn = 'clearFormHiddenParams_'+formName.replace(/-/g, '\$:').replace(/:/g,'_');
		if(typeof eval('window.'+clearFn)!='undefined')
		{
			eval('window.'+clearFn+'(formName)');
		}
 
		var oldTarget = '';
		if((typeof target!='undefined') && target != null)
		{
			oldTarget=document.forms[formName].target;
			document.forms[formName].target=target;
		}
		if((typeof params!='undefined') && params != null)
		{
			for(var i=0; i<params.length; i++)
			{
				oamSetHiddenInput(formName,params[i][0], params[i][1]);
			}
 
		}
 
		oamSetHiddenInput(formName,formName +':'+'_idcl',linkId);
 
		if(document.forms[formName].onsubmit)
		{
			var result=document.forms[formName].onsubmit();
			if((typeof result=='undefined')||result)
			{
				document.forms[formName].submit();
			}
 
		}
		else 
		{
			document.forms[formName].submit();
		}
		if(oldTarget==null) oldTarget='';
		document.forms[formName].target=oldTarget;
		if((typeof params!='undefined') && params != null)
		{
			for(var i=0; i<params.length; i++)
			{
				oamClearHiddenInput(formName,params[i][0], params[i][1]);
			}
 
		}
 
		oamClearHiddenInput(formName,formName +':'+'_idcl',linkId);return false;
	}
 
 
//--></script><a href="#" onclick="autreformation();;return oamSubmitForm('_idJsp0','_idJsp0:_idJsp15');" id="_idJsp0:_idJsp15">Autre formation</a>
  <div id="affiche"  style="display:none">
	<table align="center" bgcolor="F4FDFF"><tbody><tr><td>Date début</td><td><input id="_idJsp0:_idJsp18" name="_idJsp0:_idJsp18" type="text" value="" /></td></tr>
<tr><td>Date fin</td><td><input id="_idJsp0:_idJsp20" name="_idJsp0:_idJsp20" type="text" value="" /></td></tr>
<tr><td>Diplôme</td><td><input id="_idJsp0:_idJsp22" name="_idJsp0:_idJsp22" type="text" value="" /></td></tr>
<tr><td>Nom établissement</td><td><input id="_idJsp0:_idJsp24" name="_idJsp0:_idJsp24" type="text" value="" /></td></tr>
<tr><td>Type établissement </td><td><input id="_idJsp0:_idJsp26" name="_idJsp0:_idJsp26" type="text" value="" /></td></tr>
<tr><td>Détail diplôme</td><td><input id="_idJsp0:_idJsp28" name="_idJsp0:_idJsp28" type="text" value="" /></td></tr>
</tbody></table>  		
</div>
</td>
</tr>
 
<tr height="20%" >
 
<td align="left" width="450px%">
 
 <a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp29');" id="_idJsp0:_idJsp29">Précedent</a>
 </td>
 <td align="right" width="450px">
 <a href="#" onclick="return oamSubmitForm('_idJsp0','_idJsp0:_idJsp30');" id="_idJsp0:_idJsp30">Suivant</a>
 
</td>
</tr>
</table>
 
	<input type="hidden" name="_idJsp0_SUBMIT" value="1" /><input type="hidden" name="_idJsp0:_link_hidden_" /><input type="hidden" name="_idJsp0:_idcl" /><script type="text/javascript"><!--
 
	function clear__5FidJsp0()
	{
		clearFormHiddenParams__idJsp0('_idJsp0');
	}
 
	function clearFormHiddenParams__idJsp0(currFormName)
	{
		var f = document.forms['_idJsp0'];
		f.elements['_idJsp0:_link_hidden_'].value='';
		f.elements['_idJsp0:_idcl'].value='';
		f.target='';
	}
 
	clearFormHiddenParams__idJsp0();
//--></script><input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState" value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7kM5YnxBzKWwCAAB4cAAAAANzcgBHb3JnLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y3RDb21wb25lbnRGWRfYnEr2zwIABFsACV9jaGlsZHJlbnQASltMb3JnL2FwYWNoZS9teWZhY2VzL2FwcGxpY2F0aW9uL1RyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y3RDb21wb25lbnQ7TAAPX2NvbXBvbmVudENsYXNzdAASTGphdmEvbGFuZy9TdHJpbmc7TAAMX2NvbXBvbmVudElkcQB+AARbAAdfZmFjZXRzdAATW0xqYXZhL2xhbmcvT2JqZWN0O3hwdXIASltMb3JnLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y3RDb21wb25lbnQ7uqwnyBGFkKoCAAB4cAAAAAFzcQB+AAJ1cQB+AAcAAAAGc3EAfgACcHQAKWphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxPdXRwdXRUZXh0dAAHX2lkSnNwMXBzcQB+AAJ1cQB+AAcAAAAMc3EAfgACcHEAfgAMdAAHX2lkSnNwM3BzcQB+AAJwdAAoamF2YXguZmFjZXMuY29tcG9uZW50Lmh0bWwuSHRtbElucHV0VGV4dHQAB19pZEpzcDRwc3EAfgACcHEAfgAMdAAHX2lkSnNwNXBzcQB+AAJwcQB+ABN0AAdfaWRKc3A2cHNxAH4AAnBxAH4ADHQAB19pZEpzcDdwc3EAfgACcHEAfgATdAAHX2lkSnNwOHBzcQB+AAJwcQB+AAx0AAdfaWRKc3A5cHNxAH4AAnBxAH4AE3QACF9pZEpzcDEwcHNxAH4AAnBxAH4ADHQACF9pZEpzcDExcHNxAH4AAnBxAH4AE3QACF9pZEpzcDEycHNxAH4AAnBxAH4ADHQACF9pZEpzcDEzcHNxAH4AAnBxAH4AE3QACF9pZEpzcDE0cHQAKGphdmF4LmZhY2VzLmNvbXBvbmVudC5odG1sLkh0bWxQYW5lbEdyaWR0AAdfaWRKc3AycHNxAH4AAnB0ACpqYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sQ29tbWFuZExpbmt0AAhfaWRKc3AxNXBzcQB+AAJ1cQB+AAcAAAAMc3EAfgACcHEAfgAMdAAIX2lkSnNwMTdwc3EAfgACcHEAfgATdAAIX2lkSnNwMThwc3EAfgACcHEAfgAMdAAIX2lkSnNwMTlwc3EAfgACcHEAfgATdAAIX2lkSnNwMjBwc3EAfgACcHEAfgAMdAAIX2lkSnNwMjFwc3EAfgACcHEAfgATdAAIX2lkSnNwMjJwc3EAfgACcHEAfgAMdAAIX2lkSnNwMjNwc3EAfgACcHEAfgATdAAIX2lkSnNwMjRwc3EAfgACcHEAfgAMdAAIX2lkSnNwMjVwc3EAfgACcHEAfgATdAAIX2lkSnNwMjZwc3EAfgACcHEAfgAMdAAIX2lkSnNwMjdwc3EAfgACcHEAfgATdAAIX2lkSnNwMjhwcQB+ACl0AAhfaWRKc3AxNnBzcQB+AAJwcQB+ACx0AAhfaWRKc3AyOXBzcQB+AAJwcQB+ACx0AAhfaWRKc3AzMHB0ACNqYXZheC5mYWNlcy5jb21wb25lbnQuaHRtbC5IdG1sRm9ybXQAB19pZEpzcDBwdAAgamF2YXguZmFjZXMuY29tcG9uZW50LlVJVmlld1Jvb3RwcHVxAH4AAAAAAAN1cQB+AAAAAAAFdXEAfgAAAAAAB3BwcHBwcHBzcgAQamF2YS51dGlsLkxvY2FsZX74EWCcMPnsAgAESQAIaGFzaGNvZGVMAAdjb3VudHJ5cQB+AARMAAhsYW5ndWFnZXEAfgAETAAHdmFyaWFudHEAfgAEeHD/////dAAAdAACZnJxAH4AVXQACkhUTUxfQkFTSUN0ACEvanNmL2NvbnRlbnQvaW5zY3JpcHRpb25Vc2VyMy5qc3BzcgAOamF2YS5sYW5nLkxvbmc7i+SQzI8j3wIAAUoABXZhbHVleHIAEGphdmEubGFuZy5OdW1iZXKGrJUdC5TgiwIAAHhwAAAAAAAAAABwc3IAE2phdmEudXRpbC5BcnJheUxpc3R4gdIdmcdhnQMAAUkABHNpemV4cAAAAAF3BAAAAAF1cQB+AAAAAAADdXEAfgAAAAAAFnVxAH4AAAAAAAdxAH4ATnB0ABBqYXZheC5mYWNlcy5Gb3JtcQB+AE5zcgARamF2YS51dGlsLkhhc2hNYXAFB9rBwxZg0QMAAkYACmxvYWRGYWN0b3JJAAl0aHJlc2hvbGR4cD9AAAAAAAAMdwgAAAAQAAAAAnQADGZvcmNlSWRJbmRleHNyABFqYXZhLmxhbmcuQm9vbGVhbs0gcoDVnPruAgABWgAFdmFsdWV4cAF0ADJqYXZheC5mYWNlcy53ZWJhcHAuVUlDb21wb25lbnRUYWcuRk9STUVSX0NISUxEX0lEU3NyABFqYXZhLnV0aWwuSGFzaFNldLpEhZWWuLc0AwAAeHB3DAAAABA/QAAAAAAABnQACF9pZEpzcDE2dAAIX2lkSnNwMTV0AAhfaWRKc3AyOXQACF9pZEpzcDMwdAAHX2lkSnNwMnQAB19pZEpzcDF4eHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHNxAH4AXAAAAAZ3BAAAAAZ1cQB+AAAAAAADdXEAfgAAAAAABXVxAH4AAAAAAAN1cQB+AAAAAAAHcQB+AA1wdAAQamF2YXguZmFjZXMuVGV4dHQAD19pZEpzcDA6X2lkSnNwMXNxAH4AYj9AAAAAAAAMdwgAAAAQAAAAAXEAfgBkcQB+AGZ4cHNxAH4AYj9AAAAAAAABdwgAAAACAAAAAXQABXZhbHVlc3IAK2phdmF4LmZhY2VzLmNvbXBvbmVudC5fQXR0YWNoZWRTdGF0ZVdyYXBwZXJEq+ZAfdNPxAIAAkwABl9jbGFzc3QAEUxqYXZhL2xhbmcvQ2xhc3M7TAATX3dyYXBwZWRTdGF0ZU9iamVjdHQAEkxqYXZhL2xhbmcvT2JqZWN0O3hwdnIAJm9yZy5hcGFjaGUubXlmYWNlcy5lbC5WYWx1ZUJpbmRpbmdJbXBsAAAAAAAAAAAAAAB4cHQADSN7bXNnLnVzZXIzMH14cHBwcHBwcHB1cQB+AAAAAAADdXEAfgAAAAAAHXVxAH4AAAAAAAdxAH4AKnB0ABBqYXZheC5mYWNlcy5HcmlkdAAPX2lkSnNwMDpfaWRKc3Ayc3EAfgBiP0AAAAAAAAx3CAAAABAAAAADcQB+AGRxAH4AZnQABWFsaWdudAAGY2VudGVycQB+AGdzcQB+AGh3DAAAABA/QAAAAAAADHQAB19pZEpzcDh0AAdfaWRKc3A3dAAHX2lkSnNwNnQACF9pZEpzcDE0dAAHX2lkSnNwNXQAB19pZEpzcDl0AAhfaWRK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" /></form>
 
 
<!-- MYFACES JAVASCRIPT -->
 
</body>
 
<script type="text/javascript">
    function autreformation() {    
         document.getElementById('affiche').style.display = 'block';
    }
 
 
</script>
</html>

merci pour votre help

04/06/2009, 12h01
le_chomeur

:calim2:

j'abdique !!

déja essaye de comprendre les réponses données plus haut et ensuite tu pourras reposter un code si cela ne fonctionne toujours pas :)
04/06/2009, 12h10
chapy

c'est déjà fait, mon problème est le même
c bizar ...
04/06/2009, 12h11
Bovino

Code:

function oamSetHiddenInput(formname, name, value)

:calim2:
Tu as dans ta fonction un paramètre name qui se transforme en variable pour manipuler un attribut HTML name (ce qui n'est pas possible comme ça avec IE...)
04/06/2009, 12h43
chapy

peut etrev que je t'ai pas compris, peut tu m'expliquer ce que vous voulez dire ?
et pouquoi pas utiliser mon cas comme exemple !
merci d'avance

en faite mon problème est basé dans cette ligne

Code:

f.elements['test:_idcl'].value='';

de la function
Code:

1 2 3 4 5 6 7 function clearFormHiddenParams_test(currFormName) { var f = document.forms['test']; f.elements['test:_idcl'].value=''; f.elements['test:_link_hidden_'].value=''; f.target=''; }
quelqu'un peut m'aider

04/06/2009, 13h43
Bovino

Concernant ma première réponse, utiliser comme nom de paramètre, variable, fonction etc. des mots clés ou des mots réservés de JavaScript est très maladroit et peut amener à des erreurs.

Concernant ta dernière remarque, effectivement, : n'est pas autorisé comme caractère de nommage !
04/06/2009, 15h06
chapy

alors ce que je comprend c'est que ce truc n'est fesable.
alors comment je pourrai faire pareil ?? ou même afficher tant que je peut de div dans mon formulaire
04/06/2009, 15h37
Bovino

Si, il faut juste changer les noms des id et des name dans ta page ;)
04/06/2009, 15h56
le_chomeur

et surtout comprendre ce qu'on t'explique ...

je t'ai dis que ton code s'exécutait mais derrière ton lien s'activait et rafraichissait la page ( a cause de la 2 eme méthode qui renvoie true .... )

Maintenant si tu ne veux pas essayer de comprendre ...

merci pour vos réponses

g bien modifier ce que je peux :)
mais le truc ne fonctionne pas mais le la bonne nouvelle c que mon panel grid s'affiche et que lorsque j'ai ajouté un autre <h:form> pour cette DIV et lorsque je voudrai passer à la page suivante un petit "#" se colle à la fin de mon URL et une fois j'actualise ma page mon beau panelgrid se disparait de nouveau..
PS: juste pour info , j'utilise une page mère qui fait appel à cette page de formation avec la balise include "une remarque qui peux vous clairsir un peux mon problème"

je tiens à vous envoyer mon code jsp
Code:

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 <h:commandLink value="#{msg.user37}" onclick="autreformation();"/> <div id="affiche" style="display:none"> <h:form id="tata"> <h:panelGrid columns="2" align="center" bgcolor="F4FDFF"> <h:outputText value="#{msg.user31}" /> <h:inputText value="" /> <h:outputText value="#{msg.user32}" /> <h:inputText value="" /> <h:outputText value="#{msg.user33}" /> <h:inputText value="" /> <h:outputText value="#{msg.user34}" /> <h:inputText value="" /> <h:outputText value="#{msg.user35} " /> <h:inputText value="" /> <h:outputText value="#{msg.user36}" /> <h:inputText value=""/> </h:panelGrid> </h:form> </div> <script type="text/javascript"> function autreformation() { document.getElementById("tata:affiche").style.display = "block"; }
Merci pour votre help