Πρώτα Βήματα - Web Development

Απ: VS2003 - Enable a textbox when a checkbox is checked

Νατάσα Μανουσοπούλου — Mon, 28 May 2007 18:10:53 GMT

Το client ID του textbox που χρησιμοποιείς δεν είναι το ίδιο με το server ID, γιατί το client ID προκύπτει από συνδυασμό του server ID του control με το client ID του container του, που μπορεί να είναι user control κλπ. Στην πραγματικότητα δεν μπορείς να "προβλέψεις" μέσα στη Javascript ποιο θα είναι το client ID, οπότε πρέπει να το δίνεις στην enableTextBox() σαν παράμετρο:

function enableTextBox(checkBoxId, textBoxId)
{
    if (document.getElementById(checkBoxId).checked)
        document.getElementById(textBoxId).disabled=false;
    else
        document.getElementById(textBoxId).disabled=true;
}

και να δημιουργείς την κλήση στην enableTextBox έτσι:

CheckBox1.Attributes.Add( _
   "onClick", _
   string.Format("return enableTextBox({0}, {1});", CheckBox1.ClientID, TextBox1.ClientID))

Για να ελέγχεις τη Javascript που γράφεις, και να κάνεις script debugging, ένα πολύ χρήσιμο εργαλείο είναι το Firebug, το καλύτερο ίσως addon του Firefox.

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Mon, 28 May 2007 17:45:00 GMT

Δυστυχώς εξακολουθεί να μην δουλεύει....

Φοβάμαι ότι το λάθος είναι στην function που έχω φτιάξει....

function enableTextBox() {

if (window.document.getElementById("ot_orders_add:chkOtherDoc").checked){

window.document.getElementById("ot_orders_add:txtOtherDoc").disabled=false; }

else {

window.document.getElementById("ot_orders_add:txtOtherDoc").disabled=true; }

}

αλλά δεν μπορώ να εντοπίσω που ακριβώς....

όπου ot_orders_add είναι το όνομα του user control.

Απ: VS2003 - Enable a textbox when a checkbox is checked

tasos — Sat, 26 May 2007 00:08:21 GMT

Java-Script: Ο κώδικας σου χρειάζεται μία αλλαγή, αν το όνομα του control είναι MyWebUserControl και στην web φόρμα σου (.aspx αρχείο) του έχεις δώσει όνομα MyWebUserControl1 τότε όταν θέλεις να αναφερθείς από την JS (Javascript) σε κάτι που είναι μέσα στο MyWebUserControl1, πρέπει να γράψεις την πρώτη γραμμή και όχι την δεύτερη.

