Hoi allemaal,
Ik heb zojuist de MOD 'Topic Calendar' van Ptirhiik geïnstalleerd. En het werkt (voor zover ik weet) allemaal prima op mijn phpBB 2.0.11.
Ik heb mijn forum 770px breed en dit wil ik dan uiteraard ook voor mijn kalender hebben. En dat is ook gelukt, maar....
Als ik een event toevoeg met een (te) lange topic-naam dan 'verschaalt' de kolombreedte van de kalender mee. Is er een mogelijkheid om de kolombreedte en rijhoogte vast te leggen? Of op z'n minst dat de titel van de event terugspringt als deze de 'tabelrand' bereikt?
In calendar_body.tpl staat het in ieder geval niet...
MVG, Khai
Vastleggen kolombreedte en rijhoogte voor Topic Calendar?
Forumregels
Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
Het zit 'm in het bestand calendar_box.tpl. Hierin verwijst het templatebestand naar de .PHP-bestand(en) van deze MOD. Laat ik nu juist nét geen verstand hebben van PHP 
. Als de layout van de kalender nou in een .TPL-bestand terug te vinden was, dan had ik het wel op kunnen lossen.
Hier de code van caldendar_box.tpl:
. Als de layout van de kalender nou in een .TPL-bestand terug te vinden was, dan had ik het wel op kunnen lossen.Hier de code van caldendar_box.tpl:
Code: Selecteer alles
<!-- The javascript presents here comes from MyCalendar 2.2.6 from MojavLinux -->
<script language="Javascript" type="text/javascript">
<!--
var agt = navigator.userAgent.toLowerCase();
var originalFirstChild;
function createTitle(which, string, x, y)
{
// record the original first child (protection when deleting)
if (typeof(originalFirstChild) == 'undefined')
{
originalFirstChild = document.body.firstChild;
}
x = document.all ? (event.clientX + document.body.scrollLeft) : x;
y = document.all ? (event.clientY + document.body.scrollTop) : y;
element = document.createElement('div');
element.style.position = 'absolute';
element.style.zIndex = 1000;
element.style.visibility = 'hidden';
excessWidth = 0;
if (document.all)
{
excessWidth = 50;
}
excessHeight = 20;
element.innerHTML = '<div class="bodyline"><table width="300" cellspacing="0" cellpadding="0" border="0"><tr><td><table width="100%"><tr><td><span class="gen">' + string + '</span></td></tr></table></td></tr></table></div>';
renderedElement = document.body.insertBefore(element, document.body.firstChild);
renderedWidth = renderedElement.offsetWidth;
renderedHeight = renderedElement.offsetHeight;
// fix overflowing off the right side of the screen
overFlowX = x + renderedWidth + excessWidth - document.body.offsetWidth;
x = overFlowX > 0 ? x - overFlowX : x;
// fix overflowing off the bottom of the screen
overFlowY = y + renderedHeight + excessHeight - window.innerHeight - window.pageYOffset;
y = overFlowY > 0 ? y - overFlowY : y;
renderedElement.style.top = (y + 15) + 'px';
renderedElement.style.left = (x + 15) + 'px';
// windows versions of mozilla are like too fast here...we have to slow it down
if (agt.indexOf('gecko') != -1 && agt.indexOf('win') != -1)
{
setTimeout("renderedElement.style.visibility = 'visible'", 1);
}
else
{
renderedElement.style.visibility = 'visible';
}
}
function destroyTitle()
{
// make sure we don't delete the actual page contents (javascript can get out of alignment)
if (document.body.firstChild != originalFirstChild)
{
document.body.removeChild(document.body.firstChild);
}
}
//-->
</script>
<!-- BEGIN _calendar_box -->
<!-- BEGIN switch_full_month -->
<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%" class="forumline">
<tr>
<td align="center" class="catHead" colspan="{_calendar_box.SPAN_ALL}" width="100%">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td> </td>
<td class="quote"><b> <a href="{_calendar_box.U_PREC}" class="gen">«</a> </b></td>
<td width="100%" align="center">{_calendar_box.S_MONTH}{_calendar_box.S_YEAR} {_calendar_box.S_FORUM_LIST} <input type="submit" value="{_calendar_box.L_GO}" class="liteoption" /></td>
<td class="quote"><b> <a href="{_calendar_box.U_NEXT}" class="gen">»</a> </b></td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- BEGIN _cell -->
<th width="{_calendar_box.switch_full_month._cell.WIDTH}%" nowrap="nowrap">{_calendar_box.switch_full_month._cell.L_DAY}</th>
<!-- END _cell -->
</tr>
<!-- END switch_full_month -->
<!-- BEGIN switch_full_month_no -->
<table align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="100%"></td>
<td align="right" nowrap="nowrap"><span class="mainmenu"><a href="#" onclick="hdr_toggle('calendar_display','calendar_open_close', '{DOWN_ARROW}', '{UP_ARROW}'); return false;" class="gensmall"><img src="{TOGGLE_ICON}" id="calendar_open_close" hspace="2" border="0" />{_calendar_box.L_CALENDAR_TXT}</a> </span></td>
</tr>
<tbody id="calendar_display" style="display:{TOGGLE_STATUS}">
<tr height="2"><td></td></tr>
<tr><td colspan="2">
<table align="center" cellpadding="0" cellspacing="1" border="0" width="100%" class="forumline">
<tr>
<th align="center" colspan="{_calendar_box.SPAN_ALL}" width="100%">{_calendar_box.L_CALENDAR}</th>
</tr>
<!-- END switch_full_month_no -->
<!-- BEGIN _row -->
<tr>
<!-- BEGIN _cell -->
<!-- BEGIN switch_filled_no -->
<td class="row3" colspan="{_calendar_box._row._cell.SPAN}" width="{_calendar_box._row._cell.WIDTH}%"> </td>
<!-- END switch_filled_no -->
<!-- BEGIN switch_filled -->
<td class="row1" valign="top" colspan="{_calendar_box._row._cell.SPAN}" width="{_calendar_box._row._cell.WIDTH}%">
<table cellspacing="0" cellpadding="2" width="100%" height="94" valign="top">
<tr>
<td class="row2" align="center" height="4" nowrap="nowrap"><span class="genmed"><a href="{_calendar_box._row._cell.U_DATE}" alt="{_calendar_box._row._cell.DATE}" class="genmed">{_calendar_box._row._cell.DATE}</a></span></td>
</tr>
<tr valign="top">
<td class="row1" nowrap="nowrap">
<table cellspacing="0" cellpadding="0" width="100%" valign="top">
<!-- BEGIN _event -->
<!-- BEGIN switch_event -->
<tr>
<td class="row1" nowrap="nowrap"><span class="genmed">{_calendar_box._row._cell.switch_filled._event.EVENT_TYPE}<a href="{_calendar_box._row._cell.switch_filled._event.U_EVENT}" onmouseover="createTitle(this, '{_calendar_box._row._cell.switch_filled._event.EVENT_MESSAGE}', event.pageX, event.pageY);" onmouseout="destroyTitle();" class="{_calendar_box._row._cell.switch_filled._event.EVENT_CLASS}">{_calendar_box._row._cell.switch_filled._event.EVENT_TITLE}</a></span></td>
<!-- BEGIN _more -->
<td class="row1" align="right"><span class="genmed"><a href="#" onclick="hdr_toggle('calendar_display_extend_{_calendar_box._row._cell.switch_filled.EVENT_DATE}','calendar_open_close_{_calendar_box._row._cell.switch_filled.EVENT_DATE}', '{DOWN_ARROW}', '{UP_ARROW}'); return false;" class="gensmall">...<img src="{_calendar_box._row._cell.switch_filled.TOGGLE_ICON}" id="calendar_open_close_{_calendar_box._row._cell.switch_filled.EVENT_DATE}" hspace="2" border="0" /></a></span></td>
<!-- END _more -->
<!-- BEGIN _more_no -->
<td></td>
<!-- END _more_no -->
</tr>
<!-- END switch_event -->
<!-- BEGIN switch_event_no -->
<tr>
<td class="row1"><span class="genmed"> </span></td>
<!-- BEGIN _more -->
<td class="row1" align="right"><span class="genmed"><a href="#" onclick="hdr_toggle('calendar_display_extend_{_calendar_box._row._cell.switch_filled.EVENT_DATE}','calendar_open_close_{_calendar_box._row._cell.switch_filled.EVENT_DATE}', '{DOWN_ARROW}', '{UP_ARROW}'); return false;" class="gensmall">...<img src="{_calendar_box._row._cell.switch_filled.TOGGLE_ICON}" id="calendar_open_close_{_calendar_box._row._cell.switch_filled.EVENT_DATE}" hspace="2" border="0" /></a></span></td>
<!-- END _more -->
<!-- BEGIN _more_no -->
<td></td>
<!-- END _more_no -->
</tr>
<!-- END switch_event_no -->
<!-- BEGIN _more_header -->
<tbody id="calendar_display_extend_{_calendar_box._row._cell.switch_filled.EVENT_DATE}" style="display:{_calendar_box._row._cell.switch_filled.TOGGLE_STATUS}">
<!-- END _more_header -->
<!-- BEGIN _more_footer -->
</tbody>
<!-- END _more_footer -->
<!-- END _event -->
</table>
</td>
</tr>
</table>
</td>
<!-- END switch_filled -->
<!-- END _cell -->
</tr>
<!-- END _row -->
<!-- BEGIN switch_full_month -->
<tr>
<td class="catbottom" align="center" colspan="{_calendar_box.SPAN_ALL}" width="100%"> </td>
</tr>
<!-- END switch_full_month -->
<!-- BEGIN switch_full_month_no -->
</table></td></tr></tbody>
<!-- END switch_full_month_no -->
</table>
<!-- END _calendar_box -->Het is me gelukt om de breedtes vast te leggen! 8)
Het is achteraf eigenlijk best makkelijk.
Zo 'simpel' is het.
MVG, Khai.
Het is achteraf eigenlijk best makkelijk.
Code: Selecteer alles
#
#-----[ OPEN ]------------------------------------------------
#
calender_box.tpl
#
#-----[ VIND ]------------------------------------------------
# Dit zijn de (7) kolommen waar je dagen in staan
#
width="{_calendar_box.switch_full_month._cell.WIDTH}%"
#
#-----[ VERVANG MET ]-----------------------------------------
# De waarde die hieronder staat is gefingeerd! Uitgegaan van totale tabelbreedte van 770px: wordt 1 kolombreedte 770/7(dgn) = 110px
#
width="110"
#
#-----[ VIND 2X ]------------------------------------------------
# Dit zijn de kolommen waar de data in staan
#
width="{_calendar_box._row._cell.WIDTH}%"
#
#-----[ VERVANG MET ]-----------------------------------------
# De waarde die hieronder staat is gefingeerd! Uitgegaan van totale tabelbreedte van 770px: wordt 1 kolombreedte 770/7(dgn) = 110px
#
width="110"
MVG, Khai.