Javascrpt
Fermé
ouilibona
Messages postés
9
Date d'inscription
vendredi 29 août 2014
Statut
Membre
Dernière intervention
7 décembre 2014
-
7 sept. 2014 à 21:37
Bonsoir les ami(es), je fais un javascript sur ma page jsp , sa march mais j'ai trouver le code trop basique , j'aimerais contrôler les espaces le numero de telephone et l'adresse email ,je sais pas si quelqu'un peut m'aider ou en m'envoyon sur un site de javascript ou un tuto.
Mon deuxieme problemes j ai un javascript AJAX sa marche seulment sur le tableau que j'ai créer j'aimerais a ce que si u, utilisateur click sur le lien de UPDATE l AJAX charge le formulaire de modification sur la meme page , si quequ'un peut m'aide pour mes deux problemes MERCI d'avance et voici le code.
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="https://www.oracle.com/java/technologies/" prefix="c"%>
<%@ taglib uri="https://www.oracle.com/java/technologies/" prefix="fmt"%>
<!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/style.css">
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.20.min.js" type="text/javascript"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function () {
//$('tr:even').addClass('fondalternatif');
$('tr:even').css('background-color', '#EFF3FB');
$('tr:odd').css('background-color', '#FFFFFF');
$('tr').hover(function () {
$(this).css('background-color', 'silver');
},
function () {
$('tr:even').css('background-color', '#EFF3FB');
$('tr:odd').css('background-color', '#999999');
});
$.ajaxSetup({ cache: false });
$(".editDialog").click(function (e) {
e.preventDefault();
var url = $(this).attr('href');
$("#details").dialog({
title: '',
autoOpen: false,
resizable: false,
height: 500,
width: 500,
show: { effect: 'drop', direction: "up" },
modal: true,
draggable: true,
open: function (event, ui) {
$(this).load(url);
},
close: function (event, ui) {
$(this).dialog('close');
}
});
$("#details").dialog('open');
return false;
});
});
</script>
<script type="text/javascript">
function verif_champ()
{
if(document.frmAddUser.nom.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.nom.focus();
return false;
}
if(document.frmAddUser.prenom.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.prenom.focus();
return false;
}
if(document.frmAddUser.adresse.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.adresse.focus();
return false;
}
if(document.frmAddUser.telephone.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.telephone.focus();
return false;
}
if(document.frmAddUser.email.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!")
document.frmAddUser.email.focus();
return false;
}
}
</script>
</head>
<body>
<form method="POST" action='FournisseurController' name="frmAddUser" onSubmit="return verif_champ()">
<label>Numero fournisseur :</label> <input type="text" readonly="readonly" name="idfournisseur"
value="<c:out value="${fournisseur.idfournisseur}" />" /> <br />
<label>Nom :</label> <input type="text" name="nom"
value="<c:out value="${fournisseur.nom}" />" /> <br />
<label>Prenom :</label> <input
type="text" name="prenom"
value="<c:out value="${fournisseur.prenom}" />" /> <br />
<label>Adresse :</label> <input
type="text" name="adresse"
value="<c:out value="${fournisseur.adresse}" />" /> <br />
<label>Telephone :</label> <input
type="text" name="telephone"
value="<c:out value="${fournisseur.telephone}" />" /> <br />
<label>Email :</label> <input
type="text" name="email"
value="<c:out value="${fournisseur.email}" />" /> <br />
<input type="submit" value="Submit" />
</form>
<table border=1>
<thead>
<tr>
<th>Numero fournisseur</th>
<th>Nom</th>
<th>Prenom</th>
<th>Adresse</th>
<th>Telephone</th>
<th>Email</th>
<th colspan=2>Action</th>
</tr>
</thead>
<tbody>
<c:forEach items="${fournisseurs}" var="fournisseur">
<tr>
<td><c:out value="${fournisseur.idfournisseur}" /></td>
<td><c:out value="${fournisseur.nom}" /></td>
<td><c:out value="${fournisseur.prenom}" /></td>
<td><c:out value="${fournisseur.adresse}" /></td>
<td><c:out value="${fournisseur.telephone}" /></td>
<td><c:out value="${fournisseur.email}" /></td>
<td><a href="FournisseurController?action=edit&Idfournisseur=<c:out value="${fournisseur.idfournisseur}"/>">Update</a></td>
<td><a href="FournisseurController?action=delete&Idfournisseur=<c:out value="${fournisseur.idfournisseur}"/>">Delete</a></td>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>
Mon deuxieme problemes j ai un javascript AJAX sa marche seulment sur le tableau que j'ai créer j'aimerais a ce que si u, utilisateur click sur le lien de UPDATE l AJAX charge le formulaire de modification sur la meme page , si quequ'un peut m'aide pour mes deux problemes MERCI d'avance et voici le code.
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="https://www.oracle.com/java/technologies/" prefix="c"%>
<%@ taglib uri="https://www.oracle.com/java/technologies/" prefix="fmt"%>
<!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/style.css">
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.20.min.js" type="text/javascript"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(document).ready(function () {
//$('tr:even').addClass('fondalternatif');
$('tr:even').css('background-color', '#EFF3FB');
$('tr:odd').css('background-color', '#FFFFFF');
$('tr').hover(function () {
$(this).css('background-color', 'silver');
},
function () {
$('tr:even').css('background-color', '#EFF3FB');
$('tr:odd').css('background-color', '#999999');
});
$.ajaxSetup({ cache: false });
$(".editDialog").click(function (e) {
e.preventDefault();
var url = $(this).attr('href');
$("#details").dialog({
title: '',
autoOpen: false,
resizable: false,
height: 500,
width: 500,
show: { effect: 'drop', direction: "up" },
modal: true,
draggable: true,
open: function (event, ui) {
$(this).load(url);
},
close: function (event, ui) {
$(this).dialog('close');
}
});
$("#details").dialog('open');
return false;
});
});
</script>
<script type="text/javascript">
function verif_champ()
{
if(document.frmAddUser.nom.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.nom.focus();
return false;
}
if(document.frmAddUser.prenom.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.prenom.focus();
return false;
}
if(document.frmAddUser.adresse.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.adresse.focus();
return false;
}
if(document.frmAddUser.telephone.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!");
document.frmAddUser.telephone.focus();
return false;
}
if(document.frmAddUser.email.value=="")
{
alert("Le Champ Est Obligatoire Merci !!!")
document.frmAddUser.email.focus();
return false;
}
}
</script>
</head>
<body>
<form method="POST" action='FournisseurController' name="frmAddUser" onSubmit="return verif_champ()">
<label>Numero fournisseur :</label> <input type="text" readonly="readonly" name="idfournisseur"
value="<c:out value="${fournisseur.idfournisseur}" />" /> <br />
<label>Nom :</label> <input type="text" name="nom"
value="<c:out value="${fournisseur.nom}" />" /> <br />
<label>Prenom :</label> <input
type="text" name="prenom"
value="<c:out value="${fournisseur.prenom}" />" /> <br />
<label>Adresse :</label> <input
type="text" name="adresse"
value="<c:out value="${fournisseur.adresse}" />" /> <br />
<label>Telephone :</label> <input
type="text" name="telephone"
value="<c:out value="${fournisseur.telephone}" />" /> <br />
<label>Email :</label> <input
type="text" name="email"
value="<c:out value="${fournisseur.email}" />" /> <br />
<input type="submit" value="Submit" />
</form>
<table border=1>
<thead>
<tr>
<th>Numero fournisseur</th>
<th>Nom</th>
<th>Prenom</th>
<th>Adresse</th>
<th>Telephone</th>
<th>Email</th>
<th colspan=2>Action</th>
</tr>
</thead>
<tbody>
<c:forEach items="${fournisseurs}" var="fournisseur">
<tr>
<td><c:out value="${fournisseur.idfournisseur}" /></td>
<td><c:out value="${fournisseur.nom}" /></td>
<td><c:out value="${fournisseur.prenom}" /></td>
<td><c:out value="${fournisseur.adresse}" /></td>
<td><c:out value="${fournisseur.telephone}" /></td>
<td><c:out value="${fournisseur.email}" /></td>
<td><a href="FournisseurController?action=edit&Idfournisseur=<c:out value="${fournisseur.idfournisseur}"/>">Update</a></td>
<td><a href="FournisseurController?action=delete&Idfournisseur=<c:out value="${fournisseur.idfournisseur}"/>">Delete</a></td>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>