ansaurus

Question

Answer 1

A:

var content = '<div id="floating_box" class="fb">' +
'sdfsdfsdfsdfsfsddsfsfsdfsdfsdfsfsdfsdfsdfsfsdfsd' +
'</div>';

See the + ??

jQuery('body.floating_box').remove(); // edit: sorry my mistake
jQuery('body #floating_box').remove(); // better? should remove all elements within <body> with the id "floating_box"

Should be just fine.

opatut 2010-07-29 09:24:57

the OP is emptying the body, and now you are removing the body... wow!

Reigel 2010-07-29 09:26:27

No, it shouldn't. `body.floatingbox` means "all the bodies with the class floatingbox".

MvanGeest 2010-07-29 09:26:37

its still not working

clonex1 2010-07-29 09:28:09

@clonex1 we need more codes, and more explanations..

Reigel 2010-07-29 09:29:33

But there's only one `body`, and it presumably doesn't have the `floatingbox` class, so the `remove()` does nothing.

Peter Ajtai 2010-07-29 09:30:00

i tried all the possible id/class combination that is possible and not possible. but its just not working. here's the new js code after adjustment:function callme(){ var content = '<div id="floating_box" class="fb">' + 'sdfsdfsdfsdfsfsddsfsfsdfsdfsdfsfsdfsdfsdfsfsdfsd' + '</div>'; jQuery('.fb').remove(); jQuery('body').append(content);}and its still not working too... i spent that last 3 hours trying to remove this div its just dont wanna go

clonex1 2010-07-29 09:37:28

You're right, it should be "body #floating_box"

opatut 2010-07-29 09:42:07

@opatus, i tried that too... no lucku can check the code that am trying to get to work @ http://passivenet.com/2/

clonex1 2010-07-29 09:50:12

hey it works...you remove the blue box with "sdfsdfsdf,..." and add another one with exactly the same content....Try to insert some random stuff, you'll see it changes everytime you click the link

opatut 2010-07-29 09:57:05

@opatut, that's not the purpose of remove isn't it!i just need to have that div vanishes on the second click

clonex1 2010-07-29 10:05:19

Answer 2

+2 A:

Gaby 2010-07-29 09:26:04

But he **hasn't even inserted the `content` string in the DOM**! Why should that ID exist?

MvanGeest 2010-07-29 09:27:41

@MvanGeest, he wants to be able to remove previously added content, and then re-enter it ... (*it is on a click event*)

Gaby 2010-07-29 09:28:14

Could be... but there's no `#floating_box` in his HTML example.

MvanGeest 2010-07-29 09:29:21

yeah, i fixed that part. even so its still not removing

clonex1 2010-07-29 09:31:43

Not in the order you're executing it... you're first removing it, then appending it...

MvanGeest 2010-07-29 09:32:59

@clonex, use `jQuery('#floating_box').remove();`

Gaby 2010-07-29 09:33:26

There's no `#floating-box` in the code, since it was inserted with Javascript.

Peter Ajtai 2010-07-29 09:36:28

@Gaby, just tried it 3 times... its not removing it

clonex1 2010-07-29 09:38:10

@clonex1, your code is re-adding what you remove.. what *exactly* do you want to happen when you click ?

Gaby 2010-07-29 09:39:12

@clonex1 it is... you are just hypnotized... when it was removed, another one was added... see this demo to illustrate http://jsfiddle.net/QvBmC/

Reigel 2010-07-29 09:39:12

here's the link to the code am working onhttp://passivenet.com/2/index.html

clonex1 2010-07-29 09:45:04

@Gaby, when i click in the first time content is appened (which is nice thing)when is reclick to have it removed - its not removing just stays there -

clonex1 2010-07-29 10:01:13

@clonex1, it does not jsut stay there .. it is removed and re-added.. you want to show it on one click and hide it on the next ? .. why did you never mention that :) ?!?

Gaby 2010-07-29 10:01:23

@clonex1, updated answer with solution..

Gaby 2010-07-29 10:07:58

Answer 3

+1 A:

demo

function callme()
{
    var content = '<div id="floating_box" class="fb">' +
    'sdfsdfsdfsdfsfsddsfsfsdfsdfsdfsfsdfsdfsdfsfsdfsd' +
    '</div>';
    jQuery('#floating_box').toggle();
    if (!$('#floating_box').length)
      jQuery('body').append(content);
}

Reigel 2010-07-29 09:32:45

@Reigel, just tried your edited code on my local/remote site http://passivenet.com/2/, its still not working

clonex1 2010-07-29 09:56:29

but you see the demo worked?

Reigel 2010-07-29 09:58:13

@clonex1 in you site you have misspelled `length`, edit it and it should work..

Gaby 2010-07-29 09:59:55

that worked. thanks Gaby thanks everyone for your helpsaved my day

clonex1 2010-07-29 10:10:54

Answer 4

A:

You are not seeing the floating_box being removed because a new version of the floating_box div is added whenever you call the callme function.

 function callme() {
     var $floatingbox = jQuery("#floating_box");
     if ( $floatingbox.length ) {
         $floatingbox.remove();
     }
     else {
        var content = '<div id="floating_box" class="fb">' +
            'sdfsdfsdfsdfsfsddsfsfsdfsdfsdfsfsdfsdfsdfsfsdfsd' +
            '</div>';  
        jQuery('body').append(content);  
     }
 }

This will check whether the floating_box div exists, and remove it otherwise add it.

Mario Menger 2010-07-29 10:07:18

ansaurus

tags:

views:

answers:

unable to remove div inserted by jquery

demo

related questions