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:
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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