Caspar: dokumentinterne Verweise abfangen

Beitrag lesen

Vielen Dank fuer die schnelle Antwort Cheatah!

die CSS-Pseudoklasse :target ist eine weitere Lösung. Sie erfordert u.U. eine einzige Zeile Code.

Das klingt nach einer idealen Loesung. Leider kriege ich sie nicht zum laufen.  Mit diesem CSS Code hat es nicht funktioniert:

div.lastmin .lastminute_header {
 background-color:#D3D5D5;
 color:#3A3A3A;
 padding:1px 2px 1px 2px;
 height:20px;
 font-size:11px;
 margin:0px;
 vertical-align:bottom;
 font-weight:bold;
}
div.lastmin .lastminute_header:target {
 background-color:#ff0000;
}

Das ist der HTML Code:

<div class="lastmin" id="lmid43">

<div class="left">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="4" style="width:110px; vertical-align:top;"><a href="/files/lastminute/1b3eaaf1b35ca995eb6b7ba8e35d77e1.jpg" rel="lightbox[hosting_43]"><img src="/files/lastminute/65f690013af7c2b8aab5fa8bb82ff824.jpg" /></a>
 </td><nobr><td colspan="2" class="lastminute_header" id="lmid43_header">
 <span style="float:left;">Thajsko/Koh Samui</span>
 <div class="lastminute_price">1 881 €</div></nobr></td>
</tr>
<tr>
 <td><div class="lastminute_type">2 týždne&nbsp;ranajky</div></td>
 <td style="vertical-align:top; padding-top:2px;"><a href="lastminute.php?site=orderform&lmid=43" style="margin:0; padding:0;"><img src="img/requestorder3.gif" class="orderbutton" style="height:20px;width:82px"/></a></td>

</tr>
<tr>
 <td colspan="2">Chaweng Regent Beach&nbsp;****</td>
</tr>
<tr>
 <td colspan="2"><div style="float:left;">z/do Viedne:&nbsp<strong>denne</strong></div></td>
</tr>
</table>
</div>

</div>

lastEl.style.backgroundColor = '#D3D5D5';
El.style.backgroundColor = '#FBB04D';

Wenn Du mal das Layout anpasst, musst Du ggf. neben dem CSS- auch den JavaScript-Code verändern. Ganz schlechte Idee. Halte jedwede CSS-Information, die nicht einer expliziten Berechnung unterliegt, ausschließlich im CSS-Code.

Du hast recht.

Mit Firefox 2 kein Problem, der IE (v7 getestet) aendert zwar die Farbe, aber der Fensterinhalt wird nicht gescrollt. Ich denke, dass durch den onClick Eventhandler der eigentliche Linkmechanismus umgangen wird (?).

Nein. onclick wird zwar vor dem eigentlichen Link ausgeführt, verhindert diesen jedoch nur, wenn aus dem Event-Handler false zurückgeliefert wird.

Du hast recht. Ich habe den JS aufruf auskommentiert, und im IE funktioniert das Scrollen auch so nicht. Interessanter weise funktioniert es, sobald ich
in <div class="lastmin" id="lmid43"> (das referenzierte Element im Anchor) das Attribut class weglasse. Hast du, oder ihr eine Idee worand das liegen koennte?

Danke und Gruss,
Caspar