Öffne die Datei
spendentafel.php in einem Editor.
Suche nach folgender Stelle im Code. (ca. Zeile 226+227)
<body>
<h2>' .$title. '</h2>
Dies ersetzen durch:
<body>
<script type="text/javascript" src="wz_tooltip.js"></script>
<h2>' .$title. '</h2>
Die Javascript-Datei ist nun eingebunden. Nun folgt muss noch an entsprechender Stelle der neue Tooltips eingebunden werden.
1) In der selben Datei (spendentafel.php) weiter nach folgendem Code suchen:
(ca. Zeile 264)
//normales Feld + Besitzer vorhanden
$html .= '<td class="besitzer_normal" id="id' .$i. '" title="verkauft' .$besitzer. '">' . $row['id'] . '</td>';
dies ersetzen durch:
//normales Feld + Besitzer vorhanden
$html .= '<td class="besitzer_normal" id="id' .$i. '" title="verkauft" onmouseover="Tip(\'' .$besitzer. '\', TITLE, \'verkauft\', TITLEPADDING, 10, TITLEFONTCOLOR, \'#ff0000\', TITLEFONTSIZE, \'20pt\', TITLEBGCOLOR, \'#333300\', TITLEALIGN, \'center\', PADDING, 12, TEXTALIGN, \'right\', BGCOLOR, \'#279f2e\', BORDERCOLOR, \'#000000\', FONTCOLOR, \'#ffffff\', FONTSIZE, \'10pt\', FADEIN, 500)" onmouseout="UnTip()">' . $row['id'] . '</td>';
Keine Angst. Da die Farben und Definitionen des neuen Tooltip alle per Parameter übergeben werden, ist die Zeile um einiges länger.
Das ganze muss nun noch drei weitere Male durchgeführt werden.
2) suchen nach:
(ca. Zeile 268)
//normales Feld + kein Besitzer
$html .= '<td id="id' .$i. '" title="Feld verfügbar">' . $row['id'] . '</td>';
dies ersetzen durch:
//normales Feld + kein Besitzer
$html .= '<td id="id' .$i. '" onmouseover="Tip(\'Feld verfügbar\', TITLE, \'kein Besitzer\', TITLEPADDING, 10, TITLEFONTCOLOR, \'#ff0000\', TITLEFONTSIZE, \'20pt\', TITLEBGCOLOR, \'#333300\', TITLEALIGN, \'center\', PADDING, 12, TEXTALIGN, \'right\', BGCOLOR, \'#279f2e\', BORDERCOLOR, \'#000000\', FONTCOLOR, \'#ffffff\', FONTSIZE, \'10pt\', FADEIN, 500)" onmouseout="UnTip()">' . $row['id'] . '</td>';
3) suchen nach:
(ca. Zeile 276)
//teures Feld + Besitzer vorhanden
$html .= '<td class="besitzer_teurer" id="id' .$i. '" title="verkauft' .$besitzer. '">' . $row['id'] . '</td>';
dies ersetzen durch:
//teures Feld + Besitzer vorhanden
$html .= '<td class="besitzer_teurer" id="id' .$i. '" onmouseover="Tip(\'' .$besitzer. '\', TITLE, \'verkauft\', TITLEPADDING, 10, TITLEFONTCOLOR, \'#ff0000\', TITLEFONTSIZE, \'20pt\', TITLEBGCOLOR, \'#333300\', TITLEALIGN, \'center\', PADDING, 12, TEXTALIGN, \'right\', BGCOLOR, \'#279f2e\', BORDERCOLOR, \'#000000\', FONTCOLOR, \'#ffffff\', FONTSIZE, \'10pt\', FADEIN, 500)" onmouseout="UnTip()">' . $row['id'] . '</td>';
4) suchen nach:
(ca. Zeile 280)
//teures Feld + kein Besitzer
$html .= '<td class="teurer" id="id' .$i. '" title="Feld verfügbar">' . $row['id'] . '</td>';
dies ersetzen durch:
//teures Feld + kein Besitzer
$html .= '<td class="teurer" id="id' .$i. '" onmouseover="Tip(\'Feld verfügbar\', TITLE, \'kein Besitzer\', TITLEPADDING, 10, TITLEFONTCOLOR, \'#ff0000\', TITLEFONTSIZE, \'20pt\', TITLEBGCOLOR, \'#333300\', TITLEALIGN, \'center\', PADDING, 12, TEXTALIGN, \'right\', BGCOLOR, \'#279f2e\', BORDERCOLOR, \'#000000\', FONTCOLOR, \'#ffffff\', FONTSIZE, \'10pt\', FADEIN, 500)" onmouseout="UnTip()">' . $row['id'] . '</td>';
Speichern! Fertig.
Zum Test sollte nun mal die
spendentafel.php im Browser aufgerufen werden. Wenn man die Maus über ein Feld positioniert, so erscheint nun ein optisch veränderter Tooltip.