gelöst Object Bild durch Object video ersetzen

Mitglied: ElForum

ElForum (Level 1) - Jetzt verbinden

04.11.2008, aktualisiert 05.11.2008, 5093 Aufrufe, 4 Kommentare

Auf einer Webseite mit HTML soll ein Foto angezeigt werden. Sobald man auf einen Button, Text oder was ähnliches clickt, soll anstelle des Bildes ein Video (.mov PlugIn) eingebunden werden. Beides einzeln einzubinden ist kein Problem, ich weiss nur nicht, wie ich das eine durch das andere ERSETZE.

Einzeln hab ich die Objekte folgendermassen definiert:

Das Bild:
Das Video:
Ich hatte was probiert mit document.getElementById("pic").type="video/quicktime" und so weiter die Attribute zuweisen, aber das war ein Schuss ins Blaue...

Gibt es eine Möglichkeit das in JavaScript zu lösen?
Mitglied: Fritzchen
05.11.2008 um 10:32 Uhr
Hallo ElForum.

Hm, am besten die beiden Elemente in einem div Container plazieren. Bei klick auf den Button dann einfach den div Container neu beschreiben.

Viele Grüße Fritzchen.
Bitte warten ..
Mitglied: ElForum
05.11.2008 um 11:04 Uhr
Hallo Fritzchen,

Hört sich einfach an....
Theoretisch. Nur hab ich jetzt nicht soviel Wissen wie ich nen Div Container neu beschreibe. Hängt das mit CSS zusammen? Überschreibe ich ihn in einer Javascriptfunktion?
Bitte warten ..
Mitglied: Fritzchen
05.11.2008 um 13:36 Uhr
Hallo ElForum.

Ja, ist eine Verbindung aus beidem.
Für die Formatierung des div Containers verwendest du CSS.

Für den wechsel des Inhaltes benutzt du ein Javascript.

Ablauf:
- div Container erstellen und ihm eine eindeutige ID zuweisen
- startanzeige festlegen
- zum wechsel nutzt du das onclick Event des Buttons
- mit document.getElementById greifst du auf deinen div Container zu
- für den wechsel hilft dir innerHTML weiter

Ja, das war es eigentlich schon.

Viele Grüße Fritzchen
Bitte warten ..
Mitglied: ElForum
05.11.2008 um 14:24 Uhr
Ok, vielen Dank, jetzt hab ichs endlich hinbekommen!!!
Bitte warten ..
Heiß diskutierte Inhalte
Benchmarks
M.2 SSD und RAM zu langsam
gelöst MarkowitschFrageBenchmarks22 Kommentare

Hallo zusammen, ich habe mir folgenden PC zusammengestellt : MB: ASUS - ROG Strix Z490-E Gaming Mainboard (90MB12P0-M0EAY0) CPU: ...

Datenbanken
SQL Null Abfrage
gelöst newit1FrageDatenbanken18 Kommentare

Hallo zusammen, ich versuche eine CSV in meine Datenbank zu importieren. Das klappt auch. Die CSV hat folgendes Format: ...

Internet
Wie baue ich ein sicheres Netzwerk auf?
gelöst BitLooserFrageInternet15 Kommentare

Moin moin zusammen:) Die Thema-Überschrift sagt eigtl. schon alles - Da ich vermute, dass dies eine doch recht häufige ...

Router & Routing
OPNSense statt Endian Firewall
hannes.hutmacherFrageRouter & Routing14 Kommentare

Hallo zusammen, wir setzen hinter der pfSense, die die direkt am Internet hängt, noch eine Endian Firewall ein. Dazwischen ...

Netzwerke
Aufbau Praxisnetzwerk mit Fragen (TI, Switch, Firewall, VoIP, Netzwerkdesign)
razorrFrageNetzwerke14 Kommentare

Hallo, ich bin neu hier, aber habe hier schon sehr lange im Forum mitgelesen bzw. mich schlau gemacht und ...

Peripheriegeräte
Suchen Outdoor Wandler von LWL auf Cat 7 Kabel
gelöst pavelruFragePeripheriegeräte13 Kommentare

Hallo Zusammen, wir suchen einen Outdoor Konverter welcher von einem kommenden LWL Kabel auf CAT 7 Lan Kabel weiter ...

Ähnliche Inhalte
VB for Applications
Vbscript Fehlercode: Object required
gelöst aletriFrageVB for Applications2 Kommentare

Guten Morgen seh vor lauter Bäume den Wald nicht mehr! bei Ausführen des Cods kommt folgende Fehlermeldung: Line:9 Char:1 ...

Batch & Shell

Powershell - Objekte - Group-Object - tabellarisch

emeriksFrageBatch & Shell3 Kommentare

Hi, ich suche ein Vereinfachung meines Codes. Einen "Einzeiler" o.ä. Ich erstelle ein Array mit Objekten. Die Daten der ...

Batch & Shell

PowerShell - Import-CSV Where Object

gelöst Pat.batFrageBatch & Shell3 Kommentare

Hallo zusammen, ich versuche gerade beim Import über ein Where Object die Daten zu filten, die ich haben möchte. ...

Batch & Shell

Powershell Compare-Object mit unterschiedlichen Attributen

gelöst derhoeppiFrageBatch & Shell3 Kommentare

Hallo, bisher habe ich mit Compare-Object immer gute Erfahrungen gemacht, wenn es um den vergleich eindimensionaler Arrays ging. Jetzt ...

Batch & Shell

Powershell Daten aus einem Object holen

gelöst H41mSh1C0RFrageBatch & Shell2 Kommentare

Guten Morgen, ich bekomme es nun hin das ich alle Daten vom Server als ein Object geliefert bekomme. Jetzt ...

Digitiales Fernsehen

Video im Ausland

gelöst MarkowitschFrageDigitiales Fernsehen8 Kommentare

Hallo zusammen, ein Freund arbeitet im Oman und hat dort seinen Laptop mit. Wenn er nun z.B. Amazon Prime ...

Neue Fragen
Administrator Magazin
11 | 2020 Virtualisierung ist aus der IT nicht mehr wegzudenken. In der November-Ausgabe des IT-Administrator Magazins dreht sich der Schwerpunkt um das Thema "Server- und Storage-Virtualisierung". Darin erfahren Sie, wie sich die Virtualisierungstechnologie entwickelt hat, welche Varianten es im Bereich Server und Speicher gibt und wie ...
Neue Beiträge
Neue Jobangebote
Server- und Storage-VirtualisierungServer- und Storage-VirtualisierungBerechtigungs- und IdentitätsmanagementBerechtigungs- und IdentitätsmanagementWebdienste und -serverWebdienste und -serverDatenbankenDatenbankenMonitoring & SupportMonitoring & SupportHybrid CloudHybrid Cloud