Next 'div' In JQuery Not Working?

Mar 2, 2011

I have the following jQuery that does find the ASP.NET server control (tested by placing an alert() inside block), but it does not set the height on the next DIV in the DOM using .next(). However if I use straight JS to do the same thing, calling the DIV by ID directly it works fine. What I am trying to do is not use the hardcoded ID of the DIV in case it changes, and rather walk the DOM to dynamically get to the element and set the height. So 1st: the HTML source of what I am trying to manipulate:

<div id="WebViewer" style="height:100%;width:100%;margin-right: 0px">
<input name="WebViewerReportReceipt" type="hidden"/>
<input name="WebViewerViewerType" type="hidden"/>
<DIV id="WebViewer_controlDiv">
<iframe src="295769102_1619997395_16141400_2120403583/CacheItem" style="width:100%;height:100%;"></iframe>
</DIV>
</div>

Next the non-working jQuery that I think should work:

//Using the 'DIV' that is created by the viewer (at runtime), resize it dynamically to fit the window
var myHeight = $(window).height();
if ($('#<%=WebViewer.ClientID %>') != null) {
$('#<%=WebViewer.ClientID %>').next('div').height(myHeight - 10);
}

And lastly the JS that does work, but I would prefer not to access that DIV by a hardcoded ID and use jQuery instead:

var myHeight = $(window).height();
//Using the 'DIV' that is created by the viewer (at runtime), resize it dynamically to fit the window
if (document.getElementById('WebViewer_controlDiv') != null) {
document.getElementById('WebViewer_controlDiv').style.height = myHeight - 10;
}

why walking the DOM in jQuery to get the 'next' div and set its height is not working?

View 3 Replies


Similar Messages:

JQuery :: Save As Window Is Working In IE But In Mozilla Its Not Working ?

Jun 14, 2010

In my Application i write one javascript function as

Page.ClientScript.RegisterStartupScript(typeof(Page), "myscript", "<script >document.execCommand('SaveAs');</script>");

to save that file.

its working fine in IE but in firefox mozila that save as window is not comming.

which function will work for both IE and FireFox mozila.

View 1 Replies

JQuery :: Working With Checkbox Using JQuery?

Feb 8, 2011

I am new to jQuery, i am tring that In my pages contain four checkboxes then if any checkbox is checked then one div is dispaly , in that div some controls is placed. My intension is if checkbox is checked then validation for that particular div contained controls,

View 4 Replies

JQuery :: JQuery DatePicker Not Working In Master Page Content Page?

Mar 10, 2011

I have implemented a lot fo JQuery features into my ASP.Net web application. I am using JQuery, JQueryUI, JQuery Validation and a couple of other plugins. They are all coexisting and working fine. This one page in my app has the JQueryUI tabs, Modal progress pop-up working just fine. This page also has a couple of JQuery AJAX calls to my server side events. That all works fine!

I just added a Jquery date picker to one of the text boxes on the first tab on my data entry form and nothing happens or is displayed when you click on the date textbox. I am going to post the HTML markup for the page and my JQuery code. Please let me know if you see anything glaring? HTML

[Code]....

Script

[Code]....

View 7 Replies

MVC :: JQuery Validation Not Working With IIS?

Nov 19, 2010

Im using MVC 2 and .NET 4 on my local machine. I can debug my project using the Visual Studio Development Server locally. Everything works great, including the validation using

[Code]....

[Code]....

View 2 Replies

Jquery - .net With RegularExpression Is Not Working?

May 12, 2010

I'm try to do validation on a textbox input to validate a phone number.I have an asp.net textbox and checkbox. The default is to validate a US phone number and when I check the checkbox I should change the RegularExpression and error message to validate an international phone using my own RegularExpression.

[code]...

View 1 Replies

JQuery Code Not Working In IE 8?

Feb 1, 2011

This code is working in firefox but on IE 8 it returns nothing

