WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Javascript div mit Image

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Javascript div mit Im... - 23 März 2019 Antworten
im Forum für Webhosting Homepage gefunden:
Javascript div mit Image
jolenechen
Pixelschubser
Threadstarter




Beiträge: 1

Hey,

uuund zwar will ich ein Bild mit den Pfeiltasten steuern können, d.h. nach links rechts oben und unten.
Problem ist, dass ich ja bei getElementById("") das Bild in diese Klammern einsetzen soll. Nur ist das ja keine URL sondern einfach name.jpg oder so, aber das funktioniert ja nicht einfach so.
Wie geht das nu?







<







  Profil   E-Mail   Website   Editieren   Zitieren
chip
Foren-Team




Beiträge: 421

In der Methode getElementById() steht der erste Parameter für ein durch einen eindeutigen Bezeichner identifizierbares Element.

Du musst also in den Body beispielsweise ein DIV einfügen, dass eine ID trägt, die du dann in deinem Script benutzen kannst.

Also z.B. so:

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: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57:








Leider kann ich aber nicht sehen, wie dein Script das Bild bewegen soll, weil dem Bild keine neuen Koordinaten zugewiesen werden.

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: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41:


So sollte es aber funktionieren (nicht getestet!).

---

Diese Nachricht wurde geändert von: chip
  Profil   Website   Editieren   Zitieren
chip
Foren-Team




Beiträge: 421

Dabei fällt mir gerade auf, dass es so auch nicht funktionieren kann, weil keycode natürlich undefiniert ist und erst an einen Event-Listener gebunden werden muss.

---

  Profil   Website   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Javascript div mit Im...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Javascript div mit Image im Forum Homepage Hosting AntwortenLetztes Posting
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 20.01.2019 13:19 von andyy
Musik und Gaestebuch
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
14 18.01.2019 14:40 von Klaus1973
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 18.01.2019 14:39 von Klaus1973
HTML CSS Lernprogramme
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
9 18.01.2019 14:38 von Klaus1973
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
5 07.01.2019 18:12 von lyfwcn
HTML Template aus Photoshop heraus?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:45 von Jusback40
Bilder in Seite
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:44 von Jusback40
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 16.10.2018 18:54 von Maik89
Problem mit Zeichenverkettung in Javascript
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 16.10.2018 18:54 von Maik89
Positionieren in einer DIV-Box
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 17.07.2018 14:48 von herodot
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.10.2017 10:02 von Kevinkk
CSS: ul li navigation - Problem mit dem Einrücken
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 05.07.2017 15:12 von elster



Besucher : 6026533    Heute : 356     Gestern : 1734     Online : 55     23.3.2019    5:08      1 Besucher in den letzten 60 Sekunden        
alle 60.00 Sekunden ein neuer Besucher
Nach oben