rollover - Problem

x_BaSStar_x

Hi@ all,

Ich habe ein Problem, ich habe ein Java Script von Selfhtml dazu benutzt auf einer Weltkarte Punkte mit Hilfe von absolut positionierten Grafiken festzulegen und diese sollen mit einem rollover effect wechseln dies funktioniert alles wunderbar offline aber sobald ich es hochgeladen habe funktioniert es nicht mehr.
Der link funktioniert noch aber der rollover effect nicht.
Bitte bitte helft mir!!!!!!!

function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
</head>
<body>

</body>

Ronald

Moin!

Das sollte so eigentlich funktionieren, wenn es online nicht geht, dann mußt du uns mal die URL geben - vermutlich hakt es ganz woanders.

G.a.d.M.

Ronald

Moin,

http://www.bowa-online.de

Ist bloss eine Test-Domain!
Bin hier echt am verzweifeln!
Offline klappts doch!
Hier hab ichs her:

http://de.selfhtml.org/javascript/beispiele/buttons.htm

Danke,
Bass

Ronald

Also meine Fehlermeldung sagt, daß die Grafiken an der angegebenen Adresse (Verzeichnis) nicht auffindbar sind.
Hast du evtl. vergessen sie hochzuladen?

Nein hab ich auch schon gedacht!!!
Die sind unter images/point_white.gif....
5x5 Pixel als gif
Offline funktionierts!
Ich verstehs nich!
Oder soll ich dir den Mist ma mailen?
Bitte Hilfe!

Bass

Ronald

Nein, sie sind nicht dort. Jedenfalls nicht in der angegebenen Schreibweise.
Das einzige was da ist, das ist die Weltkarte, die wird auch angezeigt wenn man das Z-Index ändert, "-1" ist nämlich hinter dem Seitenhintergrund.
G.a.d.M.

Ronald

so was tu ich dann?
soll ich eventuell die referenzierung ändern?
soll ich dir die suppe ma schicken?
das kann doch nich sein,

<img src="images/point_white.gif"
BombayNormal11.src = "images/point_white.gif"

und liegen server: images/..

Nicht aufgeben!

Bass

Ronald

Also ich bekomme bei http://www.bowa-online.de/images/point_white.gif
die Meldung:

404: Not Found

The requested URL was not found on this server. The file may have been deleted, renamed or is temporarily not available.

Demnach sind sie nicht in dem Verzeichnis.

x_BaSStar_x

Gib mir deine mail dann mail ich zwei pdfs (screenshots) die bilder sind da!

x_BaSStar_x

Hat der nicht das gleiche Problem?!?

https://www.forum-hilfe.de/viewtopic.php?t=13189

Ronald

Man kann hier keine Emailadressen posten.

Zitat von x_BaSStar_x

Hat der nicht das gleiche Problem?!?

https://www.forum-hilfe.de/viewtopic.php?t=13189

Nein, er hat ein anderes Problem.

Dein Problem ist, daß die Grafiken nicht auf dem Server sind, auch wenn du sagst sie sind es.
Überprüfe die Dateinamen (Groß-/Kleinschrift) der Verzeichnisse und der Dateien.
Ich kann nichts anderes sagen, ohne FTP-Zugang zu deinem Webspace kann ich den Fehler nicht überprüfen.

So jetzt hab ich die Screens als pdf ins netz gestellt.
Ich versteh dich aber die Pfadangaben sind korrekt!
Gucks dir an!
http://www.bowa-online.de/

Bass

Ronald

Was ich sagte: die Dateien sind nicht auf dem Server!

Du brauchst "http://www.bowa-online.de/images/point_red.gif" und du hast "http://www.bowa-online.de/images/point_red.GIF"

Das sind zwei verschiedene Dateien.
Ich sagte schon -> Auf Groß-/Kleinschrift achten, die Server unterscheiden es, Windows nicht.

G.a.d.M.

Ronald

EDIT:
Tipp: schreibe fürs Internet alle Verzeichnisse und Dateinamen ausschließlich klein, benutze keine Leer- und Sonderzeichen, dann bist du 80% deiner Fehler von vorneherein los.

Danke danke danke danke,
Und entschuldigung entschuldigung.
Damit hätte ich nie gerechnet das die Schreibweise der Endungen eine Rolle spielt!
Danke man echt!

