Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon SirTobi vom 24.01.2020, 17:55 Options

Fehler im Html-code???

Ich möchte auf einer Seite wenn ich über ein Bild mit der Maus fahre dass mehrere Bilder erscheinen!
Dazu hab ich in Javascript ein Funktion:

<script language="javascript">
<!--
function Navigation()
{
Bilder.src = "pictures/bilder.png";
Buttom.scr = "pictures/ende.png";
Forum.src = "pictures/forum.png";
Links.src = "pictures/links.png";
KListe.scr = "pictures/liste.png";
}
//->
</script>
und im body hab i dann:

<img src="pictures/start.png" onmouseover="Navigation()" width="300" height="300" name="Buttom">

<img src="pictures/nix.png" border="0" width="160" height="150" name="Bilder">

.........

doch dies funktioniert bei einigen bildern nicht!

Antwort schreiben

Antwort 1 von Supermax vom 24.01.2020, 19:30 Options

Du hast an einigen Stellen statt Bildname.src ".scr" stehen.

Antwort 2 von katy vom 24.01.2020, 21:32 Options

Hallo SirTobi,

so wie ich das sehe kann das überhaupt nicht funktionieren. Du definierst im JavaScript nämlich nirgendwo, was Bilder, Buttom, usw. eigentlich ist. Den Bezug zu einem img-Element im HTML mit dem Attribut name="Bilder" stellt JavaScript keineswegs automatisch her, das musst du explizit festlegen, zB mit

var Bilder=document.images["Bilder"];
Bilder.src="pictures/bilder.png";

Ein Tipp: lade zum Testen die Seite immer in den Firefox und schau dort in die JavaScript- bzw. Fehler-Konsole (Menü Extra). Da gibt es immer schon wichtige und vor allem meist verständliche Hinweise auf Fehler.

katy

Antwort 3 von kicia vom 25.01.2020, 08:20 Options

Probier mal:

document.getElementsByName('Bilder')[0].src = "pictures/bilder.png";

...usw.

(Das Attribut "ID" zu verwenden wäre vermutlich geeigneter)

Antwort 4 von katy vom 25.01.2020, 08:53 Options

Hallo kicia,

bei images gibt es eine eindeutige Zuordnung und kurze Syntax über name, warum willst du das unnötig komplizieren? Die Verwendung des Umwegs über getElement(s) halte ich für überflüssig, wenn du das Element auch direkt ansprechen kannst.

katy

Antwort 5 von SirTobi vom 25.01.2020, 14:33 Options

warum erscheinen dann ein paar bilder und manche andere nicht!
http://tobias.obermayer.googlepages.com/home.txt

Antwort 6 von katy vom 25.01.2020, 15:06 Options

Hallo Tobias,

stell doch mal die Seite zur Verfügung, dann könnte ich mal darauf schauen.

katy

Antwort 7 von SirTobi vom 25.01.2020, 15:26 Options

im oberen link hab i den quellentext von der Seite!!
nur die bilder und so hob i noch nicht hochgeladn!!

Antwort 8 von katy vom 25.01.2020, 16:06 Options

Hallo Tobias,

ich habe den Link gesehen. Aber um deiner Aussage darüber, dass das funktionieren soll, nachzugehen, bräuchte ich schon eine vollständige Seite (also HTML-Datei + Bilder). Den Quellcode hättest du auch hier einfach posten können.

katy

Antwort 9 von 4strings vom 26.01.2020, 07:53 Options

Zitat:
warum erscheinen dann ein paar bilder und manche andere nicht!

Weil sich anscheinend die Bilddateien nicht auf dem Server stehen, bzw. ist der Pfad zu den Bildern falsch.

ich bekomme wenn ich ein Bild ansehen will folgende Meldung:

Url:
http://tobias.obermayer.googlepages.com/pictures/sippenside.png

The page you have requested could not be found. (404)

Antwort 10 von SirTobi vom 26.01.2020, 15:58 Options

http://sippenside.si.funpic.de/home.htm

Antwort 11 von katy vom 26.01.2020, 16:49 Options

Hallo Tobias,

die Seite lädt in meinem Opera nicht. Aber das kannst du korrigieren.
Mache aus:

</head>
<script language="javascript">
<!--
bild1 = new Image(); bild1.scr = "pictures/bilder.png";
... (dein JavaScript)
  KListe.scr = "pictures/nix.png";
	}
//->
</script>

folgendes:

<script type="text/javascript">
bild1 = new Image(); bild1.scr = "pictures/bilder.png";
... (dein JavaScript)
  KListe.scr = "pictures/nix.png";
	}
</script>
</head>

Der JavaScript-Bereich gehört in den head-Bereich, language ist veraltet und muss durch type ersetzt werden, und die Kommentarzeichen sind überflüssig. Die haben übrigens deine Seite für mich verschwinden lassen.

Und dann achte darauf überall .src zu schreiben, da gibt es immer noch Fehler!

katy

Antwort 12 von SirTobi vom 27.01.2020, 12:32 Options

danke erstmal!
ich habe dies jetzt ausgebessert aber des funktiniert immer noch nicht!

Die Seite läd mein Firefox auch nicht vom Server außer ich lad die seite öfters hintereinander wieder neu!
Auf meinen PC wird die Seite angezeigt aber mit den Fehlern!

Antwort 13 von MACC vom 27.01.2020, 12:43 Options

Hi........

