Bug Tracker

Ticket #5611: test.html

File test.html, 10.6 KB (added by jbuberel, 13 years ago)

Test HTML file that will produce the error.

Line 
1<html>
2<head>
3<title>IE8 Stack Overflow</title>
4<link type="text/css" rel="stylesheet" href="http://craigsworks.com/projects/qtip/css/qtip.css"/>
5
6    <script  type="text/javascript" src="http://code.jquery.com/jquery-1.4a1.js"></script>
7    <script  type="text/javascript" src="https://www.google.com/jsapi"></script>
8    <script type="text/javascript">
9        google.load("jqueryui", "1.7");
10    </script>
11    <script type="text/javascript" src="http://www.altosresearch.com/altos/scripts/jquery.qtip.min.js"></script>
12    <script type="text/javascript" src="http://www.altosresearch.com/altos/scripts/qtip-styles.js"></script>
13
14</head>
15<body>
16<script type="text/javascript">
17    $(document).ready(function()
18        {
19           // Notice the use of the each() method to acquire access to each elements attributes
20           $('.qtip-help').each(function()
21           {
22              $(this).qtip({
23                  content: {
24                    title: {
25                       text: $(this).attr('alt'),
26                       button: false
27                    },
28                    text: $(this).attr('longdesc')
29                  },
30                 position: {
31                    corner: {
32                       target: 'bottomMiddle', // Position the tooltip above the link
33                       tooltip: 'topMiddle'
34                    },
35                    adjust: {
36                       screen: true // Keep the tooltip on-screen at all times
37                    }
38                 },
39                 style: 'help'
40              });
41           });
42            $('.qtip-wide').each(function()
43            {
44                $(this).qtip({
45                    content: {
46                      title: {
47                         text: $(this).attr('alt'),
48                         button: false
49                      },
50                      text: $(this).attr('longdesc')
51                    },
52                    position: {
53                    corner: {
54                       target: 'bottomMiddle', // Position the tooltip above the link
55                       tooltip: 'topMiddle'
56                    },
57                    adjust: {
58                       screen: true // Keep the tooltip on-screen at all times
59                    }
60                 },
61                   style: 'wide'
62                });
63            });
64
65        $('.qtip-sticky-help').each(function()
66        {
67            $(this).qtip({
68                content: {
69                  title: {
70                     text: $(this).attr('alt'),
71                      button: '[x]' // Show a close link in the title
72                  },
73                  text: $(this).attr('longdesc')
74                },
75                position: {
76                    corner: {
77                       target: 'bottomMiddle', // Position the tooltip above the link
78                       tooltip: 'topMiddle'
79                    },
80                    adjust: {
81                       screen: true // Keep the tooltip on-screen at all times
82                    }
83                },
84                show: {
85                   when: 'click',
86                   solo: true // Only show one tooltip at a time
87                },
88                hide: 'unfocus',
89               style: 'help'
90            });
91        });
92        $('a[title]').qtip({ style: { name: 'replacement', tip: true } });
93     });
94
95</script>
96    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
97    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
98    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
99    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
100    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
101    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
102    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
103    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
104    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
105    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
106    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
107    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
108    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
109    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
110    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
111    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
112    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
113    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
114    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
115    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
116    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
117    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
118    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
119    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
120    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
121    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
122    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
123    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
124    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
125    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
126    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
127    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
128    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
129    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
130    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
131    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
132    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
133    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
134    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
135    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
136    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
137    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
138    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
139    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
140    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
141    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
142    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
143    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
144    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
145    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
146    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
147    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
148    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
149    <p>Here is an example <a href="#" title="This is the title that should apear in the qTip popup">of a stack overflow in jquery</a>.</p>
150</body>
151</html>
152