Bass

Ronald

Ich hab das ganze mal vom Javascript befreit, es geht mit Stylesheets nämlich viel besser - kleines Geschenk zum Nikolaustag

HTML

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>World</title>
<body>


<style type="text/css">
<!--
.point a
  {
  background-image:url(http://www.bowa-online.de/images/point_white.gif);
  background-repeat:no-repeat;
  display:block;
  width:5px;
  height:5px;
  text-decoration:none;
  }


.point a:hover
  {
  background-image:url(http://www.bowa-online.de/images/point_red.gif);
  background-repeat:no-repeat;
  }




-->
</style>
<base target="_self">
</head>


<body topmargin="0" leftmargin="45" stylesrc="../Willkommen.htm">


<div class="point" style="position:absolute; top:185px; left:375px;z-index:2;">
  [url='moskau.htm'][/url]</div>


<div class="point" style="position:absolute; top:210px; left:307px;z-index:2;">
  [url='cottbus.htm'][/url]</div>


<div class="point" style="position:absolute; top:125px; left:105px;z-index:2;">
  [url='newyork.htm'][/url]</div>


<div class="point" style="position:absolute; top:110px; left:574px;z-index:2;">
  [url='sapporo.htm'][/url]</div>


<div class="point" style="position:absolute; top:320px; left:381px;z-index:2;">
  [url='kairo.htm'][/url]</div>


<div class="point" style="position:absolute; top:198px; left:270px;z-index:2;">
  [url='london.htm'][/url]</div>


<div class="point" style="position:absolute; top:528px; left:450px;z-index:2;">
  [url='madagaska.htm'][/url]</div>


<div class="point" style="position:absolute; top:413; left:203;z-index:2;">
  [url='yamoussoukro.htm'][/url]</div>


<div class="point" style="position:absolute; top:105px; left:515px;z-index:2;">
  [url='novosibirsk.htm'][/url]</div>


<div class="point" style="position:absolute; top:132px; left:253px;z-index:2;">
  [url='reykjavik.htm'][/url]</div>


<div class="point" style="position:absolute; top:339px; left:568px;z-index:2">
  [url='bombay.htm'][/url]</div>


<span style="position: absolute; left: 45; top: 0; z-index:1">[img]http://www.bowa-online.de/images/Karten-Globus-600.jpg[/img]</span></p>


</body>


</html>

Alles anzeigen

Du solltest aber den Dateinamen für den Globus noch ändern.

G.a.d.M.

Ronald

Ja Danke lieba Nicolaus nächstes Jahr sing ich auch wieder ab sofort werde ich mich nurnoch an dieses Forum wenden!
Jetzt werd ich imma artig sein!
Ja den Namen ändere ich das ganze is ja bloss ein Probelauf!
(wie man gesehen hat war die Probe gut)
Ach und vielleicht als kleines Schmamkerl wie vermeide ich das in der linken oberen ecke die Bildoptionen angezeigt werden
(Muss aba nich sein)

Gut vielen Dank nochma,
man liest sich!
Der Bass

Ronald

Zitat von Anonymous

Ach und vielleicht als kleines Schmamkerl wie vermeide ich das in der linken oberen ecke die Bildoptionen angezeigt werden

Das ist eine IE-Option auf die du keinen Einfluß hast.

Du kanst aber den Globus als Hintergrundgrafik definiern, dann macht der IE das nicht mehr:

Code

<span style="position: absolute; left: 45; top: 0; z-index:1; display:block; width:600px; height:600px; background-image:url(http://www.bowa-online.de/images/Karten-Globus-600.jpg);background-repeat:no-repeat"></span>

Du siehst, es gibt für (fast) alles eine Lösung...

G.a.d.M.

Ronald

Ich kann nur nochmals Danke sagen,hat funktioniert (IE)
Wäre nett wenn ich ein feedback zu meiner Mail bekommen würde!

Bass

Ronald

Zitat von Anonymous

Wäre nett wenn ich ein feedback zu meiner Mail bekommen würde!
Bass

Ist schon raus

Hab ich gelesen danke nix für Ungut!
Mal sehen ob ich mich registrire!

Wir lesen uns,
Bass

rollover - Problem

Tags

Benutzer online in diesem Thema