Portfolio - Newsticker

Praxissemester

Mein Praxissemester habe ich während des dritten Semesters bei Südkurier Medienhaus in Konstanz absolviert. Dort war ich in der Online Product Management Abteilung tätig. Das Praxissemester dauerte 6 Monate. Während der Zeit habe ich an verschiedenen Projekten gearbeitet. Darunter, die Suchmaschinenoptimierung für Bodenseeferien.de, sowie die Anpassung und Erstellung von Templates für das Hauseigene CMS. Weitere arbeiten waren die Synchronisierung von zwei Werbebannern (Skyscraper, Superbanner) mithilfe von Flash Actionscript 2, sowei die Erstellung eines Newstickers zum Selber konfigurieren für Benutzer anderer Webseiten.

Der Newsticker

Die Aufgabe bestand darin einen Newsticker zu erstellen, der die RSS Feeds von Suedkurier.de abruft und bereitstellt. Der Benutzer soll sich den Newsticker individuell zusammenstellen können und dann über einen einzeiligen Code auf seine eigene Webseite einbinden können.

Der Newsticker wurde mit Javascript realisiert. Im Hintergrund lief in der ersten Version eine PHP Applikation, an der sich Benutzer erst anmelden mussten und im Anschluss den Newsticker auswählen konnten. Dies wurde jedoch kurz vor Fertigstellung wieder verworfen. So entstand auf Basis des alten Newstickers ein neuer, der ohne Anmeldung ausgewählt und verwendet werden konnte. Die individuellen Einstellungen wurden auf die wichtigsten beschränkt. Es konnten nur noch die Form, der RSS Feed und das Design ausgewählt werden. Mit dem Beschluss der Einschränkung hoffte man, den Benutzer durch zu viele Auswahlmöglichkeiten nicht mehr zu überfordern.

Der Newsticker, sowie dessen Zusammenstellung kann unter folgender Webseite begutachtet werden:
Zum Newsticker

ticker.js basiert auf einem Ajax Ticker der für meine Zwecke angepasst wurde.

//ticker.js

