PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : an alle HTML Profis!

Assfire
2004-05-06, 10:37:33
Ich will mir jetz eine seite mit Adobe GoLive machen und ich brauch jetz einen code, der folgendes macht: Wenn ich mit dem Mauszeiger über einen Button geh soll an einer best. Stelle eine Grafik erscheinen. Hat wer eine Lösung?
wintermute
2004-05-06, 11:30:33
Hi,
die Hintergrundfarbe könntest du so ändern:
parent.menu.document.getElementsByName(obj.name)[0].style.backgroundColor= "#20B2AA";
Das ganze halt durch onMouseOver / out aufgerufen.
Für das Hintergrund-Bild müsstest du wohl am Image-tag rumfummeln, vielleicht mit .innerhtml oder so.
Müsste ich jetzt auch erst ausprobieren.
cu
wintermute

edit: Ich bin kein Html-Profi
Assfire
2004-05-06, 11:51:26
naja mit dem kann i jetz leider nix anfangen :( Aber trotzdem danke. Für einen, der sich richtig gut mit html auskennt, is des sicher kein Problem. Der code is sicher unter 10 Zeilen lang.
wintermute
2004-05-06, 13:16:55
<img id="test" src="selfhtml.gif" width="106" height="109" border="0" onmouseover="this.src=blabla.gif" onmousout="this.src=selfhtml.gif">

Das sollte in etwa hinhauen, habe es nicht ausprobiert. Kannst du aber auch bei SelfHtml nachschlagen.
cu
wintermute
Flipper
2004-05-06, 13:58:27
Ja, mit CSS geht das. zB wie auf meiner Seite (http://www.flipper.rockz.at) kannst du statt dem Text auch Grafiken dort platzieren. Auf meiner Seite funkt's mit dem IE nicht, aber grundsätzlich gings schon.

Siehe
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

mfg
Flipper
Assfire
2004-05-06, 19:28:29
Original geschrieben von wintermute
<img id="test" src="selfhtml.gif" width="106" height="109" border="0" onmouseover="this.src=blabla.gif" onmousout="this.src=selfhtml.gif">

wintermute

was bedeutet das id="test" was gibts des an??
Assfire
2004-05-06, 19:30:52
kann mir wer den code irgendwie erklären. Ich will an einer bestimmten stelle a bild angezeigt haben, für jeden button ein anderes, aba die selbe stelle.
imagine
2004-05-06, 21:57:18
Flipper hat genau das was du möchtest auf seiner Homepage. Schau dir doch da mal den Code an. Wenn du einzelne Punkte nicht verstehst frag nach, die komplette Technik ist auch auf der verlinkten Seite von Eric Meyer erklärt. Falls dir Englisch nicht liegt, gibts davon auch genug Tutorials in Deutsch, zB hier -> http://css-technik.de/details/85/8/Tutorials-CSS.htm (Beispiel 2)

Einen fertigen Code kann dir niemand geben, da ja keiner hier deine Seite kennt.
Assfire
2004-05-06, 22:44:41
trotzdem eine Frage. Ich will nicht so eine komische box einblenden, sondern eine Grafik, wie sieht das dann aus? Geht des net einfacher?
Flipper
2004-05-07, 00:44:58
Original geschrieben von Flipper
Siehe
http://www.meyerweb.com/eric/css/edge/popups/demo2.html

So sieht das aus - wie schon gesagt. Und es ist dort auch sehr verständlich erklärt, was ist unklar?
Einfacher gehts mit CSS nicht denke ich. Wenn du den Effekt willst dann musst du dich halt ein bisschen einarbeiten.
wintermute
2004-05-07, 11:05:13
So kann(!!!) man das lösen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Text des Titels</title>
</head>
<body>
<div>
<button name="Klickmich" type="button" onMouseover="test.src='2.gif';" onMouseout="test.src='1.gif';" ID="Button1">
<p><img src="1.gif" id="test" width="106" height="109" border="0" ></p>
</button>
</div>
</form>
</body>
</html>

Vielleicht solltest du mal dein goLive weglegen und einen guten Texteditor verwenden kombiniert mit selfhtml...
cu
wintermute
Assfire
2004-05-07, 13:24:19
danke für alle Postings, i schätz mal, dass ich mich wirklich da reinlesen muss. Aba die groben Sachen werd i trotzdem mit Golive machen. Geht schneller.