<script type="text/javascript">
$(document).ready(function(){
var pageUrl = '<%=ResolveUrl("~/test/test.aspx")%>';
// Test
$('#<%=ddlTest.ClientID%>').change(function(){
var trgId = $(this+'input:checked').val();
$.ajax({
type: "POST",........

View 1 Replies

JQuery Not Working From Subdirectory?

Mar 13, 2011

I write ASP.NET application and I want to use jQuery DataTables.

In Master Page (which is not in root) I include scripts in code behind:

protected override void OnInit(EventArgs e)
{
base.OnInit(e);
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/jquery.min.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/jquery-ui.min.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/DataTables/jquery.dataTables.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/setup.js")));
Page.Header.DataBind();
}

In page I have just pure html:

<table class="table display">
<thead>
<tr>
<th>Header</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr class="gradeX">
<td>Cell 1</td>
<td>Cell 2</td>
</tr>.......

View 1 Replies

MVC :: Jquery Is Not Working After Host?

Jul 16, 2010

After hosting my site JQuery is not working, but in my site it's work properly.

I am using the script source in follwing style

[Code]....

View 1 Replies

MVC :: Jquery ToolTip Not Working?

Mar 26, 2011

i am trying to include some tooltips in my MVC project. but i cant get any jquery effect from it, what i see is just default tooltip. I had follows several examples but still cant get it. currently i am doing like this:

[Code]....

[Code]....

which is exactly same as example from here: [URL]

View 8 Replies

JQuery :: JSON Not Working In IE?

Oct 8, 2010

I use a web method with JSON which controls the Username is available or disable. This code is working well with Mozilla. But it doesn't work with IE.

this is my JSON code:

<script src="../jquery-1.4.1.min.js" type="text/javascript"></script>
<script type = "text/javascript">
$(document).ready(function () {
$("#<%=txtUserName.UniqueID%>").change(function () {
var uname = $("#<%=txtUserName.UniqueID%>");

[code]....

View 8 Replies

C# - JQuery's Ajax Not Working On IE6?

Dec 13, 2010

I'm developing a website using asp.net mvc and I have this image that fire an Ajax event when clicked. It works just fine on FF and IE 7 & 8, but on IE 6 it doesn't even call the method on the controller (I did put a breakpoint there and ran it on debug mode to check). I'm on it for a few days now and can't find a solution. Here's my code:

<img src="/Content/Images/img.png" onclick="HideAll(); GetMyVonparDiv(this);
$.ajax({ url: '/<%= Html.ViewContext.RouteData.Values["language"] %>/myvonpar/AddContent/?idContent=<%= ViewData.Model.id_content.ToString() %>&static=<%= ViewData.Model.is_static %>',

[code]...

View 2 Replies

Jquery Not Working In IE - Error Only In IE 8 ?

Mar 16, 2011

I am using jquery to expand/collpase a div that contains a menu but i get the following error only in IE 8 and maybe on all IE but have no way to test with older versions as I dont have one installed. I even upgraded to lates jquery library but problem persists. Other browsers work perfect.Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Wed, 16 Mar 2011 20:25:37 UTC
Message: Object doesn't support this property or method
Line: 16
Char: 39490
Code: 0

Message: Syntax error
Line: 1
Char: 6
Code: 0

Message: Syntax error
Line: 1
Char: 6
Code: 0

Here is my code:

[Code]....

View 2 Replies

JQuery Autocomplete Not Working With Webservice?

Mar 24, 2011

I have this code:

$('#' + textboxID).autocomplete({ delay: delay, source: ["cats", "dogs"] });
which works fine.
I want to use a webservice:
$('#' + textboxID).autocomplete({ delay: delay, source: webserviceURL});
This doesn't work. My webservice URL is /blah/blah.asmx/myMethod
The webservice definition is:
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public List<string> myMethod(string term)
{
// Logic here, return list of strings
}

The method never gets called. Can anyone point me in the right direction? I have other webservices in the same .asmx which work fine with other controls (other controls are using $.ajax to call them).

Edit: Getting closer, I now get a 500 error saying Request format is unrecognized for URL unexpectedly ending in '/myMethod'. I think it's not treating my url quite right..

View 2 Replies

JQuery :: Why This Code Is Not Working As Expected

Dec 18, 2010

[Code]....
[Code]....

//Ideally this should hide al the anchor tags with in tr tag. But this piece of code is not working as expected. nothing is fading out. [Code]....

View 3 Replies

Jquery - Uploadify Not Working With WebForms

Mar 4, 2010

I'm trying to use Uploadify in a ASP.NET webforms project. The problem is that my script is not calling the generic handler. Here is the script.

[code]....

View 4 Replies

JQuery Datepicker Not Working In Page?

Feb 25, 2011

I am using ASP.NET to develop a website and I am going to use the jQuery datepicker in my website. I used following code, but it won't work. Does anyone know why?

<link href="css/calendar/jquery-ui-1.8.7.custom.css" rel="stylesheet" type="text/css" />
<script src="jquery/calendar/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="jquery/calendar/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#txtEventDate").datepicker();
});
</script>

Here is my textbox HTML code:

<asp:TextBox ID="txtEventDate" runat="server" Width="125px"></asp:TextBox>

View 3 Replies

MVC :: Jquery Datepicker Not Working In Dialog

Oct 21, 2010

I have an ajax call that opens a dialog that contains a datepicker. The call looks like this:

[Code]....

View 1 Replies

Jquery - Datepicker Not Working In Chrome

Mar 20, 2011

I have a Jquery UI datepicker control in my asp.net MVC application and it works fine in IE and Firefox but it doens't work in chrome when I click the datepicker button. Here is my Index view:

$(function() {
$('#datepicker').datepicker({
changeMonth: true,
dateFormat: "dd M yy",
changeYear: true,
showButtonPanel: true,
autoSize: true,
altField: "input#txtDate",
onSelect: function(dateText, inst) {
$.ajax({
type: "POST",
url: "/LiveGame/Partial3?gameDate=" + dateText,
dataType: "html",
success: function(result) {
var domElement = $(result);
$("#dvGames").html(domElement);
}
});
}
});
$("#txtDate").val($.format.date(new Date(), 'dd MMM yyyy'));
$('#dvGames').load(
'<%= Url.Action("Partial3", "LiveGame") %>',
{ gameDate: $("#txtDate").val() }
);
});

Here is my partial:

public ActionResult Partial3(string gameDate)
{
return PartialView("Partial3", gameDate);
}
<div id="dvGames" class="cornerdate1">
<%= Url.Action("LiveGame","Partial3") %>
</div>
<input type="text" id="txtDate" name="txtDate" readonly="readonly" class="cornerdate" />
<input id="datepicker" class="cornerimage" type="image" src="../../Content/images/calendar.gif" alt="date" />
</div>

View 1 Replies

JQuery UI Not Working With Master Pages

Feb 8, 2011

I've successfully made JQuery work with Master Pages, but not JQuery UI.My header in the master page looks like this:

<head runat="server">
<title>Analytics</title>
<link href="~/css/PageElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/FormElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/Buttons.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="<%# ResolveUrl("~/css/smoothness/jquery-ui-1.8.9.custom.css") %>" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.min.js") %>" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-ui-1.8.9.custom.min.js") %>" />
<script type="text/javascript">
jQuery.noConflict(); <%--This should avoid conflicts Ajax Control Toolkit--%>
</script>
<asp:ContentPlaceHolder ID="HeaderPlaceHolder" runat="server" />
</head>

And in the content page, I created a VERY simple script to load the Date Picker, as per JQuery UI demo page. I always get a 'Microsoft JScript runtime error: Object doesn't support this property or method'. Here's my content page:

<asp:Content ID="MainContent" ContentPlaceHolderID="MainPlaceHolder" runat="server">
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#<%=btnSubmit.ClientID %>').click(function () {
alert("Hello world!");
});
});
</script>
<script type="text/javascript">
jQuery(function () {
jQuery('#<%=datepicker.ClientID %>').datepicker();
});
</script>
<div class="demo">
<p>Date: <asp:TextBox runat="server" ID="datepicker" /></p>
</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</asp:Content>

The CSS folder is in place, and pure JQuery calls work. This simple datepicker is not working with this master page / content setup. I've tried many combinations for the datepicker ID, using ClientID (as is), UniqueID, [id$=datepicker], etc. Can someone shed a light on this? What am I missing?

View 1 Replies

Cascading Dropdownlist With Mvc And JQuery Not Working?

Dec 6, 2010

I am trying to use a solution for a cascading dropdownlist (the selection in one dropdownlist determines the options in the second one) found here:

[URL]

[code]...

how to get a default value for the dropdownlists. Since otherwise the customer dropdownlist will have a value when you first get to the page, but the task list won't...

View 1 Replies

UpdatePanel Stopping JQuery From Working

Apr 14, 2010

I have an update panel on my page with some links that have onClick events that trigger a JQuery box to pop up. This works fine unless an AJAX postback has occurred. I saw some code on another post:

Page.ClientScript.RegisterStartupScript(TypeOf(Page), 'ajaxTrigger1', 'Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);', true);
Page.ClientScript.RegisterClientScriptBlock(TypeOf(Page), 'EndRequest1', 'function EndRequestHandler(sender, args){AsyncDone();}', true);

which I have used but it doesn't seem to be working. I keep getting AsyncDone is not defined.

Details: ASP.NET 2, IIS7

View 2 Replies

JQuery Method Not Working Second Time?

Mar 24, 2011

I have a JQuery Method. When I click on button "btnSelectDisclosure", a popup appears but only once. Not for next time.

[code]...

View 1 Replies

JQuery Function Is Not Working After URL Rewriting

Mar 24, 2011

Refer to my this question: Page not redirecting properly, URL rewriting (Asp.NET)

Which is resolved except one thing.

Though I have put the code to eliminate post back for .jpg and other file extension, JQuery at the web page is not working.

<script type="text/javascript" src="JS/jquery.js"></script>

I have written it like the above. I have tried to change the path like

<script type="text/javascript" src="~/JS/jquery.js"></script>

View 2 Replies

JQuery Not Working On Popup Window?

Mar 26, 2010

I am using ASP.Net and jQuery + jQuery UI. Everything works fine with the jQuery on any other page, however when I create a popup window with window.open(...) jQuery seems to no longer function.

I have all of the script files included on the Popup's Master page, so am not sure why it won't fire.

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved