Réponse acceptée !
Bonsoir,
Tu peux très bien mettre ton script javascript dans le head de ta page, comme pour une page .htm, ou appeler de cet endroit une page de script .js.De la même manière que tu peux mettre des contrôles html dans une page asp, tu peux coller du javascript.
L'asp est "traduit" en html pour que la page générée puisse être lue par un navigateur : il rend donc des contrôles html. Par exemple, un label asp sera en fait rendu comme du texte dans un <span>. Il faudra donc changer son texte avec innerHTML. Un textbox asp, qui a une propriété text, sera rendu comme un input textbox html, et aura donc en javascript une propriété value à la place, etc.
D'autre part, l'id du contrôle asp peut être changé dans la page produite, par exemple si tu as des contrôles dans un contentplaceholder, ou si tu as un contrôle de liste. Tu dois donc vérifier dans la source html de ta page, dans le navigateur, le nom de tes contrôles, si tu veux les récupérer à l'aide de l'id.
En général toutefois, dans les cas les plus simples, l'id que tu as donné en asp est conservé dans le rendu html (nb. cet id "client" est accessible en asp à l'aide de ClientID : il est donc possible en principe d'écrire ton code javascript dans un literal en tenant compte de ce clientID. Mais c'est souvent inutile).
Ci-dessous un exemple avec un label et un button dont le texte est changé quand on clique sur le bouton (je ne donne que le head et le body).
Note qu'il s'agit d'un button html, qui ne génère pas de postback, contrairement au button asp. (Sur un button asp, tu peux utiliser onclientclick, plutôt que onclick, mais il y aura toujours postback, et il faut alors l'empêcher (puisque c'est ce que tu cherches en l'occurrence). Pour les autres contrôles asp, comme textbox, tu auras des avertissements si tu ajoute un événement javascript dans les propriétés. En principe, la page tourne quand même : mais tu peux le faire plus "proprement" en ajoutant l'événement javascript sur ce contrôle, par exemple, à l'aide de attributes.add dans ton code behind).
<head runat="server">
<title>Page sans titre</title>
<script type="text/javascript">
function nuitjour(b)
{
var l=document.getElementById("Label1");
l.innerHTML=b.value
if (b.value=="Bonsoir")
{
b.value="Bonjour"
}
else
{
b.value="Bonsoir"
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Bonjour"></asp:Label><br />
<input id="Button1"
type="button" onclick="nuitjour(this)" value="Bonsoir" />
</div>
</form>
</body>
Bon courage pour la suite...
GGtry