ansaurus

Question

jQuery new window with content from modal content on opener page

Answer 1

A:

The problem is in your string. Change it to this:

$('a.new-window').click(function(){

    var recipe =  window.open('','RecipeWindow','width=600,height=600');
     $('#recipe1').clone().appendTo('#myprintrecipe');
    var html = "<html><head><title>Print Your Recipe</title></head><body><div id=\"myprintrecipe\"></div></body></html>";
recipe.document.open();
recipe.document.write(html);
recipe.document.close();

      return false;

     });

The problem is that you had a " character inside the string, which ends the string. The script engine got confused and complained with the error message.

Marius 2009-08-04 03:08:32

Answer 2

A:

change :

var html = "<html><head><title>Print Your Recipe</title></head><body><div id="myprintrecipe"></div></body></html>";

to:

var html = "<html><head><title>Print Your Recipe</title></head><body><div id='myprintrecipe'></div></body></html>";

and take notes on the double quotes (")

Abu Aqil 2009-08-04 03:10:44

Answer 3

+1 A:

I think what you are looking for is the following:

jQuery(function($) {
    $('a.new-window').click(function(){

    var recipe =  window.open('','RecipeWindow','width=600,height=600');
    var html = '<html><head><title>Print Your Recipe</title></head><body><div id="myprintrecipe">' + $('<div />').append($('#recipe1').clone()).html() + '</div></body></html>';
    recipe.document.open();
    recipe.document.write(html);
    recipe.document.close();

    return false;

    });
});

Marius had a partially correct answer - you did have a javascript error in your html string, but the content wouldn't have been appended anyways even if the error didn't get thrown because you were trying to append the recipe before the #myprintrecipe div was even in the new window.

Hope this helps.

Tres 2009-08-04 03:13:34

thanks tres! that was it, the string thing--DOH rookie mistake, i cant believe i missed that. the second issue was what i couldnt figure out, when to do the append... Thanks!!!

2009-08-04 04:17:27

Okay, i am looking at this more carefully and dont really understand it. (although grateful it works)... is it possible to explain this part: $('<div />').append($('#recipe1').clone()).html() i dont get why / how the <div> is a selector in this case...

2009-08-04 04:28:21

The div isn't a selector, it's html being passed to jQuery. When that happens, jQuery creates an object out of it that you can use in your chaining. What I've done with that bit of code is grab the "outer" HTML of the recipe object because if you just went $('#recipe1').html(), you would get everything inside of '#recipe1', but not '#recipe1' itself including its HTML. If you don't need to include '#recipe1' in the window, but only its HTML, then just go $('#recipe1').html(). The jQuery docs explains valid arguments here: http://docs.jquery.com/Core. See: "$(...) The jQuery Function:".

Tres 2009-08-04 04:36:38

okay i get that now.

2009-08-04 19:44:56

ansaurus

tags:

views:

answers:

jQuery new window with content from modal content on opener page

related questions