If you just want it to appear when you click a link, then you
probably don't want to append it to the body on document.ready. Put
that in a click handler instead. Anyway, I threw together a page for
you:
http://test.learningjquery.com/create-window.html
Is that the kind of thing you're looking for?
Also, you might want to take a look at the jQuery plugins page
(docs.jquery.com/Plugins) for a more robust implementation of this
sort of thing -- more along the lines of the prototype example you
pointed to. Here is one plugin that might interest you:
http://dev.iceburg.net/jquery/jqModal/
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jun 4, 2007, at 4:54 PM, radzio wrote:
Unfortunately it doesn't work too. However it's a bit better but still
I have this problem :/ I simply want to generate js window by clicking
link .... something like this -> http://prototype-window.xilinus.com/
but a bit more simply ;-). But I couldn't jump over problem I
described earlier ;/. It's strange because in the Firefox DOM
Inspector I can see created divs but I can't use them with jQuery ;/.
Btw thanks Karl for help ;-)
--Radzio
On 4 Cze, 19:39, Karl Swedberg <[EMAIL PROTECTED]> wrote:
A good place to start here would be to wrap your DOM elements in $(),
so it would look like this:
var htmlW = $('<div id="'+windowId+'" class="window"><div
class="windowTop"><div class="windowTopContent">Window example</
div><img src="images/window_min.jpg" class="windowMin" /><img
src="images/window_max.jpg" class="windowMax" /><img src="images/
window_close.jpg" class="windowClose" /></div><div
class="windowBottom"><div class="windowBottomContent"> </div></
div><div class="windowContent"><p>bla 1</p><p>bla 2</p><p>bla 3</p></
div><img src="images/window_resize.gif" class="windowResize" /></
div>');
then call your createWindow function within document.ready:
$(document).ready(createWindow);
--Karl
_________________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 4, 2007, at 12:34 PM, radzio wrote:
Hi!
I'm making js script which allows to create div floating windows. I
want to use jQuery + interface but I met with difficulties. I create
html code with js:
function createWindow()
{
var windowId = '#test';
var htmlW = '<div id="'+windowId+'" class="window"><div
class="windowTop"><div class="windowTopContent">Window example</
div><img src="images/window_min.jpg" class="windowMin" /><img
src="images/window_max.jpg" class="windowMax" /><img src="images/
window_close.jpg" class="windowClose" /></div><div
class="windowBottom"><div class="windowBottomContent"> </div></
div><div class="windowContent"><p>bla 1</p><p>bla 2</p><p>bla 3</
p></
div><img src="images/window_resize.gif" class="windowResize" /></
div>';
$(htmlW).appendTo("body");
if($(windowId).css('display') == 'none') {
$(windowId).DropInRight(1000);
}
}
Unfortunately it doesn't work ;/ I read about $(document).ready
(http://docs.jquery.com/Tutorials:Introducing_%24%28document%
29.ready
%28%29) and ... Is there any chance to generate html code in js then
append it to body and add effects etc. to it?
