Re: document.ready() and window.load() events don't fire - JavaScript Discussion Boards

twseitex29-Jun-11 9:05

29-Jun-11 9:05

Hi

// +++++ get reference
function fuGetReference(X00)
// X00 string, value of ID or NAME
{
var X01=null;

if(X00!=null)
{if(X00.length>0)
{
if(fuIEexist())
{X01=window[X00];
if(X01==null){X01=document.getElementById(X00);}
if(X01==null){X01=document.getElementsByName(X00);}
}
else
{
X01=document[X00];
if(X01==null){X01=document.getElementById(X00);}
if(X01==null){X01=document.getElementsByName(X00);}
}
}
}

return X01;
}

Some browsers support value of ID like a pointer, wothout getElementByXXXX()

Cu.

Re: Capturing the ID of an Element

AspDotNetDev29-Jun-11 10:17

AspDotNetDev

29-Jun-11 10:17

Here is one way to do this:

HTML

<html>
<head>
  <title>Test CaptureID</title>
  <script type="text/javascript">
    function CaptureID(sender) {
      alert(sender.id);
      // Add your logic here.
    }
    function GetHandler_CaptureID(sender) {
      return function() {
        CaptureID(sender);
      }
    }
    window.onload = function() {
      var elementIDs = ["divHello", "divWorld"];
      var element;
      for (var i = 0; i < elementIDs.length; i++) {
        element = document.getElementById(elementIDs[i]);
        element.onclick = GetHandler_CaptureID(element);
      }
    };
  </script>
</head>
<body>
  <div>
    <div id="divHello" style="background-color: Green;">Hello</div>
    <div id="divWorld" style="background-color: Red;">World</div>
  </div>
</body>
</html>

Instead of having the list of ID's in advance, you could also scan the DOM and look for elements with an ID or by some other criteria. jQuery would make this exceptionally easy, like Mark was saying.

Driven to the ARMs by x86.

Android App Windows (NTLM) Authentication

Colin Mullikin22-Jun-11 3:08

Colin Mullikin

22-Jun-11 3:08

I'm making an Android app with HTML and Javascript, and I need to get some JSON data from a server with Windows Authentication. jQuery seemed like the best approach for this, but I always get a 401 Unauthorized error. Does anyone know how to properly construct the right "GET" request(s) to make this happen?

Re: Android App Windows (NTLM) Authentication

Colin Mullikin22-Jun-11 5:22

Colin Mullikin

22-Jun-11 5:22

We decided to just turn the app into a webpage and put it on the server with the data. In my opinion, this way is cleaner anyways.

If anyone has an answer for the original question, feel free to post anyways. I don't need it anymore for this project, but someone else might.

document.ready() and window.load() events don't fire

benams21-Jun-11 4:41

benams

21-Jun-11 4:41

I try to execute this code(I place it between the head tags):

$(document).ready(function () {
            alert("document ready occurred!");
        });

        $(window).load(function () {
            alert("window load occurred!");
        });

none of the functions is executed and I can't see any message box. What can be the reason and how can I fix it?
*I have references to the jquery libary in the page's master.

Re: document.ready() and window.load() events don't fire

Not Active21-Jun-11 7:36

Not Active

21-Jun-11 7:36

Have you placed in inside script tags?

<script>
$(document).ready(function () {
            alert("document ready occurred!");
        });
 
        $(window).load(function () {
            alert("window load occurred!");
        });
</script>

I know the language. I've read a book. - _Madmatt

Re: document.ready() and window.load() events don't fire

DaveAuld21-Jun-11 7:49

DaveAuld

21-Jun-11 7:49

If you are using master pages, then the page you are running the script on doesn't have a head section????

have you tried placing the script at the beginning on the content block in a set of script tags?

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Re: document.ready() and window.load() events don't fire

DaveAuld21-Jun-11 8:00

DaveAuld

21-Jun-11 8:00

Well, the code you have listed works fine;

I have just set up a fresh asp.net project and this works fine when the code is placed in a script block with the HeadContent content block as shown below;

Master Page

HTML

<%@ Master Language="VB" AutoEventWireup="false" CodeFile="Site.Master.vb" Inherits="Site" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">

    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="header">
            <div class="title">
                <h1>
                    My ASP.NET Application
                </h1>
            </div>
            <div class="loginDisplay">
                <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">
                    <AnonymousTemplate>
                        [ <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        Welcome <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!
                        [ <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                        <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                        <asp:MenuItem NavigateUrl="~/Default2.aspx" Text="Default2" Value="Default2">
                        </asp:MenuItem>
                    </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">
        
    </div>
    </form>
</body>
</html>

Content Page

html>

<div class="signature">Dave
Find Me On: <a href="http://bit.ly/DMAweb" target="_blank">Web</a>|<a href="http://on.fb.me/daveauld" target="_blank">Facebook</a>|<a href="http://bit.ly/DMAtwt" target="_blank">Twitter</a>|<a href="http://linkd.in/DMAlnk" target="_blank">LinkedIn</a>
<hr>Folding Stats: <a href="http://fah-web.stanford.edu/cgi-bin/main.py?qtype=teampage&teamnum=11561">Team CodeProject</a></div>

Re: document.ready() and window.load() events don't fire

benams21-Jun-11 11:35

benams

21-Jun-11 11:35

it's exactly what I did and it still doesn't work...

Re: document.ready() and window.load() events don't fire [modified]

Monjurul Habib21-Jun-11 12:12

Monjurul Habib

21-Jun-11 12:12

To include in your web app, cut-and-paste(replace

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

)

with

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

If it works then your jQuery path is not ok. Please let me know your result.

modified on Tuesday, June 21, 2011 6:25 PM

Re: document.ready() and window.load() events don't fire

AspDotNetDev21-Jun-11 15:56

AspDotNetDev

21-Jun-11 15:56

A few notes / ideas:

Do not self-close your script tags when you include jQuery:

<!-- Good -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- Bad -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"/>

Be sure your proxy is not preventing jQuery from loading. Also, your browser may not want to load a local copy of jQuery.
Ensure you include jQuery before you run your script.
benams wrote:
I place it between the head tags

That makes me think you aren't using a script tag. Your script should be included in a script tag, the "type" should be set to "text/javascript", and the "language" should be set to "javascript". Also ensure you do NOT have runat="server" on your script tag.
Do not include your above JavaScript in the same script block you use to include jQuery.
Try running a simple alert("hello"); without including jQuery, just to see if your JavaScript is running.
View the source of your page to be sure the rendered HTML is correct.
What works in one browser may not work in another. Try using different browsers.
If you could include your ENTIRE page, that would be of use.

Help a brotha out and vote Managing Your JavaScript Library in ASP.NET as the best ASP.NET article of May 2011.

Re: document.ready() and window.load() events don't fire

vbmike22-Jun-11 9:48

vbmike

22-Jun-11 9:48

Just as a side question to this reply: I was wondering why you said NOT to self-close the script tag? Is that particular to asp pages or a certain DOCTYPE or anything to do with jquery. I am just learning and have not seen that mentioned before....thanks.

michael judy
vbmike@hotmail.com
"He's ALIVE, Jim. Where did I go wrong?"

Re: document.ready() and window.load() events don't fire

AspDotNetDev22-Jun-11 9:57

AspDotNetDev

22-Jun-11 9:57

That will not work in some browsers. It's a problem I've run into before. See here: JavaScript Function Not Called When Defined in External ".JS" File.

Help a brotha out and vote Managing Your JavaScript Library in ASP.NET as the best ASP.NET article of May 2011.

Re: document.ready() and window.load() events don't fire

vbmike22-Jun-11 12:02

vbmike

22-Jun-11 12:02

Ok, thanks, I'll keep an eye out. I always try and test in all the major browsers before release so hopefully I will catch things like this.

MJ

michael judy
vbmike@hotmail.com
"He's ALIVE, Jim. Where did I go wrong?"

reading xml in jquery

Ali Al Omairi(Abu AlHassan)19-Jun-11 23:06

Ali Al Omairi(Abu AlHassan)

19-Jun-11 23:06

guys;
i am learning jquery and i am stuck in a tutorial that uses xml to make an ajax asynchronous call-back. what i have is:

JavaScript

// send request
$.post("Default.aspx", { rating: $(this).html() }, function(xml) {

       // format and output result
       $("#rating").html(
         "Thanks for rating, current average: " +
         $("average", xml).text() +
         ", number of votes: " +
         $("count", xml).text()
       );
});

the problem is that $("average", xml).text() and $("count", xml).text() return empty strings althoug xml equals to "<ratings><average>2</average><count>1</count></ratings>".

what could the problem be?

Help people,so poeple can help you.

Re: reading xml in jquery

Ali Al Omairi(Abu AlHassan)19-Jun-11 23:35

Ali Al Omairi(Abu AlHassan)

19-Jun-11 23:35

The problem was that i shoud add the header 'Content-type: text/xml' to the response object before i can write to it (End of Speech).

Help people,so poeple can help you.

learning Jquery

benams14-Jun-11 22:41

benams

14-Jun-11 22:41

I am a begginer asp.net developer and now I want to learn about some client-side langauages.
I'm a liitle familiar with javascript, and I want to start learning Jquery. Is it OK if I learn only Jquery instead of javascript? do I have to know javascript well before starting my javascript lessons?

Re: learning Jquery

Pete O'Hanlon14-Jun-11 22:57

Pete O'Hanlon

14-Jun-11 22:57

You really should know at least a little about JavaScript and the DOM to work with jQuery.

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

Re: learning Jquery

ajhampson16-Jun-11 5:29

ajhampson

16-Jun-11 5:29

I agree, knowledge of JavaScript and CSS is a prerequisite for jQuery. But, most of the references I've seen bring this instruction along a part of the tutorial. Take a look at jQuery Fundamentals. Also, there are free sample chapters available for jQuery: Novice to Ninja, which is a really well written intro.

Re: learning Jquery

Atulkryadav16-Jun-11 8:15

Atulkryadav

16-Jun-11 8:15

You should have to little bit knowledge of java script and css

Atul Kumar

Re: learning Jquery

Not Active16-Jun-11 10:20

Not Active

16-Jun-11 10:20

JQuery is a JavaScript library. If you want to understand what it does and how it does it, for debugging or knowledge, then you must understand JavaScript.

I know the language. I've read a book. - _Madmatt

Re: learning Jquery

berba17-Jun-11 3:00

berba

17-Jun-11 3:00

Hi,

I advise you to start with the tutorials for Javascript first before moving to JQUERY.
Maybe you can start with the following link:

http://www.w3schools.com/[^]

It contains JQuery tutorials as well

Re: learning Jquery [modified]

Monjurul Habib21-Jun-11 12:03

Monjurul Habib

21-Jun-11 12:03