Bug Tracker

Ticket #6901: after-before-bug.html

File after-before-bug.html, 896 bytes (added by Niko Viitala, 12 years ago)

after/before bug example

Line 
1<!DOCTYPE html>
2<html>
3<head>
4  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
5</head>
6<body>
7        <div id="div1">
8                        <span id="frame1"></span>
9                </div>
10                <div id="div2">
11                        <span id="frame2"></span>
12                </div>
13       
14        <a href="javascript:change()">change</a>
15       
16<script type="text/javascript">
17        var $frame = $('<iframe style="width:200px; height:100px;">');
18        $('#frame1').html( $frame );
19        setTimeout( function() {
20                var doc = $frame[0].contentWindow.document;
21                var $body = $('body',doc);
22                $body.html('test1');
23        }, 100);
24       
25        var $frame2 = $('<iframe style="width:200px; height:100px;">');
26        $('#frame2').html( $frame2 );
27        setTimeout( function() {
28                var doc2 = $frame2[0].contentWindow.document;
29                var $body2 = $('body',doc2);
30                $body2.html('test2');
31        }, 100); 
32       
33        function change() {
34                $("#div2").after($("#div1"));
35        }       
36</script>
37
38</body>
39</html>