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
