Aller au contenu

AspNet & Javascript : Exemple Textbox AspNet , Déclenchement de javascript coté client

 

HTML (avec object TexBox Aspnet)  il faut ajouter l’attribut onchange avec le nom de la fonction JS qui va être déclenché

La fonction OnTextChanged se déclenche coté serveur

<div Style="display:inline;margin-right:50px;margin-top:50px">CI <asp:TextBox ID="TXT_CI" class="JsPOurri" runat="server" OnTextChanged="TXT_CI_TextChanged" onchange="msg('MainContent_TXT_CI');" ></asp:TextBox></div>

 <div Style="display:inline-block;margin-right:50px"> MACHINE<asp:TextBox ID="TXT_MACHINE" class="JsPOurri" runat="server" Style="display:inline-block" OnTextChanged="TXT_MACHINEChanged" onchange="msg('MainContent_TXT_MACHINE');"></asp:TextBox></div>

 <div Style="display:inline-block;margin-right:50px"> SW<asp:TextBox ID="TXT_SW" runat="server" class="JsPOurri" Style="display:inline-block" OnTextChanged="TXT_SW_TextChanged" onchange="msg('MainContent_TXT_SW');"></asp:TextBox></div>

Exemple afin de Clear le contenu de TextBox lorsque que l’on change le contenu de l’une d’elle

(en manipulant les id)

function msg(idParam) {
 alert("test");
 if (idParam == "MainContent_TXT_CI")
 {
 document.getElementById("MainContent_TXT_MACHINE").value = "";
 document.getElementById("MainContent_TXT_SW").value = "";
 }

if (idParam == "MainContent_TXT_MACHINE")
 {
 document.getElementById("MainContent_TXT_CI").value = "";
 document.getElementById("MainContent_TXT_SW").value = "";
 }
 if (idParam == "MainContent_TXT_SW") {
 document.getElementById("MainContent_TXT_CI").value = "";
 document.getElementById("MainContent_TXT_MACHINE").value = "";
 }
 }

ou autre facon (en manipulant les class):

 function msg(idParam) {
 
 var Variable = document.getElementsByClassName("JsPOurri");
 
 var i = 0;
 for (i = 0; i < Variable.length; i++)
 {
 
 if (Variable[i].id != idParam) 
 {
 Variable[i].value = "";
 }
 }
 
 }

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *