.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

javascript to hide ModalPopupExtender not working

Posted By:      Posted Date: September 10, 2010    Points: 0   Category :ASP.Net
Hello, I've seen some other posts about this but never found a resolution to it. I have a gridview control with another gridview inside each row. I'm using a masterpage and I have a TabContainer to boot and of course updatepanels. I'm showing my gridview child via a modal popup extender. It shows great and other JQuery operations are working as expected. I have a pageLoad javascript that does the following: function pageLoad(sender, args) {      $addHandler(document, "keydown", OnKeyPress);   } And, function OnKeyPress(args) {      if (args.keyCode == Sys.UI.Key.esc) {         var mp = $find('<%=mpe1.clientid%>');         mp.hide();      }   } The var mp seems to be returning an object as '<%=mpe1.clientid%>' returns the clientid, and the mp.hide() line executes without error. It doesn't hide the popup however. What can be the problem?S

View Complete Post

More Related Resource Links

hide gridview column using javascript. working in ie and firefox but In firefox, gridview data is sh


function EnableDisableGridViewColumn() {
               var AdvanceSearch = document.getElementById('<%= chkboxlist1.ClientID %>');
               var chkList = AdvanceSearch.getElementsByTagName("input");
               var dgTest = document.getElementById("gridview1")
               if (dgTest != null)
                   for (var i = 1; i < dgTest.rows.length; i++) {

                       if (chkList[0].checked == true && chkList[1].checked == true) {
                           dgTest.rows[0].cells[0].style.display = "block";

javascript function not working with datalist


I have a datalist and there is a check box within this datalist in a .ascx page.  But I have to have an image out side the datalist.  So here is the code and its not owrking.  When I click on the image, I dont see any alert box. 


<script Language="JavaScript" type="text/javascript">


function validate_checkbox()



// set var checkboxSelect to zero

var checkboxSelect = 0;

var sProducts = "";


var multiCheck = window.document.forms["frmCompare"].CompareCheck.length;


if (multiCheck != null)


    // Loop from zero to the one minus the number of checkbox button selections

    for (counter = 0; counter < window.document.forms["frmCompare"].CompareCheck.length; counter++)


        if (window.document.forms["frmCompare"].CompareCheck[counter].checked)


            var seperator = (checkboxSelect > 0)?",":"";

            sProducts += sep

AjaxToolkit:ComboBox not working in ModalPopupExtender

Hello,I have two nested modal popup. The ComboBox does not work as expected as you can see frome this screenshot. As you can see it misses:The list is not visible even if I think that is in the background. In fact the "SuggestAppend" works perfectly.The ComboBox arrow button is not visible. On zooming the green circle you can see that it shrinked to a size of 4x4 pixelsAdditional info: jquery is used for tabs & datePicker (in the first popup) and Buttons (always)EDIT: Forgot to include  the server side code. Here it is:<ajaxToolkit:ComboBox ID="dataPhoneType2" runat="server" DataSourceID="phoneTypeDS" DataValueField="PhoneTypeId" DataTextField="Description" AutoPostBack="False" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend" RenderMode="Inline" CaseSensitive="False"></ajaxToolkit:ComboBox>Is this a bug?Regards

javascript not working in iframe on remote site

<html> <body style="background-color: White;"> <form name="ctl01" method="post" action="adv_links_addbycustomer.aspx" id="ctl01"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/</div> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/dfdafa" /> </div> <div style="background-color:White;"> <span id="lblMsg" class="ErrorText" style="font-weight:bold;"></span> <center> <span id="Label1" style="font-size:X-Small;font-weight:bold;">Valid Urls</span> <select name="DropDownList1" id="DropDownList1" style="background-color:#EFEFEF;border-color:#898989;border-width:1px;border-style:Solid;font-size:8pt;padding:0px;"> <option value="0"> - Select - </option> <option value="http://www.fha-home-loans.us/index.htm">http://www.fha-home-loans.us/index.htm</option> <option value="http://www.fha-home-loans.us/jumbomortgage/apply.htm">http://www.fha-home-loans.us/jumbomortgage/apply.htm</op

Javascript funtion working in FF but not in IE

Hi I have a button control on click of which a javascript funtion is called but this function is calling in FF but not in IE7. Can you please suggest what are the possible ways to overcome it. <cc1:MessagizedButton ID="btSave" runat="server" OnClickClientHandler="_s.widgets.editSavedSearchWidget.saveData();return false;" IsLinkButton="true" IsRegisteredOnClient="true" />  and the funtion is: Note: Even the alert('b') is not calling but calling in FFsaveData: function() { alert('b'); var var_value = $("input[name='savedSearchEditOpt']:checked").val(); var data = ""; //alert(var_value); //show spinner $('.wdgEditSpinner').show(); if (var_value == null) return; if (var_value == 1) { data = true; } else { data = false; } _s.services.imonsterWidgets.updateUserWidgetAttribute(_s.imonster.userWidget.allWidgets.savedsearches, _s.imonster.userWidget.widgetAttrids.edit, data, _s.widgets.editSavedSearchWidget.onSaveSuccess, _s.widgets.editSavedSearchWidget.getError); },

After async postback, hide/show panel stops working

I have a Gridview in an UpdatePanel with a column containing an "expander" button that shows (and hides) more detail beneath its row of data.  It all works great until the user pages the gridview.  After the async postback to page the gridview, the javascript function to toggle hide/show appears to work flawlessly (the expander's button image even changes correctly), but the detail panel just doesn't show on the page.Note that my expander control supports a "AsyncTriggerId" property that, if set in the markup, will rebind the javascript toggle function when that control triggers an async postback (see OnPreRender below)Here's the hide/show toggle javascript:function toggleExpander(divId, imgId) { var div = document.getElementById(divId); var img = document.getElementById(imgId); var cssClass = div.getAttribute("className"); if (div.style.display == "" || div.style.display == "none" || cssClass == "hidden") { div.style.display = "inline"; div.setAttribute("className", ""); img.src = "images/dir_down.png"; mce_src = "images/dir_down.png"; img.alt = "Collapse to hide details"; } else { div.style.display = "none"; img.src = "images/dir_rig

To Hide multiple items having same ID using Javascript

How to access items having same ID using Javascript ?I want to hide these items.Urgent Help Requried .......

javascript is not working in IE7 on Windows vista machine..

Hi all,My web application contains javascript and jquery ajax functions, updatepanel controls. It is working fine in firefox, chorme, and safari. But, when I try run this in IE 7 on Windows vista machine, it does not work(i mean the jquery ajax function, javascript, and updatepanel controls not working).when I run this it displays the alert message that says, "to enable script, choose 'Options' from IE tools menu and navigate to 'Advanced Tab' and go to 'Browsing' Category and clear the 'Disable Script Blocking (IE) and Disable script Blocking (other)'".I did as the alert message says. Even, I have changed javascript, updatepanel control is not working in IE 7 on windows vista machine.I have checked 'Security' Tab also..Any solution for that?Thanksr.eswaran.

can we hide 'delete all versions' from version history with the help of javascript?

hello guys, can we hide 'delete all versions' or tool bar from version history. Can we write some JavaScript to do that?  Thanks

How can we show and hide iframes progarmmtically in javascript, calling the function from a seprate

I have currently placed 5 iframes inside 5 divs and i m trying to show and hide iframes by following code if (docid == idpath_array[1])             {                document.all("div1").style.display = 'block';                document.all("div2").style.display = 'none';                document.all("div3").style.display = 'none';                document.all("div4").style.display = 'none';                document.all("div5").style.display = 'none';            } but the problem is that after setting style of one div as display:none,I am not able to display the same div latter by setting display:block hence programmically I am not able to display an already hidden iframe by making display:block in div

Validation is not working in Custom List Form using JavaScript ddwrt:GenFireServerEvent()

Hii am creating custom New form for a list using sharepoint designer. i have added the below button for sumbit<input name="Submit1" type="submit" value="Submit" onclick="javascript: {ddwrt:GenFireServerEvent('__commit;__redirect={http://myserver/Lists/VTest/AllItems.aspx}')}" />                <xsl:text xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime" ddwrt:nbsp-preserve="yes" disable-output-escaping="yes">&amp;nbsp;                                    </xsl:text><input name="Submit2" type="submit" value="Cancel" onclick="javascript: {ddwrt:GenFireServerEvent('__redirect={http://myserver/Lists/VTest/AllItems.aspx}')}" />the problem is the validation is not working properly. it submits the page without entering values for the required fields.particularly the validation is not working for DateFields.let me know what is the problem here. is it a Bug?muthu

Help:JAVASCRIPT (checkAll) & (Hide/Unhide GridView1) in a Datalist with a nested Gridview


Hey guys,

 I'm at my wits end on this one looked/Searched/Played/Experimented and I need your help if you can.

This page is going to be primarily used on a mobile device using Win Mobile 5


Need to Accomplish:

  1. Prevent Postback(serverside) of Page using JavaScript (Postback's slow down the page on mobile device)


JavaScript Requests:

  1. Hide and UnHide the Nested Gridview1 by Clicking on a imagebutton1 in DataList1icon_minized_collapse.pngicon_expand_collapse.png
  2. CheckBox in DataList1 Checks All and UNChecks All, CheckBox in just the related Gridview1


Controls :

  1. Gridview1 nested inside DataList1


Note: Datalist1 and Gridview1 have datasource's in production. The Codebehind page is just appling test data to help me figure this out.


Thank you all in advance for helping me with this.

Example data below:<

Need to hide gridview - not working


 I am trying to hide my Gridview when UpdateProgress control is being shown. Currently both the GridView and UpdateProgress contriols are being shown at same time. It works fine when I select from my DroDownList3 the 1st time (as no GridView is beings shown). On subsequent selections in the DroDownList3 control, both GridView3 and UpDateProgress control are shown.

<script type="text/javascript">
            function HideGridView2()
<cc1:TabContainer ID="TabContainer1" runat="server" Height="20px" ActiveTabIndex="0">
                    <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Current Shift" Style="font-size: xxx-small"
                            Current Shifts
                            <br />
                            <div style="height: 30px; left: 

javascript is not working in firefox


Hi friends,


I have some javascript function on the master page and im calling the same function from the other forms which is using this masterpage.

The code is working fine in IE but not in firefox, google chrome, opera.

my javascript on master page is like this

< script type="text/javascript">

 function ClientPrint(str)







Hide the empty rows on dispform.aspx using javascript


Guys, can I hide the empty rows on display form using javascript?

If you know anything, Help me.


Onchange event for datetime field in javascript is not working?


I want to compare start date and end date when start date is changed. If start date is big, on change event i need to make the end date the same as start date.

So I wrote On change event for start date. But it doesnot work  

getField('input','Start Time').onchange = function() {showEndDate()};


function showEndDate()



var date1 = getField('input','Start Time');

var date2 = getField('input','End Time');


but its not firing at all. So you guys have any idea or any other way to do for datetime on change event?

javascript not working in sharepoint Public IPhosted site ?




Can AnyBody guide me why Javascript is not functioning in my hosted site with Public IP and i had 3rd party tools using the javascript which they were displaying but functionality.


Pls help me to resolve this !!!!

Thanks in Advance !!! Cheers !!! Praveen Mandalapu
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend