- Joined
- Dec 18, 2005
- Messages
- 7,691
- Points
- 0
EDIT: Problem wurde zwischenzeitlich gelöst!!
hi zusammen
ich erstelle gerade eine website die unter http://skh-mz.de/ zu finden ist.
in der sidebar sollen aktuelle termine angezeigt werden und zwar immer die 3 nächstfolgenden.
dazu verwende ich javascript und passe es entsprechend per css an.
nun habe ich das problem, dass beim hovern aufgrund des title-attributes (ohne welches die java-script-funktion aber nicht hinhaut) immer ein tooltip angezeigt wird, was ich gerne vermeiden möchte.
hier mal der code:
wär toll wenn jemand ne idee hat
hi zusammen
ich erstelle gerade eine website die unter http://skh-mz.de/ zu finden ist.
in der sidebar sollen aktuelle termine angezeigt werden und zwar immer die 3 nächstfolgenden.
dazu verwende ich javascript und passe es entsprechend per css an.
nun habe ich das problem, dass beim hovern aufgrund des title-attributes (ohne welches die java-script-funktion aber nicht hinhaut) immer ein tooltip angezeigt wird, was ich gerne vermeiden möchte.
hier mal der code:
Code:
<script type="text/javascript">// <![CDATA[
function aktualisieren() {
if (!document.getElementsByTagName) return;
var Datum = new Date();
var Jahr = Datum.getFullYear().toString();
var Monat = (Datum.getMonth()+1).toString();
if (Monat.length == 1) Monat = "0" + Monat;
var Tag = Datum.getDate().toString();
if (Tag.length == 1) Tag = "0" + Tag;
var aktuell = parseInt(Jahr + Monat + Tag);
var Zeilen = document.getElementsByTagName("div");
var Obergrenze = 3; var Rest = Obergrenze;
for (var i = 0; i < Zeilen.length; i++) {
if (Zeilen[i].title) {
if (parseInt(Zeilen[i].title) < aktuell) Zeilen[i].style.display = "none";
else if(Obergrenze) {
if(Rest) Rest--; else Zeilen[i].style.display = "none";
}
}
}
}
// ]]>
</script>
<body onload="aktualisieren();">
<div id="wrapdate" title="20130105"><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
<div id="wrapdate" title="20130105"><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
<div id="wrapdate" title="20130105" ><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
<div id="wrapdate" title="20130105"><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
<div id="wrapdate" title="20130105"><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
<div id="wrapdate" title="20130105"><div class="links"><div class="datetime">
<div class="top"><p><a href="#">2013</a></p></div>
<p class="day"><a href="#">05</a></p>
<p class="mon"><a href="#">Jan</a></p>
</div></div>
<div class="rechts">Mitgliederversammlung<br/>
8:00-10:00 Uhr<br/>
Raum: 2.006
</div>
<div class="clear"></div></div>
wär toll wenn jemand ne idee hat
Last edited: