Problème avec un boutton en javascript
Bonjour,
j'ai un problème avec javascript.j'ai un formulaire contenant deux combo boxs.Le premier combo box contient une liste.L'utilisateur va donc selectionner un élément de cette liste.Et en cliquant sur un boutton l'élément sélectionné doit être ajouté à l'autre combo box,et ainsi de suite...Le problème c'est qu'en cliquant sur le boutton l'élément est ajouté mais la page est chargée de nouveau.Et je ne comprends pas pourquoi. Voici le code du boutton et la fonction qui lui est associée.J'espère que vous m'aidiez..
j'ai un problème avec javascript.j'ai un formulaire contenant deux combo boxs.Le premier combo box contient une liste.L'utilisateur va donc selectionner un élément de cette liste.Et en cliquant sur un boutton l'élément sélectionné doit être ajouté à l'autre combo box,et ainsi de suite...Le problème c'est qu'en cliquant sur le boutton l'élément est ajouté mais la page est chargée de nouveau.Et je ne comprends pas pourquoi. Voici le code du boutton et la fonction qui lui est associée.J'espère que vous m'aidiez..
Configuration: Windows XP Internet Explorer 6.0
2 réponses
-
il manque le code :)
-
Merci de m'avoir répondu
voici le code:
<%@page import="annexe.*,java.util.*,org.jdom.*" %>
<jsp:useBean id="x" class="project.GroupBean" />
<jsp:setProperty name="x" property="*" />
<%GroupBean g=new GroupBean();
Vector v=new Vector();
SaxAnalyse sx=new SaxAnalyse(false,g,v);
sx.analyse();
sx.sortVOs();
%>
<head>
<script>
function obj(select){
this.select=select;
}
var objS=new obj(null);
var objD=new obj(null);
function addToSelectedList(comboS,comboD,j,obj)
{
if(obj.select!=null){
var newoption=document.createElement('<option>');
document.getElementById(comboD).options.add(newoption);
newoption.innerText=obj.select.text;
effacer(comboS,j,obj);
}
}
function effacer(combo,j,obj)
{
document.getElementById(combo).remove(j);
obj.select=null;
}
function comboChange(combo,obj){
obj.select=document.getElementById(combo).options[document.getElementById(combo).options.selectedIndex];
}
</script>
<%@page import="annexe.*,java.util.*,org.jdom.*" %>
<jsp:useBean id="x" class="project.GroupBean" />
<jsp:setProperty name="x" property="*" />
<%GroupBean g=new GroupBean();
Vector v=new Vector();
SaxAnalyse sx=new SaxAnalyse(false,g,v);
sx.analyse();
sx.sortVOs();
%>
<head>
<script>
function obj(select){
this.select=select;
}
var objS=new obj(null);
var objD=new obj(null);
function addToSelectedList(comboS,comboD,j,obj)
{
if(obj.select!=null){
var newoption=document.createElement('<option>');
document.getElementById(comboD).options.add(newoption);
newoption.innerText=obj.select.text;
effacer(comboS,j,obj);
}
}
function effacer(combo,j,obj)
{
document.getElementById(combo).remove(j);
obj.select=null;
}
function comboChange(combo,obj){
obj.select=document.getElementById(combo).options[document.getElementById(combo).options.selectedIndex];
}
</script>
</head>
<body bgcolor="#C0C0C0" >
<form name="myForm" action="wajdi.jsp" method="POST">
<select id="listOfOs" width="100" multiple="true" size="8" onChange="comboChange('listOfOs',objS)">
<%for (int i=0;i<sx.getVOs().size();i++) {%>
<option><%=sx.getVOs().elementAt(i)%></option>
<% } %>
</select></p>
<input type="image" border="0" src="affectation_fichiers/image001.gif" name="I55" width="22" height="22" onClick="addToSelectedList('listOfOs','SelectedOs',document.getElementById('listOfOs').options.selectedIndex,objS)"> <input type="image" border="0" src="affectation_fichiers/image002.gif" name="I51" width="23" height="24" onClick="addToSelectedList('SelectedOs','listOfOs',document.getElementById('SelectedOs').options.selectedIndex,objD)" >
<select id="SelectedOs" name="os" size="7" onChange="comboChange('SelectedOs',objD);" >
</select> </p>
<%List l=g.getListOfGroups();
Iterator it=l.iterator();%>
<select size="1" name="group">
<%while (it.hasNext()) {
Element courant=(Element)it.next();%>
<option><%=courant.getText()%></option>
<% } %>
</select></p>
<input type="submit" value="Envoyer" name="B1">
<input type="reset" value="Rétablir" name="B2"></p>
</body>
</html>
Et Merci
-
-
tu dois avoir un submit() quelque part ;)
