Problème avec un boutton en javascript
w&w&w&w
Messages postés
3
Statut
Membre
-
w&w&w&w Messages postés 3 Statut Membre -
w&w&w&w Messages postés 3 Statut Membre -
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..
A voir également:
- Problème avec un boutton en javascript
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Windows
- A javaScript error occurred in the main process - Forum Handicap / Accessibilté
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
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