ansaurus

Question

Answer 1

+1 A:

I rewrote some of your example, as you have errors and is incomplete with function calls that are not in the example:

$(document).ready( function(){
    function revBars(isEFBOutput, isIXPPreview){
        var test = "<div id=\"someElement\">whatever</div>";
        $('body').prepend(test).get(0);
        var heightElement = $('#someElement');
        console.log( heightElement);
    }
    revBars();
});

At this point the heigthElement exists and the div is added to DOM. Please provide correct problems in order to get them solved.

UPDATES

//var heightElement = $('<div id="resizeDetectingElement">whatever</div>').prependTo('body').get(0); 
// this statement doesn't work
var heightElement = $('body').prepend('<div id="resizeDetectingElement">whatever</div>'); 
// this does
console.log(heightElement);

This is basically the same as first example.

The request that you made is to add a div before the element body and then get the first element of the body. The prependTo already returns the matched items so the get was irelevant. And you are attaching an element before the body so is normal that your variable will be empty.

Try my code and remove the downvote as not to many people had this kind of patience with your supercode.

UPDATE 2 This is an usage example for prepend() and prependTo().

<html>
<head>
    <script type="text/javascript" src="../lib/jquery/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready( function(){
        $("#test_A").prepend('<div id=\'test_B\'>B</div>');
        $("#test_C").prependTo( $('#test_A'));
        var x = $('<div id="resizeDetectingElement">D</div>').prependTo('body').get(0);
        console.log( x ); // returns the div
        $(x).append('some text'); //works
    });
</script>
</head>
<body>
<div id='test_A'>A</div>
<div id='test_C'>C</div>
</body>
</html>

I hope this will help to make your code work. USE $(heightElement) not just heightElement which is the div not the jQuery object.

Elzo Valugi 2009-07-24 19:23:59

You incorrectly assume that I want the function to run on $(document).ready.Your <code>.get(0)</code> doesn't do anything - it's never assigned to a variable, or manipulated. <code>$('body').prepend(test);</code> does the same thing. Could you be more specific than <code>you have errors</code>? Where? What errors? I am trying to solve this and "you have errors" is less than helpful.<code>Please provide correct problems</code>? What is incorrect? I am looking for assistance, and phrasing my problem as best I can.

ScottSEA 2009-07-24 20:10:35

Wish I could edit comments - didn't realize that <code></code> doesn't work in comments. Mea Culpa Maxima.

ScottSEA 2009-07-24 20:12:27

@ScottSEA your function is not ending, has parameters that are not used and your example is using calls to undefined functions. Perhaps IE is not set to show you javascript errors, but the code that you posted has at least a few.

Elzo Valugi 2009-07-24 21:07:48

@Elzo Valugi: cool. I have posted the entire function (and nested functions as well). If you could point out any errors in my code specifically, I would appreciate it.

ScottSEA 2009-07-24 21:31:49

@ScottSEA my IDE sais that you are missing a bracket before the insert function, after first function body

Elzo Valugi 2009-07-24 23:40:00

@Elzo - the bracket wasn't indented four spaces, so got dropped off the code block. It is actually at the very end of the block - insert(), refresh() and offset() are child functions of revBars() function.

ScottSEA 2009-07-25 05:39:54

@ScottSEA ok . check updates

Elzo Valugi 2009-07-25 09:15:16

@Elzo: I really appreciate your patience, and your assistance. My understanding of prependTo may be flawed - it was my (mis)understanding that $('x').prependTo('y') is the exact same as $('y').prepend('x'). Is this incorrect?

ScottSEA 2009-07-27 16:59:35

@Elzo: I used .get(0) to retrieve the actual DOM element, not a jQuery object so I could use .currentHeight and .offsetHeight properties of the DOM, rather than jQuery function.

ScottSEA 2009-07-27 17:06:16

@ScottSEA I made you a complete working example for both functions. Good luck

Elzo Valugi 2009-07-27 17:22:46

@Elzo: re: my "supercode" - bite my bender. Your snarky comments (ie "provide correct problems in order to get them solved") are why I downvoted your answer. You may have been coding perfect JavaScript and jQuery out of the womb, but we mortals must learn it one step at a time. Thank you sincerely for your help and constructive criticism, but keep the sarcasm and derision - I get enough of that from my wife.

ScottSEA 2009-07-27 17:23:27

ansaurus

tags:

views:

answers:

jQuery difficulties in FireFox & XHTML

related questions