Hello David,
When I tried the original http://www.oe-files.de/gmaps/usgseq.html in
IE7 I got the same problem. So it is not my application that is causing
the problem, I think.
Greetings,
Niek
David Huynh schreef:
> No, it's not that % isn't allowed. I just worry that some of the bands
> are too narrow. Could you try to make the bands wider (e.g., "10%"
> instead of "5%")?
>
> Niek van Baalen wrote:
>
>> Thanks David,
>>
>> I have this in the js file
>> Timeline.createBandInfo({
>> showEventText: false,
>> eventSource: eventSource,
>> width: "5%",
>> intervalUnit: Timeline.DateTime.YEAR,
>> intervalPixels: 200,
>> trackHeight: 0.50,
>> trackGap: 0.2
>> }),
>> Timeline.createBandInfo({
>> showEventText: false,
>> eventSource: eventSource,
>> width: "8%",
>> intervalUnit: Timeline.DateTime.MONTH,
>> intervalPixels: 200,
>> trackHeight: 0.50,
>> trackGap: 0.2
>> }),
>> Timeline.createBandInfo({
>> eventSource: eventSource,
>> width: "87%",
>> intervalUnit: Timeline.DateTime.DAY,
>> intervalPixels: 205
>>
>> Is it not allowed to use percentages?
>> Or is it that the percentages in the css file for the div's height are
>> not allowed?
>>
>> div#infoc {
>> position: absolute;
>> top: 0;
>> height: 3ex;
>> width: 100%;
>> }
>>
>> div#info {
>> padding: 3px 10px;
>> font-size: 10pt;
>> }
>>
>> span#data {
>> position: absolute;
>> left: 2em;
>> }
>>
>> span#link {
>> position: absolute;
>> right: 2em;
>> }
>>
>> div#timelinecontainer {
>> position: absolute;
>> top: 3ex;
>> bottom: 55%;
>> width: 100%;
>> }
>>
>> div#timeline {
>> height: 100%;
>> font-size: 8pt;
>> }
>>
>> div#mapcontainer {
>> position: absolute;
>> bottom: 0;
>> height: 55%;
>> width: 100%;
>> }
>>
>> div#map {
>> width: 100%;
>> height: 100%;
>> }
>>
>> Greetings,
>> Niek
>> David Huynh schreef:
>>
>>
>>> Niek,
>>>
>>> It is actually this line
>>>
>>> this._highlightDiv.style.height=(band.getViewWidth()-4)+"px";
>>>
>>> which can throw an exception if the band is too narrow, resulting in a
>>> negative height. Does the error occur if you make the bands taller?
>>>
>>> David
>>>
>>> Niek van Baalen wrote:
>>>
>>>
>>>
>>>> Hello
>>>>
>>>> In Internet Explorer (version 7)
>>>> http://www.ikcro.nl/php/test/timeline/usgseq_ikcro.html gives an error
>>>> on line 3080 which is I think :
>>>> this._highlightDiv.style.height=length+"px
>>>>
>>>> From /* ether-painters.js */
>>>>
>>>> this.position=function(startDate,endDate){
>>>> this._createHighlightDiv();
>>>>
>>>> var startPixel=Math.round(band.dateToPixelOffset(startDate));
>>>> var endPixel=Math.round(band.dateToPixelOffset(endDate));
>>>> var length=Math.max(endPixel-startPixel,3);
>>>> if(horizontal){
>>>> this._highlightDiv.style.left=startPixel+"px";
>>>> this._highlightDiv.style.width=length+"px";
>>>> this._highlightDiv.style.top="2px";
>>>> this._highlightDiv.style.height=(band.getViewWidth()-4)+"px";
>>>> }else{
>>>> this._highlightDiv.style.top=startPixel+"px";
>>>> *this._highlightDiv.style.height=length+"px";*
>>>> this._highlightDiv.style.left="2px";
>>>> this._highlightDiv.style.width=(band.getViewWidth()-4)+"px";
>>>> }
>>>> }
>>>> In Mozilla Firefox all works fine.
>>>>
>>>> Does anyone know a solution?
>>>>
>>>> Thanks
>>>> Niek van Baalen
>>>>
>>>>
>>>> ------------------------------------------------------------------------
>>>>
>>>> _______________________________________________
>>>> General mailing list
>>>> [email protected]
>>>> http://simile.mit.edu/mailman/listinfo/general
>>>>
>>>>
>>>>
>>>>
>>> _______________________________________________
>>> General mailing list
>>> [email protected]
>>> http://simile.mit.edu/mailman/listinfo/general
>>>
>>>
>>>
>>>
>>>
>>>
>> _______________________________________________
>> General mailing list
>> [email protected]
>> http://simile.mit.edu/mailman/listinfo/general
>>
>>
>
> _______________________________________________
> General mailing list
> [email protected]
> http://simile.mit.edu/mailman/listinfo/general
>
>
>
>
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general
