Changes between Version 3 and Version 4 of Ticket #4282


Ignore:
Timestamp:
Jul 24, 2008, 8:58:10 AM (11 years ago)
Author:
bill
Comment:

I had to update your test file some (attached the new version) but I am able to reproduce.

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #4282

    • Property Summary changed from Tooltip places the tooltips wrong when window is very small. to Tooltip: places the tooltips wrong when window is very small.
    • Property Milestone changed from 1.2 to 1.4
  • Ticket #4282 – Description

    v3 v4  
    11Test the following example. Make the window very small so that the lines in the tooltip and from the text right to the checkboxes will be broken. The tooltip will be positioned far away from the checkbox.
    2 {{{
    3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    4         "http://www.w3.org/TR/html4/loose.dtd">
    5 <html>
    6 <head>
    7         <title>Untitled</title>
    8         <meta name="generator" content="BBEdit 8.2">
    9         <style type="text/css">
    10                 @import "/dojo/dijit/themes/tundra/tundra.css";
    11         </style>
    12         <SCRIPT SRC="/dojo/dojo/dojo.js" LANGUAGE="JavaScript"></SCRIPT>
    13         <script language=javascript>
    14                 dojo.require("dijit.Tooltip");
    15         </script>
    16         <script language="javascript">
    17                 function makeTooltipForCbs(){
    18                         var cbs = document.getElementsByTagName("input")
    19                         var div = document.createElement("div")
    20                         div.id = "tooltipForCb"
    21                         div.innerHTML = "Zum &Uuml;bernehmen dieser &Auml;nderung klicken Sie bitte noch auf den roten Pfeil in der Tab-Leiste. Zum &Uuml;bernehmen dieser &Auml;nderung klicken Sie bitte noch auf den roten Pfeil in der Tab-Leiste."
    22                         for ( var n = 0; n < cbs.length; n++ ){
    23                                 if( cbs[n].type != "checkbox" ){ continue }
    24                                 else{
    25                                         cbs[n].id = cbs[n].value
    26                                         var labels = {
    27                                                 connectId       :       cbs[n].id,
    28                                         }
    29                                         var tooltip = new dijit.Tooltip( labels, div )
    30                                 }
    31                         }
    32                 }
    33                 window.onload = makeTooltipForCbs
    34         </script>
    35 </head>
    36 <body>
    37 <form method="get">
    38         <input type="checkbox" value=myCheckbox01>Checkbox with Tooltip<br>
    39         <input type="checkbox" value=myCheckbox02>Checkbox with Tooltip<br>
    40         <input type="checkbox" value=myCheckbox03>Checkbox with Tooltip<br>
    41         <input type="checkbox" value=myCheckbox04>Checkbox with Tooltip<br>
    42         <input type="checkbox" value=myCheckbox05>Checkbox with Tooltip<br>
    43         <input type="checkbox" value=myCheckbox06>Checkbox with Tooltip<br>
    44         <input type="checkbox" value=myCheckbox07>Checkbox with Tooltip<br>
    45         <input type="checkbox" value=myCheckbox08>Checkbox with Tooltip<br>
    46         <input type="checkbox" value=myCheckbox09>Checkbox with Tooltip<br>
    47         <input type="checkbox" value=myCheckbox10>Checkbox with Tooltip<br><br>
    48 </form>
    49 </body>
    50 </html>
    51 }}}