Webentwicklung

raidhumanguy · 25.05.2012, 15:13

Hi,

ich erstelle derzeit eine Website für ein Event, dass man auf dieser Website live (mithilfe eines Tickers) mitverfolgen kann. Es soll aber auch einen Stream geben. Man soll nun einfach zwischen dem Live-Ticker-Iframe und dem Live-Stream-Iframe wechseln können und zwar nur durch einen Button "Zum Live Ticker wechseln" bzw. "Zum Live Stream" wechseln.

Weiß jemand wie das geht? Wenn ja danke für die Hilfe

LG

*onip* · 25.05.2012, 15:41

benutzt du ein framework wie mooTools oder jQuery?

**Murdoc** · 25.05.2012, 15:42

bei onclick auf den button die css display-eigenschaft der iframes auf block bzw. none setzen.

Code:

document.getElementById("id-des-buttons").onclick = ->
  ticker = document.getElementById "id-des-tickers"
  stream = document.getElementById "id-des-streams"

  ticker.style.display = if ticker.style.display is "block" then "none" else "block"
  stream.style.display = if ticker.style.display is "block" then "none" else "block"

  # padding
  # padding

*onip* · 25.05.2012, 16:05

hier mal ohne framework, design bleibt dir überlassen

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Unbenannt</title>
</head>

<body>

<iframe id="iframe" src=""></iframe>
<p id="btn"></p>
<script type="text/javascript">
(function (start) {
	var btn = document.getElementById('btn');
	var iframe = document.getElementById('iframe');
	var txtAr = [
		{txt: 'Zum Live Ticker wechseln', src: 'stream.html'},
		{txt: 'Zum Live Stream wechseln', src: 'ticker.html'}
	];
	var idx = start;
	
	function setIframeSrc (){
		btn.innerHTML = txtAr[idx].txt;
		iframe.src = txtAr[idx].src;
		idx = (idx+1) > txtAr.length-1 ? 0 : (idx+1);
		
	}
	btn.onclick = function(){
		setIframeSrc ();
	};
	btn.onclick();
}
)(0);
</script>

</body>
</html>

25.05.2012, 15:42	# 3
Murdoc Moderator Bewertung: Registriert seit: Nov 2006 Internet: DSL2 16K Beiträge: 6.163 Power: 51	bei onclick auf den button die css display-eigenschaft der iframes auf block bzw. none setzen. Code: document.getElementById("id-des-buttons").onclick = -> ticker = document.getElementById "id-des-tickers" stream = document.getElementById "id-des-streams" ticker.style.display = if ticker.style.display is "block" then "none" else "block" stream.style.display = if ticker.style.display is "block" then "none" else "block" # padding # padding MfG Murdoc Meins: http://murdoc.eu Geändert von Murdoc (25.05.2012 um 15:46 Uhr).

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[C/C++] - Abbruch durch Tastendruck (Button)	BuffaloBill	Programmierung & Entwicklung	6	19.09.2012 12:13
[C/C++] - Schleife durch Button beenden	execUTe	Programmierung & Entwicklung	2	02.11.2011 06:58
[PHP] - Eingabefeld nicht mit Enter absenden, sonder nur durch Submit-Button	joker.org	Webentwicklung	9	10.07.2010 13:01
[VisualBasic] - Hochzählen durch Button Click	SaschaB	Programmierung & Entwicklung	5	10.04.2008 19:51
Verzeichnisse durch Klicken auf einen Button im neuen fenster öffnen (Delphi)	Zwicki	Programmierung & Entwicklung	4	24.03.2008 13:00

25.05.2012, 15:13	# 1
raidhumanguy Board Fuzi Bewertung: Registriert seit: May 2012 Beiträge: 10 Power: 3	Hi, ich erstelle derzeit eine Website für ein Event, dass man auf dieser Website live (mithilfe eines Tickers) mitverfolgen kann. Es soll aber auch einen Stream geben. Man soll nun einfach zwischen dem Live-Ticker-Iframe und dem Live-Stream-Iframe wechseln können und zwar nur durch einen Button "Zum Live Ticker wechseln" bzw. "Zum Live Stream" wechseln. Weiß jemand wie das geht? Wenn ja danke für die Hilfe LG

25.05.2012, 15:41	# 2
onip Master of supply Bewertung: Registriert seit: Sep 2004 Beiträge: 1.523 Power: 29	benutzt du ein framework wie mooTools oder jQuery?

Webentwicklung

Iframe durch Button wechseln?