Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Object Bild durch Object video ersetzen

Frage Entwicklung JavaScript

Mitglied: ElForum

ElForum (Level 1) - Jetzt verbinden

04.11.2008, aktualisiert 05.11.2008, 4952 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:
01.
<object data="TFW/LiveBild.jpg" type="image/jpeg" id="pic" height="300" width="400"> 
02.
</object>
Das Video:
01.
<OBJECT  
02.
	CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="400" 	HEIGHT="300" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"> 
03.
	<PARAM name="ID" VALUE="video"> 
04.
	<PARAM name="SRC" VALUE="videos/video.mov"> 
05.
	<PARAM name="AUTOPLAY" VALUE="true"> 
06.
	<PARAM name="CONTROLLER" VALUE="true"> 
07.
	<EMBED SRC="videos/video.mov" WIDTH="400" HEIGHT="300" AUTOPLAY="true" TYPE="video/quicktime" PLUGINSPAGE="http://www.apple.com/de/quicktime/download/" 			CONTROLLER="true"></embed> 
08.
</OBJECT>
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 ..
Ähnliche Inhalte
Festplatten, SSD, Raid
VIDEO Problem (6)

Frage von matt.o zum Thema Festplatten, SSD, Raid ...

VB for Applications
gelöst Vbscript Fehlercode: Object required (2)

Frage von aletri zum Thema VB for Applications ...

Batch & Shell
gelöst PowerShell Transpose Objects und Memoryleak (11)

Frage von agowa338 zum Thema Batch & Shell ...

Peripheriegeräte
KVM(A) Switch ohne Video (5)

Frage von LinWinni zum Thema Peripheriegeräte ...

Neue Wissensbeiträge
Windows Update

Microsoft Update KB4034664 verursacht Probleme mit Multimonitor-Systemen

Tipp von beidermachtvongreyscull zum Thema Windows Update ...

Viren und Trojaner

CNC-Fräsen von MECANUMERIC werden (ggf.) mit Viren, Trojanern, Würmern ausgeliefert

(4)

Erfahrungsbericht von anteNope zum Thema Viren und Trojaner ...

Windows 10

Windows 10: Erste Anmeldung Animation deaktivieren

(3)

Anleitung von alemanne21 zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Verschlüsselung & Zertifikate
SSL Zertifikat für HTTPS (33)

Frage von Hendrik2586 zum Thema Verschlüsselung & Zertifikate ...

Grafikkarten & Monitore
24" oder 27" mit Full HD oder doch mehr Auflösung? (21)

Frage von brutzler zum Thema Grafikkarten & Monitore ...

Router & Routing
gelöst Linksys wrt1200ac v2 mit dd-wrt: keine vlan-einstellungen im GUI (15)

Frage von Pixi123 zum Thema Router & Routing ...