Ich gib dir mal den HTML Code von dem, was ich unter "ONMOUSEOVER" verstehe, kann auch sein, das das null mit dem hier zu tun hat, aber kannst ja mal ausprobieren.

<a href="[i]NAME DES LINKS[/i]"
onMouseOver="[i]URL DEINES PICS[/i]';"onMouseOut="[i]NAME DES PICS.src[/i]=' [i]URL DES MOUSEOVER PICS [/i]';">
            <img name="[i]NAME DES PICS[/i]"src="[i]URL DES MOUSEOVER PICS[/i]">

mfg

Antwort 14 von katy vom 27.01.2020, 12:58 Options

Hallo Tobias,

bitte entferne noch diese dämlichen Kommentarzeichen, sonst kommt mein Browser nie in die Gelegenheit deine Seite anzuzeigen!

katy

Hallo MACC,

das sieht aber sehr nach Fantasiecode aus!

katy

Antwort 15 von MACC vom 27.01.2020, 13:34 Options

Hey Katy .............

doch das klappt hab das selbst auf meiner ClanPage eingebaut,
sie selbst CSZC.

Du musst dann nur über die einzelnen Verzeichnisse mit deiner Maus gehen.

mfg

Antwort 16 von SirTobi vom 27.01.2020, 13:47 Options

Hallo Katy

Ich hab jetzt die Kommentarzeichenentfernt

momentan erscheinen auf der Seite 3 Bilder es mussten eig. 5 neue Bilder erscheinen

Tobi

Antwort 17 von katy vom 27.01.2020, 22:26 Options

Hallo Tobias,

probier es mal so:

<script type="text/javascript">
var bild1 = new Image(); bild1.scr = "pictures/bilder.png";
var bild2 = new Image(); bild2.scr = "pictures/ende.png";
var bild3 = new Image(); bild3.scr = "pictures/forum.png";
var bild4 = new Image(); bild4.scr = "pictures/links.png";
var bild5 = new Image(); bild5.scr = "pictures/liste.png";
var Bilder=document.images["Bilder"];
var Buttom=document.images["Buttom"];
var Forum=document.images["Forum"];
var Links=document.images["Links"];
var KListe=document.images["KListe"];

function Navigation() 	{
  Bilder.src = "pictures/bilder.png";
  Buttom.src = "pictures/ende.png";
  Forum.src = "pictures/forum.png";
  Links.src = "pictures/links.png";
  KListe.src = "pictures/liste.png";
}
	
function weg()  {
  Buttom.src = "pictures/start.png";
  Bilder.src = "pictures/nix.png";
  Forum.src = "pictures/nix.png";
  Links.src = "pictures/nix.png";
  KListe.src = "pictures/nix.png";
}
</script>

katy

Hallo MACC,

deine Seite funktioniert aber nicht in allen Browsern, denn es gilt immer noch das in Antwort 2 von mir gesagte. Manche Browser sind nur so "nett" im zweifelsfall zu deinen Gunsten anzunehmen, dass dud as Objekt meinst, das zufällig das ensprechende name-Attribut hat.

k.

Antwort 18 von katy vom 28.01.2020, 06:21 Options

Hallo Tobias,

bei nächtlichem Grübeln fiel mir ein, das meine Version aus Antwort 17 auch Quatsch ist. Warum? Weil die Bilder, auf die da zugegriffen wird, zu dem zeitpunkt noch gar nicht im HTML vorhanden sind. Aber so gehts:

<script type="text/javascript">
var bild1, bild2, bild3, bild4, bild5, Buttom, Forum, Links, KListe;

function init() {
 bild1 = new Image(); bild1.scr = "pictures/bilder.png"; 
 bild2 = new Image(); bild2.scr = "pictures/ende.png";
 bild3 = new Image(); bild3.scr = "pictures/forum.png";
 bild4 = new Image(); bild4.scr = "pictures/links.png";
 bild5 = new Image(); bild5.scr = "pictures/liste.png";
 Bilder=document.images["Bilder"];
 Buttom=document.images["Buttom"];
 Forum=document.images["Forum"];
 Links=document.images["Links"];
 KListe=document.images["KListe"];
}

function Navigation() 	{
  Bilder.src = "pictures/bilder.png";
  Buttom.src = "pictures/ende.png";
  Forum.src = "pictures/forum.png";
  Links.src = "pictures/links.png";
  KListe.src = "pictures/liste.png";
}
	
function weg()  {
  Buttom.src = "pictures/start.png";
  Bilder.src = "pictures/nix.png";
  Forum.src = "pictures/nix.png";
  Links.src = "pictures/nix.png";
  KListe.src = "pictures/nix.png";
}
window.onload=init;
</script>

katy

Antwort 19 von SirTobi vom 28.01.2020, 15:12 Options

hallo katy

danke hat funktioniert!!

window.onload=init;
was bringt dies??
sry bin halt noch anfänger im programmieren

Antwort 20 von katy vom 28.01.2020, 17:22 Options

Hallo Tobias,

window.onload=init;

ist die Anweisung an den Browser: Wenn die Seite geladen ist starte die JavaScript-Funktion init()
das ist hier wichtig wie ich schon schrieb, denn bevor die Seite geladen ist kennt der Browser natürlich auch nicht die Bilder, die darin sind (Das war mein Fehler in Antwort 17). Danach kann man damit alles mögliche immer machen.

katy

« Zurück
1
2
Weiter »

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken