Refer to a href inside div

Question

I want to do ajax call on window load and use a url which is inside div#links

This is what I've come up with so far:

$(window).load(function() {


    baseUrl =  $("#links a").attr("href");
    $.ajax({
        url: baseUrl,
        type: "get",
        dataType: "",
        success: function(data) {

            // from here not important

HTML:

<div id="links"></div>

Links are created dynamicly:

$('<a href="' + text + lnk + '">' + text + lnk + '</a>')
    .appendTo($('#links'));

However this doesn't seem to work.

I allready mentioned the relevant HTML which is div#links...... — Youss, Sep 20 '12 at 09:16
@xdazz The not working part is that the call is not made because the url is not defined — Youss, Sep 20 '12 at 09:17
Then we need to see your html :) Either there is no `a` inside your links div, it doesn't have a href attribute set correctly or your div doesn't have the correct id. — Asciiom, Sep 20 '12 at 09:17
@Jeroen Moons Okay.......
Links are created dynamicly $('' + text + lnk + '').appendTo($('#links')); — Youss, Sep 20 '12 at 09:18
@Youss if that's all your html no wonder it won't work :) What does the a tag look like — Asciiom, Sep 20 '12 at 09:19
@David Thomas Okay this one I should have mentioned...The url is created dynamicly on document ready, that why I use window load — Youss, Sep 20 '12 at 09:20
I added your comment to the question, it's important info. Did you check with firebug or the like wether your links are built correctly? — Asciiom, Sep 20 '12 at 09:27
@Jeroen Moons I dont know how to but the links are okay, Just look at the example http://jsfiddle.net/m4QCt/142/ — Youss, Sep 20 '12 at 09:33
Ahhh you have an example, should've mentioned that :) Seems to work here, it loads content from the url — Asciiom, Sep 20 '12 at 09:34
Its the second code (window load) which doesn't work (ps I didn't mentioned all that other stuff because I didn't think it whas important..(I whas wrong) — Youss, Sep 20 '12 at 09:35

Nathan · Answer 1 · 2012-09-20T09:27:41.220

3

updated

it should be

var baseUrl = ...

(for proper scoping)

but that's not the real problem... looks like (for a start) at the the line

$foop = $('<form>' + data.responseText + '</form>');

data.responseText is an entire html document (which this line of code then attempts to wrap with a form element) - so that'll be a major source of issues....

edited Sep 20 '12 at 09:27

answered Sep 20 '12 at 09:19

Nathan

6,095
2
35
61

Please look at my code http://jsfiddle.net/m4QCt/142/ It should work, but it doesn't... – Youss Sep 20 '12 at 09:21
1

Without the `var` wouldn't it just create a global variable? – David Thomas Sep 20 '12 at 09:21
I don't think its the var that is causing problems – Youss Sep 20 '12 at 09:25
I googled and replaced data.responseText with innerHTML.responseText Doesn't work...(sadly that's all I can think of) – Youss Sep 20 '12 at 09:44
1

@David Thomas - possibly, depending on your javascript engine - but that's certainly not the standard as far as I know... I believe that if a variable is undeclared, any reference to it will generate an error (except when using the typeof function) - see the accepted answer here: http://stackoverflow.com/questions/2559318/how-to-check-for-undefined-or-null-variable-in-javascript – Nathan Sep 20 '12 at 09:45
@Youss I'm afraid you'll probably need to create a question that is more specific ... Stack Overflow is not about doing other people's work for them - sorry – Nathan Sep 20 '12 at 09:47
I've found the problem, see my answer. – Asciiom Sep 20 '12 at 09:48
@Nathan var deadline = thisQuestion :) – Youss Sep 20 '12 at 10:24

score 1 · Accepted Answer · answered Sep 20 '12 at 09:43

Looks like you're just not waiting for your #links div to be filled with content.

The first ajax call fills the links div with its content. On window.load your ajax call hasn't finished yet but you try to access these links already.

You need to execute that code when the first ajax call's success handler is fired. Now the links div doesn't contain anything yet so trying to get an atag's href from an atag that isn't there yet fails.

Refer to a href inside div

2 Answers2