if (window.document.getElementById("MyWebUserControl1:chkOtherDoc").checked) { //Σωστό
if (window.document.getElementById("chkOtherDoc").checked) { //Λάθος

Αυτό πρέπει να το κάνεις σε κάθε αναφορά μέσα στον κώδικα της JS, άρα και για το txtOtherDoc.

VB: Όσο αφορά τη VB πρέπει να γράψεις τα εξής στην Page_Load συνάρτηση για να μπορεί να κληθεί ο κώδικας της JS. Το παρακάτω κομμάτι κώδικα πρέπει να εκτελεστεί όταν φορτώνει η σελίδα, ίσως πρέπει να βάλεις τις δύο γραμμές αυτές στην αρχή του κώδικα της συνάρτησης. Όλα αυτά μπαίνουν στο .ascx.vb αρχείο.

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
TxtOtherDoc.Attributes.Add("onKeyDown", "return limitText(this, 5);")
ChkOtherDoc.Attributes.Add("onClick", "return enableTextBox();")
End Sub

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Fri, 25 May 2007 23:40:42 GMT

Μπορείς να μου διευκρινήσεις αν έχω κάνει κάπου λάθος?

Στο .ascx αρχείο έχω προσθέσει το παρακάτω κομμάτι Javascript κώδικα:

<script language="javascript">

function enableTextBox() {

if (window.document.getElementById("chkOtherDoc").checked) {

window.document.getElementById("txtOtherDoc").disabled=false;

}

else {

window.document.getElementById("txtOtherDoc").disabled=true;

}

</script>

και στα controls του .ascx αρχείου έχω βάλει τα εξής, όσον αφορά το checkbox και το textbox:

<asp:checkbox id="chkOtherDoc" runat="server" AutoPostBack="false" text="other" checked="false"></asp:checkbox>

<asp:textbox id="txtOtherDoc" runat="server" MaxLenght="50" enabled="false"></asp:textbox>

Έβαλα checked="false" για το checkbox και enabled="false" για το textbox διότι΄θέλω όταν ανοίγει η σελίδα να είναι το ένα unchecked και το άλλο disable.

Στη συνέχεια στο .ascx.vb αρχείο πρόσθεσα το εξής:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

Common.CheckAdministrativeAccess()

pnlNav.Controls.Add(LoadControl("ot_nav_orders.ascx"))

If Not Page.IsPostBack Then

...........

chkOtherDoc.Attributes.Add("onClick", "return enableTextBox();")

End If

End Sub

Απ: VS2003 - Enable a textbox when a checkbox is checked

tasos — Fri, 25 May 2007 21:30:58 GMT

Λοιπόν, ο κώδικας που σου έδωσα πριν δουλεύει όταν έχεις στην Web Form σου ένα checkbox. Αν θέλεις να έχεις ένα checkbox σε ένα δικό σου control, πρέπει να γίνουν κάποιες αλλαγές. Σου επισυνάπτω ένα αρχείο να δεις τι γίνεται. Ελπίζω να είναι ok αυτή τη φορά. Επίσης έχει και τον κώδικα για το textbox που έχει περιορισμένο μήκος. Για πρακτικούς λόγους το έχω ορίσει στο 5. Για να το κάνεις να τρέχει με άλλο μέγεθος, άλλαξε στο .vb αρχείο το 5 σε ότι θέλεις, καθώς και το MaxLength του textbox. Ο κώδικας της Javascript είναι στο .ascx αρχείο αλλά μάλλον θα δουλέυει και στο .aspx αρχείο. Δεν το έχω δοκιμάσει, αλλά φαντάζομαι ότι θα είναι ok. Ο κώδικας είναι λίγο αλλαγμένος σε σχέση με τα προηγούμενα post.

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Fri, 25 May 2007 20:50:44 GMT

όλα αυτά πρέπει να μπούν στην .aspx σελίδα της εφαρμογής ή στην εκάστοτε .ascx σελίδα.

Να σας θυμησω ότι μιλάμε για VS 2003...ουσιαστικά κάθε φορά ανοίγω την εφαρμογή από το .sln αρχείο και χρησιμοποιώ τις .ascx σελίδες που υπάρχουν στα User Controls του project.

Κάνω ότι αλλαγές είναι να κάνω και μετά επιλέγω Rebuild Solution.

Μήπως το λάθος είναι δικό μου και όλο αυτό δεν αφορά WebForms??

Απ: VS2003 - Enable a textbox when a checkbox is checked

tasos — Fri, 25 May 2007 18:56:57 GMT

Βρήκα το εξής, ίσως σε βολεύει καλύτερα.

Ο JavaScript κώδικας είναι:

function enableTextBox()
{
if(window.document.getElementById("CheckBox1").checked)
{
window.document.getElementById("TextBox1").disabled=false;
}
else
{
window.document.getElementById("TextBox1").disabled=true;
}
}

και μετά γράφεις:

Private Sub Page_Load1(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
CheckBox1.Attributes.Add("onClick", "return enableTextBox();")
End Sub

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Thu, 24 May 2007 20:45:49 GMT

Ariadne σε ευχαριστώ πολύ....

τελικά το έκανα με τον πρώτο τρόπο που μου είχες αναφέρει...και ας κάνει postback η σελίδα κάθε φορά....

Απ: VS2003 - Enable a textbox when a checkbox is checked

ariadne — Tue, 22 May 2007 21:02:58 GMT

Δεν έχω ασχοληθεί με web parts, απλά το πρώτο είναι η πιο απλή (αν και μη efficient λύση) και σίγουρα παίζει.

Α, εννοείται ότι έχεις επιλέξει το property AutoPostBack=true για το checkbox!

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Tue, 22 May 2007 20:39:15 GMT

Είναι ένα web part σε ένα sharepoint site....αν αυτό σε βοηθάει!!!

Κάνω αλλαγές στο solution file του vs2003 και μετά rebuild....και απλά κάνω copy μετά το .dll αρχείο και τα .ascx αρχεία στο αντίστοχο folder τοου sharepoint.

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Tue, 22 May 2007 20:33:25 GMT

Ariadne, δυστυχώς καμία από τις δυο λύσεις δεν έχει αποτέλεσμα!!!!

Απ: VS2003 - Enable a textbox when a checkbox is checked

ariadne — Tue, 22 May 2007 20:28:41 GMT

Περνάει από compile έτσι δεν είναι??

Απ: VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Mon, 21 May 2007 23:32:12 GMT

Δεν αναγνωρίζει το onclick σαν attribute του checkbox!!!!

Μπορεί να διορθωθέι αυτό??

Απ: VS2003 - Enable a textbox when a checkbox is checked

ariadne — Mon, 21 May 2007 18:45:14 GMT

Θα μπορούσες στο CheckedChange event του CheckBox να κάνεις αυτά που περιγράφεις, κάπως έτσι

private void CheckBox1_CheckedChanged(object sender, System.EventArgs e)
{

    if (CheckBox1.Checked)
    {
         TextBox1.Enabled = true;
      }
   else
   {
      TextBox1.Text = "";
      TextBox1.Enabled = false;
     }

ΑΛΛΑ

επειδή αυτό προκαλεί postbacks και ξαναφορτώνει η σελίδα κάθε φορά θα σου πρότεινα να το κάνεις με javascript ως εξής

στην .aspx σελίδα έχεις τα controls

<asp:checkbox id="CheckBox1" runat="server" AutoPostBack="false" onclick="enableTextBox();"></asp:checkbox>
(έχεις συμπληρώσει και το onclick για να τρέξει το javascript)

και

<asp:textbox id="TextBox1" runat="server" Width="500px" TextMode="MultiLine" Rows="6"></asp:textbox>

Και στο στο head, γράφεις και το

  function enableTextBox()
  {
      if(window.document.getElementById("CheckBox1").checked)
      {
          window.document.getElementById("TextBox1").style.visibility = "visible";
      }
      else
      {
          window.document.getElementById("TextBox1").style.visibility = "hidden";
          window.document.getElementById("TextBox1").innerText="";
      }
  }

  </script>

That's it!

Good luck!

VS2003 - Enable a textbox when a checkbox is checked

girl_freak — Mon, 21 May 2007 17:30:06 GMT

Έχω μια WebFormσε VS2003, στην οποία έχω ένα checkbox και ένα textbox και θέλω να ισχύει το εξής:

Η οθόνη είναι οθόνη καταχώρησης στοιχείων.

1. Όταν ανοίγει ο χρήστης την οθόνη, το checkbox να είναι by default unchecked και το textbox disabled.

2. Όταν ο χρήστης τσεκάρει το checkbox το textboc να γίνει enabled, έτσι ώστε να μπορεί να γράψει ότι θέλει.

3. Όταν ο χρήστης "ξετσεκάρει" το checkbox το textbox να γίνεται πάλι disabled. Σε περίπτωση που έχει γραφτεί κάτι στο textbox να σβηστεί η εγγραφή.

Μπορεί κάποιος να με βοηθήσει με αυτό??

Girl_freak