Ah super! Dann muss das Tooltip sozusagen zweimal aufgerufen werden... ach so. Danke tausend, spooky!
Für alle, die das auch wollen:
Tooltipster hier herunterladen und ins root (Contao4 = /web) kopieren.
Dann folgendes script ins Template kopieren:
PHP-Code:
<link rel="stylesheet" type="text/css" href="tooltipster/dist/css/tooltipster.bundle.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script type="text/javascript" src="tooltipster/dist/js/tooltipster.bundle.min.js"></script>
<script>
$(document).ready(function() {
$('.tooltip').tooltipster({
animation: 'fade',
contentAsHTML: true,
interactive: true,
trigger: 'custom',
triggerOpen: {
mouseenter: true,
tap: true
},
triggerClose: {
mouseleave: true,
tap: true
}
});
$('.mod_calendar').on('click', '.head a', function(e) {
e.preventDefault();
$('.mod_calendar').load($(this).attr('href') + ' .mod_calendar > *', function()
{
$('.mod_calendar a.tooltip').tooltipster({
animation: 'fade',
contentAsHTML: true,
interactive: true,
trigger: 'custom',
triggerOpen: {
mouseenter: true,
tap: true
},
triggerClose: {
mouseleave: true,
tap: true
}
});
});
return false;
});
});
</script>
Kalender-Template (dabei wird, was in den Teasertext der Events geschrieben wird, als Tooltip genommen. Und mit specialchars() funktionieren auch links:
PHP-Code:
<table class="calendar">
<thead>
<tr>
<th colspan="2" class="head previous"><?php if ($this->prevHref): ?><a href="<?= $this->prevHref ?>" title="<?= $this->prevTitle ?>"><?= $this->prevLink ?></a><?php else: ?> <?php endif; ?></th>
<th colspan="3" class="head current"><?= $this->current ?></th>
<th colspan="2" class="head next"><?php if ($this->nextHref): ?><a href="<?= $this->nextHref ?>" title="<?= $this->nextTitle ?>"><?= $this->nextLink ?></a><?php else: ?> <?php endif; ?></th>
</tr>
<tr>
<?php foreach ($this->days as $i=>$day): ?>
<th class="label<?= $day['class'] ?>"><?= Patchwork\Utf8::substr($day['name'], 0, $this->substr) ?><span><?= Patchwork\Utf8::substr($day['name'], $this->substr) ?></span></th>
<?php endforeach; ?>
</tr>
</thead>
<tbody>
<?php foreach ($this->weeks as $class=>$week): ?>
<tr class="<?= $class ?>">
<?php foreach ($week as $day): ?>
<td class="<?= $day['class'] ?>">
<div class="header"><?= $day['label'] ?></div>
<?php foreach ($day['events'] as $event): ?>
<div class="event cal_<?= $event['parent'] ?><?= $event['class'] ?>" itemscope itemtype="http://schema.org/Event">
<a class="tooltip"
title="<?php echo specialchars($event['teaser']);?>"
<span itemprop="name">
<?= $event['title'] ?><br><?= $event['time'] ?>
</span>
</a>
</div>
<?php endforeach; ?>
</td>
<?php endforeach; ?>
</tr>
<?php endforeach; ?>
</tbody>
</table>
Seiten Position des Kalenders nach anklicken
Zitieren
Zitat von Voselix
. Falls du noch keinen eigenen jQuery Code irgendwo einsetzt, gibt es natürlich mehrere Möglichkeiten. zB über zusätzliche <head>-Tags im Seitenlayout oder als eigenes "j_…" Template, welches du dann ebenfalls im Seitenlayout einbindest. In beiden Fällen solltest du das ganze mit
Lesezeichen