en utilisant javascript avec les contrôles serveur

Question

J'essaie d'utiliser javascript avec les contrôles serveur.

But
Pour rendre mon panneau visible sur l'événement mouseover de zone de texte (contrôle asp)

zones Problème
nouveau à javascript et asp.net.
obtenir des erreurs javascript au moment de l'exécution
est allé à travers toutes les solutions possibles à partir de différents forums, mais pas en mesure de les personnaliser en conséquence.

Le code fonctionne sur ce contrôle ASP.NET

<asp:TextBox ID="TextBox1" runat="server" 
     ontextchanged="TextBox1_TextChanged" 
     onmouseover="enablepanel()" 
     Width="76px" 
     Text="--SELECT--"> 
</asp:TextBox> 

Essayé ces scripts

function enablepanel(sender, target) { 
    document.getElementById(target).removeAttribute("disabled"); 
} 

function enablepanel() { 
    var id = $get("<%=Panel1.ClientID %>"); 
    if (id != null) id.disabled = false; 
    $get("#<%= ButtonSave.ClientID%>").removeAttr("disabled"); 
    var controls = document.getElementById("<%=Panel1.ClientID%>"); 
    controls.disabled = false; 
} 

function enablepanel() { 
    document.getElementById(div1).disabled = "false"; 
} 

Son ne fonctionne pas.

Demande
si possible essayer de le rendre simple comme nous appelons des fonctions en html lorsque nous utilisons javascript sinon aller simplement avec la solution.

Answer 1

Dans vos commentaires, vous faites référence à l'activation/à la désactivation de vos panneaux, mais dans votre configuration, vous spécifiez que le panneau doit être visible/invisible.

Le javascript pour faire ce qui suit ressemblerait à ceci:

function enablePanel() { 
    document.getElementById('div1').style.visibility = 'visible'; //visibility OR 
    document.getElementById('div1').disabled = false;    //enabled 
} 
function disablePanel() { 
    document.getElementById('div1').style.visibility = 'hidden'; //invisible OR 
    document.getElementById('div1').disabled = true;    //disabled  
} 

Pour votre textboxes côté serveur, vous pouvez brancher les clientevents dans la section Page_Load de votre code:

//Page Load 
TextBox1.attributes.add("onmouseover","enablePanel()") 
TextBox1.attributes.add("onmouseout","disablePanel()")