Databases
StackOverflow2013
Postsdbo
POScope for javascript variables
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POScope for javascript variables
    primarykey
    data
    text
    <p>I am new to JavaScript and I am having trouble understanding the scope of variables in some script that I have pieced together from examples I have found. The code below is part of a tutorial that <a href="http://mattberseth.com/blog/2007/07/confirm_gridview_deletes_with.html" rel="nofollow">Matt Berseth</a> put out on his website. The application has an ajaxToolKit:ModalPopupExtender with JavaScript functions to execute when the Yes or No buttons are clicked. The two variables that are supposed to hold the delete button location and a div do not seem to get populated and thus the code exceptions. When I click on the Yes or No button both the _Source and _popup variables are undefined.</p> <p>I would really appreciate the time taken to provide an explanation as to what I have setup wrong in my code.</p> <pre><code>The button that is fires the OnClientClick event calling the SubmitPayment function &lt;asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="return SubmitPayment(this); return false;" UseSubmitBehavior="False" AccessKey="S" ValidationGroup="Manual" /&gt; A hidden field to save a value in (tested later in the javascript) &lt;div id="divHiddenFields"&gt; &lt;asp:HiddenField ID="hfTotalAmtDue" runat="server" /&gt; &lt;/div&gt; The Dialog Panel &lt;div id="divConfirmPaymentDialog"&gt; //panel that makes up confirmation dialog &lt;asp:Panel ID="pnlConfirmPaymentDialog" runat="server" style="display:none" CssClass="modalPopup" Height="200" Width="450"&gt; &lt;div align="center"&gt; &lt;p class="info"&gt;You are attempting to make a payment when your account(s) has/have no balance!&lt;/p&gt; &lt;p class="info"&gt;If you do this you will have a credit applied to your account in the amount of your payment.&lt;/p&gt; &lt;p class="info"&gt;Are you sure that you want to do this?&lt;/p&gt; &lt;asp:Button ID="btnConfirmPaymentYes" runat="server" Text="Yes" Width="75" /&gt; &lt;asp:Button ID="btnConfirmPaymentNo" runat="server" Text="No" Width="75" /&gt; &lt;/div&gt; &lt;/asp:Panel&gt; //modal dialog extender that implements showing the modal dialog with panel &lt;cc1:ModalPopupExtender ID="mpeConfirmPayment" runat="server" BehaviorID="mpeConfirmPaymentBehaviorID" BackgroundCssClass="modalBackground" CancelControlID="btnConfirmPaymentNo" OnCancelScript="btnConfirmPaymentNo_Click();" OkControlID="btnConfirmPaymentYes" OnOkScript="btnConfirmPaymentYes_Click();" PopupControlID="pnlConfirmPaymentDialog" TargetControlID="pnlConfirmPaymentDialog" /&gt; &lt;/div&gt; The Javascript &lt;script type="text/javascript"&gt; //this system function sets the App_init handler function as the initialization handler Sys.Application.add_init(App_Init); //this function handles the hookup of the beginrequest and endrequest ="divhandlers. The two functions are called //at the begin and end of the webpage lifecycle function App_Init() { Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequest); } //this function handles the begining of the webpage lifecylce function BeginRequest(sender, args){ $(document).ready(function(){ //if btnYes was clicked then block the UI $('#&lt;%= btnYes.ClientID %&gt;').live('click', function(e){ //e.preventDefault(); $.blockUI(); }); }); } //this function handles the end of the webpage lifecylce function EndRequest(sender, args) { //call unblockUI $(document).ready(function() { $('#&lt;%= btnYes.ClientID %&gt;').live('click', function(e) { $.unblockUI(); }); }); //check for errors that occurred during page execution if (args.get_error() != undefined) { var errorMessage; if (args.get_response().get_statusCode() == '200') { errorMessage = args.get_error().message; } else { // Error occurred somewhere other than the server page. errorMessage = 'An unspecified error occurred. '; } args.set_errorHandled(true); if (errorMessage.indexOf('ValidationError:') &gt; 0) { alert(errorMessage.replace('Sys.WebForms.PageRequestManager', '').replace('ServerErrorException:', '')); } } } //this funcion will raise the viewccreceipt dialog when called function OpenReceipt() { window.open('ViewCCReceipt.aspx', 'Name', 'height=600,width=800'); } // keeps track of the delete button for the row // that is going to be removed var _source; // keep track of the popup div var _popup; //This function will be called when the submit button on the creditcard entry screen is pressed. //The function will check to see if the balance is already zero and message the customer that they will have a //credit balance if they continue and allow the to confirm the payment. function SubmitPayment(source) { $(document).ready(function() { //Get the Total Amount Due from hidden field hfTotalAmountDue var TotalAmtDue = $('#&lt;%= hfTotalAmtDue.ClientID %&gt;').val(); if (TotalAmtDue &lt;= 0) { this._source = source; this._popup = $find('mpeConfirmPaymentBehaviorID'); // find the confirm ModalPopup and show it this._popup.show(); } }); } //event handler for the btnConfirmPaymentYes button //when this handler is executed the modal popup is hidden and a postback is done function btnConfirmPaymentYes_Click(){ // find the confirm ModalPopup and hide it this._popup.hide(); // use the cached button as the postback source __doPostBack(this._source.name, ''); } //event handler for the btnConfirmPaymentNo button //when this handler is executed the modal popup is hidden and the postback permanently shut down function btnConfirmPaymentNo_Click(){ // find the confirm ModalPopup and hide it this._popup.hide(); // clear the event source this._source = null; this._popup = null; } &lt;/script&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USBenjamin
    1. USJames
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POScope for javascript variables
      1. USfastcodejava
      1. VTFavorite
    2. VO
      singulars
      1. POScope for javascript variables
      1. This table or related slice is empty.
      1. VTUpMod
    1. COSorry, I don't have time to give a proper explanation on JavaScript scope, but I think the problem in your code is that you are trying to access your variables using `this.` - I won't try to explain what `this` may or may not be set to at the various points in your code where you used it, but try removing it and just access `_source` and `_popup` directly, e.g., `_source = null;`. You have declared these two variables as global scope variables, so they can be accessed from within all of your functions.
      singulars
      1. POScope for javascript variables
      1. USnnnnnn
    2. COIt is very hard to tell what is going on in such a large piece of code. It would be best for everyone if you instead had a minimal example to go with the question.
      singulars
      1. POScope for javascript variables
      1. UShugomg
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload