I have an application which use some javascript functions,As all javascripts include in Masterpage, most of them which comes withpage are not necessary, and some of those are repeated ( cause used in some different JS file. )So I want to check if there is a way to determine duplicate functions and remove them ?
View 4 Replies
I think I summed up the question in the title. Here is some further elaboration...I have a web user control that is used in multiple places, sometimes more than once on a given page.The web user control has a specific set of JavaScript functions (mostly jQuery code) that are containted within *.js files and automatically inserted into page headers.However, when I want to use the control more than once on a page, the *.js files are included 'n' number of times and, rightly so, the browser gets confused as to which control it's meant to be executing which function on.What do I need to do in order to resolve this problem? I've been staring at this all day and I'm at a loss.
View 2 RepliesI have a page with three HTML labels and their corresponding ASP.NET gridviews contained within divs. Now while learning jQuery, I am trying to achieve two things:1. Change the css class of the lables upon mouse hover/out.2. Slide up/down the grid div upon clicking of the labels.It looks to be working as expected, but I wish to know if I am doing it the right way.My complete jQuery code is:
$(function ColorChange(ID) {
$("#" + ID).toggleClass("gridLabel");
});
$(function ShowHide(GID) {
$('#' + GID).slideToggle('slow');
});
And I am calling these function from onmouseover, onmouseout and onclick events of the label controls passing in the label ID as parameter. As an example:
<label id="lblWebComp" class="gridLabelDefault" onmouseover="ColorChange('lblWebComp')"
onmouseout="ColorChange('lblWebComp')" onclick="ShowHide('gvDivWC')">
Web Components
</label>
Kindly let me know if this is the best way to achieve these effects? Don't I have to right the document ready function in the jQuery code?
I am using Asp.Net C# 2.0. My website is working fine in local. Website contains 2 js files included in master page. It works fine in local environment, but when i publish my website i get "Object expected" error on page load, and thus the js functions are not working in published website.
Currently i am writing <script src="/javascripts/jquery.hotkeys-0.7.9.js" type="text/javascript"></script> in master page.
I am trying to call some javascript functions which I ahve written in some file. Eg.
function OpenPopup() {
alert("OpenPopUp");
return false;
}
when I call this from button from OnClientClick = "OpenPopup()" it is not called but when I put this function on MasterPage it is able to call the function.I added this is the MasterPages's Head
<script src="Scripts/something.js" type="text/javascript"></script>
I've looked at about 5 Questions here on SOF and haven't really found a useful answer for this. How am I supposed to invoke my javascript functions from client-side events in my .ascx controls? Here is my .ascx file.. what most the answers have led me to:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UIMenu.ascx.cs" Inherits="controls_UIMenu" %>
<script language="javascript" type="text/javascript">
function insetItem(myMenu)
{
myMenu.setAttribute("class", "myClass");.......
I'm getting different errors when doing it this way. ".....ascx does not contain a definition for "insetItem"", and my other pages that use this file don't recognize it anymore. When I try to put the js on the actual .aspx pages that will be using it, I get the same no definition error.
I just started learning jscript, still pretty noob. I'm trying to make it so when the user down clicks a menu item, I want that item's borderstyle to change to "inset". I'm not sure how to change that attribute for the specific item that gets clicked either in javascript >_< but that's another question.
I wanted to use some javascript functions in a ASP.net 3.5 web site. I have added a javascript1.js page in the Sites Folder with a Javascript Test function.
<script
src="~/Scripts/Javascript1.js"
type="text/javascript"></script>
I'm not familier with Javascript, and I have to convert a Project's Javascript codes to Jquery scripts.
ofcourse I'm not project leader or something like it, I'm just elaborating that this process may has what kind of issues and may face with what kind of needness ?
So if you know any solution to convert Javascript Functions to Jquery ones
I have a JavaScript-based timeline which needs to use data from an SQL server. The queries and the JSON conversions have been worked out in the form of C#.NET functions within a code file related to an .aspx page. So for a complete newbie to ASP.NET, how do you set up a function call like this from JavaScript?I would love it if someone had some simple example code I could learn/get some pointers from.Edit: I am using .NET 3.5
View 1 Replies[Code]....
What's wrong with it?
All of my scripts run fine in my Master page, and all of the functions run when called in the content pages, but for some reason, all of the sudden contentPageLoad() doesn't run anymore in any of them. I am sure that I have changed something somewhere, but I can't figure out what it is.
View 1 RepliesI have a user control which opens a new window for some item selection. Once an item is selected on that window, the item ID should be passed to a callback javascript function in the user control. In order to have a unique callback function name in the user control (it may have multiple instances on the same page), I added the user control ID to the function name as follows (defined in the ascx file):
function OnItemSelection_<%=this.ID%>(selectedItemID)
{
OnItemSelection("<%=SomeControl.ClientID%>", selectedItemID)
}
Where OnItemSelection is defined in an external js file:
function OnItemSelection(controlID, selectedItemID)
{
$(controlID).do_something(selectedItemID);
}
The issue is that now I'm not sure how the new page can call the "right" function (of the user control instance where it was opened from). The only idea I have in mind so far is passing the name of the callback function in the query string:
var CallbackFunction = function(selectedItemID)
{
window.opener.<%=Request.QueryString["CallbackFunctionName"]%>(selectedItemID);
}
or maybe just the opening user control ID:
var CallbackFunction = function(selectedItemID)
{
window.opener.OnItemSelection_<%=Request.QueryString["UserControlID"]%>(selectedItemID);
}
My questions are:
1) Is it a bad practice passing javascript function names (or user control IDs) like that (I suspect it is)?
2) What could be better way to handle this scenario? Edit: Another way I'm considering now is declaring a global variable in the user control (registering it from the code behind so it'll appear only once). Then, when opening the new window, it's possible to assign the relevant function to it (OnItemSelection_<%=this.ID%>), and call it from the new window. Seems much cleaner than passing user control data through the query string.
I knew how to apply Javascript function in html file. How to use javascript(including functions) in code behind file?
View 2 RepliesIs there a way to run server side functions by javascript? There are two things I need to do:
1. Either emulate clicking a link/button, or calling the OnClick function directly (not OnClientClick)
2. Control the back and forward control of the wizard control by using the keyboard
i think The javascript function called by using RegisterStartupScript or RegisterClientScriptBlock executed after the code in the method is executed.I want to execute the javascript function called by RegisterStartupScript or RegisterClientScriptBlock to be executed before the code in buton click method is executed. For that what should i do?
View 5 RepliesI have a webcontrol that will exist multiple time on a page. I have some javascript (JQuery) in the control and when I have multiple controls on a page the functions get confused.I have seen plenty of stuff on why this is the case - basically my functions use set id's but i need to somehow make them relative.An example of a function ...
function showUploader() {
var img = $('#<%=ImgID.ClientID %>');
$('#<%=UploaderIFrame.ClientID %>').attr('src', '<%=ResolveUrl("~/Controls/EditableImageControl/ImageUploader/ImageUploader.aspx") %>' +[code]....
how to get references to the html elements in the web control?
In ASP.NET, when you give a tag an ID it generates a unique HTML id for the element based on the control hierachy, ie.
<asp:Panel ID="test" runat="server">
...
</asp:Panel>
<!-- Becomes... -->
<div id="plc_lt_zoneContent_PagePlaceholder_PagePlaceholder_lt_test_test">
...
</div>
Is there some way of determining the generated id in the codebehind file? I need to generate some Javascript that uses the id.
How do I include a javascript using ~/ expression? It works with <asp:Image>, I don't know how to do the same thing with javascript.
View 3 RepliesSo I've been handed an older website, and been asked to make some modifications. It's been made with ASP, and I'm not really familiar with it. [URL] I've been asked to get rid of that awful scrolling. By looking at the page source, I determined that the scrolling is done using some inline Javascript.
<script type="text/javascript">
function getElementPosition(theElement){
var posX = 0;
var posY = 0;
while(theElement != null){
posX += theElement.offsetLeft;
posY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
return {x:posX, y:posY};
}
var offsetY = 0;
window.onload = function(){............................
Possible Duplicate: Call ASP.NET Function From Javascript?
View 6 Replieshow to include javascript file as project's resource for aspx.cs files under different folders to use?
View 2 RepliesI am trying to figure out why javascript functions I create with declared return types are not giving me intellisense hints. See code below, specifically updateNextItemTime in Sample.TodoList.
[Code]....
I'm building several user controls (ASCX) for my website and several of them are very similar in what they do. (As a side note, I must create unique UC's even if they're similar because I'm creating widgets for the new Telligent Community themeing system). For example, two of them are different but use the same front-end code to create a 2 or 3 tab panel where you can click a tab and it changes the data below. I have a single JS file to handle these tabs and the animations. I'm currently dynamically adding my JS file reference to the <head> from the user controls' code via:
Literal jsFile = new Literal();
jsFile.Text = string.Format("<script src="{0}"></script>", "/community/themes/test/js/tabbedCallout.js");
Page.Header.Controls.Add(jsFile);
If I have both of these controls on a page though, both will add this JS file reference. How can I do a check to see if it is already added from another control?
I have set up in javascript:
var onBeforeUnloadFired = false;
window.onbeforeunload = function (sender, args)
{
if(window.event){
if(!onBeforeUnloadFired) {
onBeforeUnloadFired = true;
window.event.returnValue = 'You will lose any unsaved changes!'; //IE
}
}
else {
return 'You will lose any unsaved changes!'; //FX
}
windows.setTimeout("ResetOnBeforeUnloadFired()", 1000);
}
function ResetOnBeforeUnloadFired() {
//Need this variable to prevent IE firing twice.
onBeforeUnloadFired = false;
}
I'm trying to achieve an edit screen where the user is warned before navigating away. It works fine except I get the pop up for normal post backs of button clicks. I'm hoping to avoid this so I'm figuring if I could determine which button was pressed it would work. Does anybody know how to determine which button was pressed in the indows.onbeforeunload? Alternatively anyone know a better approach to what I'm trying to achieve?
I have an .aspx.cs page in my solution and I'm trying to call a function which is located in a Master page.Would anyone be able to offer any pointers on how to achieve this as I cannot figure it out - thought it would have been fairly straight forward!
View 3 Replies
