Shark Master
Hallo,
ich suche jemand der mir da weiter helfen kann.
Habe im Internet alle möglichen Seiten durch gesucht und wurde aber nicht so richtig fündig.
Ich suche ein Tooltip das ein Bild anzeigt.
Den Script soll im CSS liegen und überall zugriff auf meine Seiten haben (sind 8 Unterbereiche mit einem index.php).
Wäre klasse wenn mir das jemand machen würde.
meeeeeeeep
Ist schon schlecht wenn man keine Suchmaschine bedienen kann.
Shark Master
| code: |
1:
|
<a href="../items/index.php?open=potion#item2000000" onMouseOver="return overlib('<img src=\'../items/images/trank/trank006.gif\' alt=\'\' />');" onMouseOut="nd();">Roter Trank</a> |
|
Ist das Überhaupt ein Tooltip?
Biggi
Was hat dein JavaScript-Code jetzt mit meinen Links zu Tooltips mit CSS zu tun?
Shark Master
ja ka.
mir wurde gesagt das es ein tooltip ist
Edit:
Aber ich habe da was das sogar klapt.
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
|
<script type="text/javascript">
function showimg(imgPath) {
varPicDivImg = document.all.picDivImg;
varPicDivImg.src = imgPath;
varPicDivImg.style.display = "";
}
function hideimg() {
varPicDiv = document.all.picDivImg;
varPicDiv.style.display = "none";
}
function updateMausPosition(e) {
varPicDiv = document.all.picDivImg;
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
if (picDivImg != null) {
varPicDiv.style.left = (x + 5) + "px";
varPicDiv.style.top = (y + 5) + "px";
}
}
document.onmousemove = updateMausPosition;
</script>
<img src="Zweihandschwert012.gif" style="position: absolute; display: none; border-width:1px; border-style:solid; border-color:black;" id="picDivImg"></td>
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('../items/img/zweihandigesschwert/zweihandigesschwert011.gif');" onmouseout="hideimg();" href=schwert.html>Doombringer</a><br>
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('../items/img/stangenwaffe/stangenwaffe009.gif');" onmouseout="hideimg();" href=schwert.html>Skylar</a>
|
|
Aber wie mache ich das es eine Datai *.js bekommt und der andere mist^^.
Schweinebacke
Eine js bekommst du in dem du alles was zwischen dem <script type="text/javascript"> ... und ...dem </script> steht in eine Seite stellst (ohne die Script-Tags).
Die dann als tooltip.js (oder derscriptvontanteerna.js) abspeicherst.
Dann in deine Seiten mit
<script type="text/javascript" src=" "></script> einbinden. Bei src= den Script-Namen bzw Verzeichnis angeben.
Das img reicht in der Form aus.
<img src="leer.gif" style="position: absolute; display: none;" id="picDivImg">
Wichtig ist die
id="picDivImg" bei Änderung muss es auch in Script geändert werden.
Ohne position: absolute wird das Bild nicht am Mauszeiger angezeigt.
display: none zeigt das img nicht an. Es wird nur als Dammy benötigt.
In deinen Verweisen jetzt die Bilder für die jeweiligen Links eintragen.
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('
dasBildZumLink.gif');" onmouseout="hideimg();">Doombringer</a><br>
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('
dasBildZuDiesemLink.gif');" onmouseout="hideimg();">Skylar</a>
Fertig.