function createAjaxObj(){
var httprequest=false
if (window.XMLHttpRequest){ // if Mozilla, Safari etc
httprequest=new XMLHttpRequest()
if (httprequest.overrideMimeType)
httprequest.overrideMimeType('text/xml')
}
else if (window.ActiveXObject){ // if IE
try {
httprequest=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
httprequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return httprequest
}

// -------------------------------------------------------------------
// Main RSS Ticker Object function
// rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch)
// -------------------------------------------------------------------

function rss_ticker(RSS_id, cachetime, divId, divClass, delay, optionalswitch){
this.RSS_id=RSS_id //Array key indicating which RSS feed to display
this.cachetime=cachetime //Time to cache feed, in minutes. 0=no cache.
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.logicswitch=(typeof optionalswitch!="undefined")? optionalswitch : -1
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)
this.pointer=0
this.ajaxobj=createAjaxObj()
this.getAjaxcontent()
}

rss_ticker.prototype.setID=function( id ) {
	this.RSS_id=id;
}	



// -------------------------------------------------------------------
// getAjaxcontent()- Makes asynchronous GET request to "rssfetch.php" with the supplied parameters
// -------------------------------------------------------------------

rss_ticker.prototype.getAjaxcontent=function(){
if (this.ajaxobj){
var instanceOfTicker=this
var parameters="id="+encodeURIComponent(this.RSS_id)+"&cachetime="+this.cachetime+"&bustcache="+new Date().getTime()
this.ajaxobj.onreadystatechange=function(){instanceOfTicker.initialize()}
this.ajaxobj.open('GET', "rssfetch.php?"+parameters, true)
this.ajaxobj.send(null)
}
}

// -------------------------------------------------------------------
// initialize()- Initialize ticker method.
// -Gets contents of RSS content and parse it using JavaScript DOM methods
// -------------------------------------------------------------------

rss_ticker.prototype.initialize=function(){
if (this.ajaxobj.readyState == 4){ //if request of file completed
if (this.ajaxobj.status==200){ //if request was successful
var xmldata=this.ajaxobj.responseXML
if (xmldata.getElementsByTagName("item").length==0){ //if no <item> elements found in returned content
document.getElementById(this.tickerid).innerHTML="<b>Error</b> fetching remote RSS feed!<br />"+this.ajaxobj.responseText
return
}
var instanceOfTicker=this
this.feeditems=xmldata.getElementsByTagName("item");
var j=0;
var x = 1;
//Cycle through RSS XML object and store each piece of the item element as an attribute of the element
for (var i=0; i<this.feeditems.length; i++){
this.feeditems[i].setAttribute("ctitle", this.feeditems[i].getElementsByTagName("title")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("cpubdate", this.feeditems[i].getElementsByTagName("pubDate")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("clink", this.feeditems[i].getElementsByTagName("link")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("cdescription", this.feeditems[i].getElementsByTagName("description")[0].firstChild.nodeValue)

if(j<this.feeditems.length-1){
j = j+1;
this.feeditems[i].setAttribute("ftitle", this.feeditems[j].getElementsByTagName("title")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("fpubdate", this.feeditems[j].getElementsByTagName("pubDate")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("flink", this.feeditems[j].getElementsByTagName("link")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("fdescription", this.feeditems[j].getElementsByTagName("description")[0].firstChild.nodeValue)
}else{

this.feeditems[i].setAttribute("ftitle", "")
this.feeditems[i].setAttribute("flink", "")
this.feeditems[i].setAttribute("fdescription","")
this.feeditems[i].setAttribute("fpubdate","")
}

if(x<this.feeditems.length-1){
x= x+1;
this.feeditems[i].setAttribute("xtitle", this.feeditems[x].getElementsByTagName("title")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("xpubdate", this.feeditems[x].getElementsByTagName("pubDate")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("xlink", this.feeditems[x].getElementsByTagName("link")[0].firstChild.nodeValue)
this.feeditems[i].setAttribute("xdescription", this.feeditems[x].getElementsByTagName("description")[0].firstChild.nodeValue)
}else{
this.feeditems[i].setAttribute("xtitle", "")
this.feeditems[i].setAttribute("xlink", "")
this.feeditems[i].setAttribute("xdescription","")
this.feeditems[i].setAttribute("xpubdate","")
}
}
document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
this.rotatemsg()
}
}
}

// -------------------------------------------------------------------
// rotatemsg()- Rotate through RSS messages and displays them
// -------------------------------------------------------------------

rss_ticker.prototype.rotatemsg=function(){
var instanceOfTicker=this
if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it)
setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
else{
var tickerDiv=document.getElementById(this.tickerid)

if(typeof this.feeditems[this.pointer] !="undefined"){
var tickercontent='<div><span class="pfeil">&rsaquo;</span><div class="inhalt"><a href="'+this.feeditems[this.pointer].getAttribute("clink")+'">'+this.feeditems[this.pointer].getAttribute("ctitle")+'</a><br/><span class="datum" style="margin-bottom:4px;">'+this.feeditems[this.pointer].getAttribute("cpubdate")+'</span><br/>'
if (this.logicswitch=="showdescription"){
tickercontent+='<a href="'+this.feeditems[this.pointer].getAttribute("clink")+'" style="color:'+color+';">'+this.feeditems[this.pointer].getAttribute("cdescription")+'</a></div><br/><div class="line"></div>';
tickercontent+='<span class="pfeil">&rsaquo;</span><div class="inhalt"><a href="'+this.feeditems[this.pointer].getAttribute("flink")+'">'+this.feeditems[this.pointer].getAttribute("ftitle")+'</a><br/><span class="datum">'+this.feeditems[this.pointer].getAttribute("fpubdate")+'</span>';
tickercontent+='<br /><a href="'+this.feeditems[this.pointer].getAttribute("clink")+'" style="color:'+color+';">'+this.feeditems[this.pointer].getAttribute("fdescription")+'</a></div><br/><div class="line"></div>';
tickercontent+='<span class="pfeil">&rsaquo;</span><div class="inhalt"><a href="'+this.feeditems[this.pointer].getAttribute("xlink")+'" >'+this.feeditems[this.pointer].getAttribute("xtitle")+'</a><br/><span class="datum" >'+this.feeditems[this.pointer].getAttribute("xpubdate")+'</span>';
tickercontent+='<br /><a href="'+this.feeditems[this.pointer].getAttribute("clink")+'" style="color:'+color+';">'+this.feeditems[this.pointer].getAttribute("xdescription")+'</a></div></div><div>';
}
tickerDiv.innerHTML=tickercontent
this.pointer=(this.pointer<this.feeditems.length-1)? this.pointer+1 : 0
if(typeof x!="undefined")
   clearTimeout(x)
x = setTimeout(function(){instanceOfTicker.rotatemsg()},this.delay) //update container every second
}else{
	window.location.reload();
}
}
}

//Stylesheet für den Ticker
document.write('<style type=\"text/css\">');
document.write('.datum {color:'+dfarbe+';}');
document.write('.inhalt {margin-left:20px;margin-right:10px; line-height:1.4em;}');
document.write('.pfeil {color:'+linkcolor+';float:left;margin-left:10px;}');
document.write('.line {width:'+linienl+'px; border-bottom:1px dotted '+linienfarbe+';margin-bottom:10px;margin-left:8px;}');
document.write('#newsbox a:link {font-family:Verdana;font-size:12px; color:'+linkcolor+';}');
document.write('#newsbox a:hover {text-decoration:underline;font-family:Verdana; font-size:12px; color:'+linkcolor+';}');
document.write('#newsbox {font-family:Verdana; color:'+color+'; background-color:'+backgroundcolor+'; font-size:12px; border:1px solid #aaaaaa; width:'+breite+'px; height:'+hoehe+'px;text-decoration:none; padding-top:5px;}');
document.write('</style>');



//Div nötig für den Ticker damit er angezeigt wird
var a ='<div id="newsbox" style="overflow:hidden;"></div>';
document.write(a);

//Aufruf des Tickers
switch(feed){
	case "SportRegion":
			var axb= '<script type="text/javascript"> new rss_ticker("SportRegion",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Tagesthema": 
			var axb = '<script type="text/javascript"> new rss_ticker("Tagesthema",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;

	case "SportAllgemein":
			var axb = '<script type="text/javascript"> new rss_ticker("SportAllgemein",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	
	case "BadSaeckingen":
			var axb = '<script type="text/javascript"> new rss_ticker("BadSaeckingen",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	
	case "Donaueschingen":
			var axb = '<script type="text/javascript"> new rss_ticker("Donaueschingen", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	
	case "Friedrichshafen": 
			var axb = '<script type="text/javascript"> new rss_ticker("Friedrichshafen", 0, "newsbox", "newsclass", 3000, "showdescription");</script>';
			document.write(axb);
			break;
			
	case "Furtwangen": 
			var axb = '<script type="text/javascript"> new rss_ticker("Furtwangen", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	
	case "Konstanz":
			var axb = '<script type="text/javascript"> new rss_ticker("Konstanz",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Markdorf":
			var axb = '<script type="text/javascript"> new rss_ticker("Markdorf", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Pfullendorf-Messkirch":
			var axb = '<script type="text/javascript"> new rss_ticker("Pfullendorf_Messkirch", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Radolfzell":
			var axb = '<script type="text/javascript"> new rss_ticker("Radolfzell", 0, "newsbox", "newsclass", 3000, "showdescription");</script>';
			document.write(axb);
			break;
			
	case "Rheinfelden":
			var axb = '<script type="text/javascript"> new rss_ticker("Rheinfelden",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Singen":
			var axb = '<script type="text/javascript"> new rss_ticker("Singen", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "St.Georgen-Triberg":
			var axb = '<script type="text/javascript"> new rss_ticker("StGeorgen_Triberg", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Stockach":
			var axb = '<script type="text/javascript"> new rss_ticker("Stockach",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	case "Ueberlingen":
			var axb = '<script type="text/javascript"> new rss_ticker("Ueberlingen", 0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
			
	case "Villingen":
			var axb = '<script type="text/javascript"> new rss_ticker("Villingen",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
	case "Waldshut-Tiengen":
			var axb = '<script type="text/javascript"> new rss_ticker("Waldshut_Tiengen",0, "newsbox", "newsclass", 3000, "showdescription"); </script>';
			document.write(axb);
			break;
}

function.js beinhaltet alle Funktionen die für die Auswahl und Anzeige des Newstickers benötigt werden.

//function.js

function bauart(breite,hoehe,wert){
document.getElementById('iframe').width = breite;
document.getElementById('iframe').height = hoehe+35;
stil = wert;
stil += document.inhalt.stil.value;
feed = document.inhalt.nachricht.value;
url = "stil="+stil+"&feed="+feed;
document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
document.inhalt.breite.value = breite;
document.inhalt.hoehe.value = hoehe;
document.inhalt.form.value= wert;
}


function stiel(wert){

 switch (wert) {
    case 1: stil = document.inhalt.form.value;
			stil += 1;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#333399";
			document.inhalt.stil.value= "1";
                   break;
 
    case 2: stil = document.inhalt.form.value;
			stil += 2;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#ffffff";
			document.inhalt.stil.value= "2";
                     break;
 
    case 3: stil = document.inhalt.form.value;
			stil += 3;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#ffffff";
			document.inhalt.stil.value= "3";
                     break;
 
    case 4: stil = document.inhalt.form.value;
			stil += 4;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#ffffff";
			document.inhalt.stil.value= "4";
                       break;
 
    case 5: stil = document.inhalt.form.value;
			stil += 5;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#ffffff";
			document.inhalt.stil.value= "5";
                    break;
	case 6: stil = document.inhalt.form.value;
			stil += 6;
			feed = document.inhalt.nachricht.value;
			url = "stil="+stil+"&feed="+feed;
			document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
			document.inhalt.color.value = "#ffffff";
			document.inhalt.stil.value= "6";
                    break;
}
}

function generieren(){
	
	document.inhalt.ausgabe.value = '<div style="width:'+document.inhalt.breite.value+'px;">';
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value +'<script type="text/javascript">';
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value +"var breite="+ document.inhalt.breite.value+";";
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + "var hoehe="+ document.inhalt.hoehe.value+";";
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + "var stil="+document.inhalt.form.value ;
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + document.inhalt.stil.value+";";
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + "var feed="+ document.inhalt.nachricht.value+";";
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value +'<\/script>';
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + '<script src="http://mein-sueden.de/suedkurier/rssreader/light/ticker_da.js" type="text/javascript"><\/script>';
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + '<div style="font:10px sans-serif; color:'+document.inhalt.color.value+';" align="center">'+document.inhalt.vlinktext.value;
	document.inhalt.ausgabe.value = document.inhalt.ausgabe.value + ' <a href="'+document.inhalt.linka.value+'" style="color:'+document.inhalt.color.value+'">'+document.inhalt.linktext.value+'<\/a><\/div><\/div>';
	
	

}


function checkit(wert,bis){
for(var i = 0; i<bis; i++){
	if(i != wert){
	document.inhalt.feedc[i].checked=false;
	}


	
	}

}


function checkit_b(wert,bis){
for(var i = 0; i<bis; i++){
	if(i != wert){
	document.inhalt.bauf[i].checked = false;
		}
	}
}


function checkit_f(wert,bis){
for(var i = 0; i<bis; i++){
	if(i != wert){
	document.inhalt.farbw[i].checked = false;
		}
	}
}


function feedx(wert){
document.inhalt.feed.value = wert;
document.inhalt.linktext.value = wert;
	switch(wert){
		
		case "Sportregion":				stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 1;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "suedkurier.de";
										document.inhalt.linka.value = "http://www.suedkurier.de";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten auf"
										document.inhalt.nachricht.value = 1;
										
										break;
										
		case "Tagesthema":				stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 2;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "suedkurier.de";
										document.inhalt.linka.value = "http://www.suedkurier.de";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten auf"
										document.inhalt.nachricht.value = 2;
										break;
										
		case "Sport-Allgemein":			stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 3;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "suedkurier.de";
										document.inhalt.linka.value = "http://www.suedkurier.de";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten auf"
										document.inhalt.nachricht.value = 3;
										break;
										
		case "Bad Säckingen" : 			stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 4;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Bad Säckingen";
										document.inhalt.linka.value = "http://www.suedkurier.de/badsaeckingen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 4;
										break;
										
		case "Donaueschingen" : 		stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 5;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Donaueschingen";
										document.inhalt.linka.value = "http://www.suedkurier.de/donaueschingen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 5;
										break;
										
									
		case "Friedrichshafen": 		stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 6;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Friedrichshafen";
										document.inhalt.linka.value = "http://www.suedkurier.de/friedrichshafen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 6;
										break;
		case "Furtwangen":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 7;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Furtwangen";
										document.inhalt.linka.value = "http://www.suedkurier.de/furtwangen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 7;
										break;
		case "Konstanz":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 8;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Konstanz";
										document.inhalt.linka.value = "http://www.suedkurier.de/konstanz";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 8;
										break;
		case "Markdorf":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 9;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Markdorf";
										document.inhalt.linka.value = "http://www.suedkurier.de/markdorf";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 9;
										break;
		case "Pfullendorf-Messkirch":	
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 10;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Pfullendorf-Messkirch";
										document.inhalt.linka.value = "http://www.suedkurier.de/pfullendorf";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 10;
										break;
		case "Radolfzell":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 11;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Radolfzell";
										document.inhalt.linka.value = "http://www.suedkurier.de/radolfzell";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 11;
										break;
		case "Rheinfelden":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 12;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Rheinfelden";
										document.inhalt.linka.value = "http://www.suedkurier.de/rheinfelden";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 12;
										break;
		case "Singen":					
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 13;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Singen";
										document.inhalt.linka.value = "http://www.suedkurier.de/singen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 13;
										break;
		case "St.Georgen-Triberg": 		
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 14;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "St.Georgen - Triberg";
										document.inhalt.linka.value = "http://www.suedkurier.de/stgeorgen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 14;
										break;
		case "Stockach":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 15;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Stockach";
										document.inhalt.linka.value = "http://www.suedkurier.de/stockach";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 15;
										break;
		case "Überlingen":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 16;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Überlingen";
										document.inhalt.linka.value = "http://www.suedkurier.de/ueberlingen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 16;
										break;
		case "Villingen":				
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 17;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Villingen";
										document.inhalt.linka.value = "http://www.suedkurier.de/villingen";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 17;
										break;
		case "Waldshut-Tiengen":		
										stil = document.inhalt.form.value;
										stil += document.inhalt.stil.value;
										feed = 18;
										url = "stil="+stil+"&feed="+feed;
										document.getElementById('iframe').src = "http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?"+url;
										document.inhalt.linktext.value = "Waldshut-Tiengen";
										document.inhalt.linka.value = "http://www.suedkurier.de/waldshut";
										document.inhalt.vlinktext.value = "Aktuelle Nachrichten aus"
										document.inhalt.nachricht.value = 18;
										break;
	}
}




wmtt = null;
 
document.onmousemove = updateWMTT;
 
function updateWMTT(e) {
  x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
  y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
  if (wmtt != null) {
    wmtt.style.left = (x + 20) + "px";
    wmtt.style.top   = (y + 20) + "px";
  }
}
 
function showWMTT(id) {
  wmtt = document.getElementById(id);
  wmtt.style.display = "block"
}
 
function hideWMTT() {
  wmtt.style.display = "none";
}

index.html Ist die Übersichtsseite, in der die Auswahl des Newstickers stattfindet.

#index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>suedkurier.de - Newsreader</title>

<link rel="stylesheet" type="text/css" href="style.css">
<script src="rssticker.js" type="text/javascript"></script>
<script src="function.js" type="text/javascript"></script>
</head>

<body style="background-color:white; color:black;">
<div class="container">

<div class="containerout">
<div class="header">
<div style="margin-top:-30px;margin-left:370px;"><a href="index.html" class="red">Newsreader</a>  <a href="hilfe.html" class="white" style="margin-left:70px;">Hilfe </a>  <a href="http://www.suedkurier.de" class="white" style="margin-left:60px;">suedkurier.de </a></div>
</div>
<div class="top">
<span class="top_dot">:: </span>Nachrichtenkanal wählen
</div>
<div class="ele1">
<form name="inhalt">
<div style="float:left;margin-right:10px;"><input type="checkbox" name="feedc" value="Sportregion" onClick="checkit(0,18);rt.setID('SportRegion'); feedx(this.value); rt.getAjaxcontent();generieren();  return true; " checked="checked" />Sportregion <br />
<input type="checkbox" name="feedc" value="Tagesthema" onClick="checkit(1,18);feedx(this.value); generieren();" />Tagesthema <br />
<input type="checkbox" name="feedc" value="Sport-Allgemein" onClick="checkit(2,18);feedx(this.value);generieren();" />Sport-Allgemein <br />
<input type="checkbox" name="feedc" value="Bad Säckingen" onClick="checkit(3,18);feedx(this.value);generieren();" />Bad Säckingen <br />
<input type="checkbox" name="feedc" value="Donaueschingen" onClick="checkit(4,18);feedx(this.value);generieren();"/>Donaueschingen <br />
<input type="checkbox" name="feedc" value="Friedrichshafen" onClick="checkit(5,18);feedx(this.value);generieren();"/>Friedrichshafen <br /></div>
<div style="float:left;margin-right:10px;">
<input type="checkbox" name="feedc" value="Furtwangen" onClick="checkit(6,18);feedx(this.value);generieren();"/>Furtwangen <br />
<input type="checkbox" name="feedc" value="Konstanz" onClick="checkit(7,18);feedx(this.value);generieren();"/>Konstanz <br />
<input type="checkbox" name="feedc" value="Markdorf" onClick="checkit(8,18);feedx(this.value);generieren();"/>Markdorf <br />
<input type="checkbox" name="feedc" value="Pfullendorf-Messkirch" onClick="checkit(9,18);feedx(this.value);generieren();"/>Pfullendorf-Messkirch<br /> 
<input type="checkbox" name="feedc" value="Radolfzell" onClick="checkit(10,18);feedx(this.value);generieren();"/>Radolfzell <br />
<input type="checkbox" name="feedc" value="Rheinfelden" onClick="checkit(11,18);feedx(this.value);generieren();"/>Rheinfelden <br/></div>
<div>
<input type="checkbox" name="feedc" value="Singen" onClick="checkit(12,18);feedx(this.value);generieren();"/>Singen <br />
<input type="checkbox" name="feedc" value="St.Georgen-Triberg" onClick="checkit(13,18);feedx(this.value);generieren();"/>St.Georgen-Triberg <br/>
<input type="checkbox" name="feedc" value="Stockach" onClick="checkit(14,18);feedx(this.value);generieren();"/>Stockach <br/>
<input type="checkbox" name="feedc" value="Überlingen" onClick="checkit(15,18);feedx(this.value);generieren();" />Überlingen <br/>
<input type="checkbox" name="feedc" value="Villingen" onClick="checkit(16,18);feedx(this.value);generieren();" />Villingen<br/>
<input type="checkbox" name="feedc" value="Waldshut-Tiengen" onClick="checkit(17,18);feedx(this.value);generieren();" />Waldshut-Tiengen<br/>
</select></div>
</div>

<div class="top">
<span class="top_dot">:: </span>Newsreader Form wählen
</div>
<div class="ele2">
<span style="color:white">Wälen Sie sich hier Ihre Form</span>
<table cellspacing="10">
<tr>
<td>Viereck<br /> klein </td>
<td>Rechteck<br /> hochkant </td>
<td>Rechteck<br />quer<br /> mittel </td>
<td>Rechteck<br />quer<br />groß </td>
<td>Rechteck<br />quer<br />klein </td>
<tr>
<td align="center"><input type="radio"  name="bauf" value="1" onclick='checkit_b(0,5);bauart(200,140,1);generieren();' checked="checked"/></td>
<td align="center"><input type="radio"  name="bauf" value="2" onclick='checkit_b(1,5);bauart(200,400,2);generieren();' /></td>
<td align="center"><input type="radio"  name="bauf" value="3" onclick='checkit_b(2,5);bauart(301,215,3);generieren();' /></td>
<td align="center"><input type="radio"  name="bauf" value="4" onclick='checkit_b(3,5);bauart(446,300,4);generieren();' /></td>
<td align="center"><input type="radio"  name="bauf" value="5" onclick='checkit_b(4,5);bauart(446,105,5); generieren();' /></td>
</tr><tr>
<td><img src="vorschau/bau1_thumb.jpg" border="0" /></td>
<td><img src="vorschau/bau2_thumb.jpg" border="0" /></td>
<td><img src="vorschau/bau3_thumb.jpg" border="0" /></td>
<td><img src="vorschau/bau4_thumb.jpg" border="0" /></td>
<td><img src="vorschau/bau5_thumb.jpg" border="0" /></td>
</tr>
</table>


</div>

<div class="top">
<span class="top_dot">:: </span>Newsreader Farbstil wählen
</div>
<div class="ele3">
<span style="color:white">Wählen Sie sich hier Ihre Farbstil aus</span>
<table cellspacing="10">
<tr>
<td align="center"><input type="radio" name="farbw" value="1" onclick="checkit_f(0,6);stiel(1);generieren();" checked="checked" /></td>
<td align="center"><input type="radio" name="farbw" value="2" onclick="checkit_f(1,6);stiel(2);generieren();" /></td>
<td align="center"><input type="radio" name="farbw" value="3" onclick="checkit_f(2,6);stiel(3);generieren();" /></td>
<td align="center"><input type="radio" name="farbw" value="4" onclick="checkit_f(3,6);stiel(4);generieren();" /></td>
<td align="center"><input type="radio" name="farbw" value="5" onclick="checkit_f(4,6);stiel(5);generieren();"/></td>
<td align="center"><input type="radio" name="farbw" value="6" onclick="checkit_f(5,6);stiel(6);generieren();" /></td></tr>
<tr>
<td align="center"><img src="vorschau/farb1_thumb.jpg" border="1" /></td>
<td align="center"><img src="vorschau/farb2_thumb.jpg" border="1"  /></td>
<td align="center"><img src="vorschau/farb3_thumb.jpg" border="1"  /></td>
<td align="center"><img src="vorschau/farb4_thumb.jpg" border="1" /></td>
<td align="center"><img src="vorschau/farb5_thumb.jpg" border="1"  /></td>
<td align="center"><img src="vorschau/farb6_thumb.jpg" border="1" /></td></tr>
</table>

</div>
<div class="top">
<span class="top_dot">:: </span>Der Quellcode zum Kopieren für ihre Seite
</div>
<div class="ele4">
<textarea cols="50" rows="12" name="ausgabe" readonly="readonly" value=""><div style="width:200px;"><script type="text/javascript">var breite=200;var hoehe=140;var stil=11;var feed=1;</script><script src="http://mein-sueden.de/suedkurier/rssreader/light/ticker_da.js" type="text/javascript"></script><div style="font:10px sans-serif; color:#333399;" align="center">Aktuelle Nachrichten auf <a href="http://www.suedkurier.de/" style="color:#333399">suedkurier.de</a></div></div>
</textarea>
</div>

<input type="hidden" value="SportRegion" name="feed" />
<input type="hidden" value="140" name="hoehe" />
<input type="hidden" value="200" name="breite" />
<input type="hidden" value="#ffffff" name="backgroundcolor" />
<input type="hidden" value="#333399" name="color" />
<input type="hidden" value="http://www.suedkurier.de/" name="linka" />
<input type="hidden" value="suedkurier.de" name="linktext" />
<input type="hidden" value="Aktuelle Nachrichten auf" name="vlinktext" />
<input type="hidden" value="#000000" name="linkcolor"  />
<input type="hidden" value="#000000" name="borderfarbe"  />
<input type="hidden" value="1" name="stil" />
<input type="hidden" value="1" name="form" />
<input type="hidden" value="1" name="nachricht" />




</form>

<div class="top">
<span class="top_dot">:: </span>Vorschau des Newsreaders
</div>
<script type="text/javascript">
var a = '<div style="width:'+document.inhalt.breite.value+'px;margin-top:25px;margin-bottom:50px;">';
a +=  '<iframe id="iframe" src="http://mein-sueden.de/suedkurier/rssreader/light/aufruf.html?stil=11&feed=1" width="202" height="140" marginheight="0" marginwidth="0" frameborder="0" allowtransparency="yes" scrolling="NO" style="border-bottom:2px solid #aaaaaa;"></iframe><div style="height:25px;"></div></div>';
document.write(a);
</script>


</div>


</div>


</div>



</div>
</body>
</html>

Railstutorial

Programmieren Praktikum

GregorPanek

WBT

Sunlight

Newsticker (Praxissemester)

Rizo (Projektstudium)

Black Media Solutions

Praxissemester

Der Newsticker

Studium

Stell mich ein

Letzten Kommentare

Impressum

Gregor Panek, verantwortlich im Sinne des Teledienstgesetzes
Design und Programmierung
© Gregor Panek 2012

Railstutorial

Programmieren Praktikum

GregorPanek

WBT

Sunlight

Newsticker (Praxissemester)

Rizo (Projektstudium)

Black Media Solutions

Praxissemester

Der Newsticker

Studium

Stell mich ein

Letzten Kommentare

Impressum

Gregor Panek, verantwortlich im Sinne des Teledienstgesetzes Design und Programmierung © Gregor Panek 2012

Gregor Panek, verantwortlich im Sinne des Teledienstgesetzes
Design und Programmierung
© Gregor Panek 2012