What about it isn't working? This simple example works fine for me:
$(document).ready(function() {
$('body').append('<div id="test">This is the test.</div>');
$('#test').bind('click', function() { alert('This is from a test event'); });
});
--Erik
On 6/4/07, radzio <[EMAIL PROTECTED]> 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?
