Ergebnis 1 bis 7 von 7
  1. #1
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    Cellreader Update

    Da der vorgänger Performancefressend war, hier jetzt das Update zum Cellreader.
    Er ist nicht nur Performanter geworden, sondern ist jetzt auch für folgende browser zu gebrauchen:

    ie4, ie5, ie6, ns6, ns7, opera5, opera6, opera7, mozilla, firefox

    Kommentare zum Code folgen in kürze.

    Code:
    <html>
    <head>
    <script>
    String.prototype.str_replace = function(s,r) {
    
    	var str = this;
    
    	if(typeof s == "object" && typeof r == "object") {
    		for(var x in s)
    		str = str.replace(eval("/\\"+s[x]+"/ig"),r[x]);
    	}
    	if(typeof s == "object" && typeof r == "string") {
    		for(var x in s)
    		str = str.replace(eval("/\\"+s[x]+"/ig"),r);
    	}
    	if(typeof s == "string" && typeof r == "string") {
    		str = str.replace(eval("/\\"+s+"/ig"),r);
    	}
    
    	return str;
    };
    
    cellReader = function() {
    
    	this.inserts			= new Array();
    
    	/*************** EIGENSCHAFTEN ***************/
    
    
    	this.headCol			= new Array("Runde/Name","Günter","Johnas","Sebastian","Jochen","Falk");
    	this.footCol			= new Array("Platz","1. Platz","2. Platz","3. Platz","4. Platz","5. Platz");
    	this.sideRow			= new Array("Runde1","Runde2","Runde3","Runde4","Runde5","Runde6","Runde7","Runde8");
    
    	this.inserts[0] 		= new Array("Falk","Günter","Johnas","Jochen","Sebastian");
    	this.inserts[1] 		= new Array("Sebastian","Jochen","Günter","Johnas","Falk");
    	this.inserts[2] 		= new Array("Günter","Sebastian","Johnas","Falk","Jochen");
    	this.inserts[3] 		= new Array("Jochen","Günter","Johnas","Falk","Sebastian");
    	this.inserts[4] 		= new Array("Falk","Günter","Sebastian","Johnas","Jochen");
    	this.inserts[5] 		= new Array("Günter","Falk","Johnas","Jochen","Sebastian");
    	this.inserts[6] 		= new Array("Jochen","Johnas","Falk","Günter","Sebastian");
    	this.inserts[7] 		= new Array("Günter","Jochen","Johnas","Falk","Sebastian");
    
    
    	var $_fontSize			= new String("11px");
    	var $_fontFace			= new String("arial");
    	var $_fontStil			= new String("normal");
    	var $_fontColor			= new String("#000000");
    	var $_fontDescColor		= new String("#000000");
    
    	var $_borderSize 		= new String("1px");
    	var $_borderColor 		= new String("#666666");
    
    	var $_backgroundColor	        = new String("#cccccc");
    
    	var $_hoverColor		= new String("#efefef");
    
    	var $_cellHeadColor	        = new String("#999999");
    	var $_cellFootColor		= new String("#999999");
    	var $_cellSideColor		= new String("#999999");
    
    	var $_fieldWidth		= new String("100px");
    	var $_fieldHeight		= new String("20px");
    
    
    	/***********************************************/
    
    
    	var _output = new String();
    
    	var _search = new Array("ä","ü","ö","ß","-","/","."," ");
    	var _replac = new Array("ae","ue","oe","ss","_","_","_","_");
    	var _objekt;
    
    	_output += "<table cellspacing='"+$_borderSize+"' cellpadding='"+$_borderSize+"' border='0' bgcolor='"+$_borderColor+"' style='cursor:default'>";
    	_output += "<tr>";
    
    	for(var x=0; x<this.headCol.length; x++) {
    
    		_output += "<td id='"+((x>0) ? "main||"+this.headCol[x].str_replace(_search,_replac) : "")+"' ";
    		_output += "align='center' ";
    		_output += "width='"+$_fieldWidth+"' height='"+$_fieldHeight+"' ";
    		_output += "bgcolor='"+$_cellHeadColor+"' ";
    		_output += "style='font:"+$_fontStil+" "+$_fontSize+" "+$_fontFace+";color:"+$_fontDescColor+"'";
    
    		if(x>0) {
    
    			_output += " onmouseover='document.getElementById(\"obj\").getGroupIn(this)'";
    			_output += " onmouseout='document.getElementById(\"obj\").setGroupOut(this)'";
    		}
    
    		_output += ">";
    
    		if(x==0) {
    
    			_output += "<div id='obj'>";
    		}
    
    		_output += "<b>"+this.headCol[x]+"</b>";
    
    		if(x==0) {
    
    			_output += "</div>";
    		}
    
    		_output += "</td>";
    	}
    
    	_output += "</tr>";
    
    	for(var z=0,x=0; x<this.inserts.length; x++) {
    
    		_output += "<tr>";
    
    		for(var y=0; y<this.inserts[x].length+1; y++) {
    
    			if(y==0) {
    
    				_output += "<td ";
    				_output += "align='center' ";
    				_output += "width='"+$_fieldWidth+"' height='"+$_fieldHeight+"' ";
    				_output += "bgcolor='"+$_cellHeadColor+"' ";
    				_output += "style='font:"+$_fontStil+" "+$_fontSize+" "+$_fontFace+";color:"+$_fontDescColor+"'";
    				_output += "><b>";
    				_output += this.sideRow[x];
    				_output += "</b></td>";
    			}
    
    			if(y>=1) {
    				_output += "<td id='sub"+z+"||"+this.inserts[x][(y-1)].str_replace(_search,_replac)+"' ";
    				_output += "align='center' ";
    				_output += "width='"+$_fieldWidth+"' height='"+$_fieldHeight+"' ";
    				_output += "bgcolor='"+$_backgroundColor+"' ";
    				_output += "style='font:"+$_fontStil+" "+$_fontSize+" "+$_fontFace+";color:"+$_fontColor+"'";
    				_output += " onmouseover='document.getElementById(\"obj\").getGroupIn(this)'";
    				_output += " onmouseout='document.getElementById(\"obj\").setGroupOut(this)'";
    				_output += ">";
    				_output += this.inserts[x][(y-1)];
    				_output += "</td>";
    
    				z++;
    			}
    		}
    
    		_output += "</tr>";
    	}
    
    	_output += "<tr>";
    
    	for(var x=0; x<this.headCol.length; x++) {
    
    		_output += "<td ";
    		_output += "align='center' ";
    		_output += "width='"+$_fieldWidth+"' height='"+$_fieldHeight+"' ";
    		_output += "bgcolor='"+$_cellHeadColor+"' ";
    		_output += "style='font:"+$_fontStil+" "+$_fontSize+" "+$_fontFace+";color:"+$_fontDescColor+"'";
    		_output += "><b>";
    		_output += this.footCol[x];
    		_output += "</b></td>";
    	}
    
    	_output += "</tr>";
    	_output += "</table>";
    
    
    	document.write(_output);
    
    
    	_objekt = document.getElementById("obj");
    	_objekt.cells	 	= z;
    	_objekt.hoverColor 	= $_hoverColor;
    	_objekt.mainCellColor	= $_cellHeadColor;
    	_objekt.subCellColor 	= $_backgroundColor;
    
    	_objekt.getGroupIn = function(t) {
    
    		var n = String(t.id).split("||")[1];
    
    		for(var x=0; x<this.cells; x++) {
    
    			var o = document.getElementById("sub"+x+"||"+n);
    
    			if(o!=undefined) {
    				o.style.background = ""+this.hoverColor+"";
    			}
    		}
    
    		document.getElementById("main||"+n).style.background = ""+this.hoverColor+"";
    	};
    
    	_objekt.setGroupOut = function(t) {
    
    		var n = String(t.id).split("||")[1];
    
    		for(var x=0; x<this.cells; x++) {
    
    			var o = document.getElementById("sub"+x+"||"+n);
    
    			if(o!=undefined) {
    				o.style.background = ""+this.subCellColor+"";
    			}
    		}
    
    		document.getElementById("main||"+n).style.background = ""+this.mainCellColor+"";
    	};
    };
    </script>
    </head>
    <body>
    <script>
    new cellReader();
    </script>
    </body>
    </html>
    Zum betrachten:

    http://www.build.more-style.de/cellreader/

  2. #2
    Avatar von rasputin
    rasputin ist offline Lounge-Member
    registriert
    31-10-2001
    Beiträge
    3.102

    AW: Cellreader Update

    sind in js dollarzeichen als variablennamen, und gar als anfang erlaubt?

  3. #3
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Cellreader Update

    klar! so gut wie das einzige ... $ oder _

  4. #4
    Avatar von sanchez
    sanchez ist offline Lounge-Member
    registriert
    16-07-2002
    Ort
    Bremen
    Beiträge
    3.472

    AW: Cellreader Update

    wozu ist das ganze zu benutzen?
    Niemals aufgeben...aufgeben gilt nicht

  5. #5
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Cellreader Update

    wozu?!
    also ich denke das bsp. zeigt deutlich wozu es gut ist.
    bis jetzt haben es nur leute von spiele seiten benutzt und dies ist auch die zielgruppe.

  6. #6
    Avatar von sanchez
    sanchez ist offline Lounge-Member
    registriert
    16-07-2002
    Ort
    Bremen
    Beiträge
    3.472

    AW: Cellreader Update

    gut. Wollte nur fragen, da ich für mich persönlich nicht den bezug sah, aber für sowas natürlich genial...
    Niemals aufgeben...aufgeben gilt nicht

  7. #7
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Cellreader Update

    Saubere Sache das...
    Kann man bestimmt immer mal brauchen, auch wenn man kein Gamer ist...

Ähnliche Themen

  1. [PHP] MySQL update
    Von Iltis im Forum Serverseitige Programmierung
    Antworten: 10
    Letzter Beitrag: 04-05-2004, 16:32
  2. update auf PS
    Von jsgreenhorn im Forum Grafik
    Antworten: 3
    Letzter Beitrag: 24-01-2004, 02:52
  3. MS Windows Update
    Von Sisko im Forum Smalltalk
    Antworten: 3
    Letzter Beitrag: 29-05-2002, 12:19
  4. [IE] nach Update keine *.zip mehr oeffnen?
    Von Sisko im Forum Smalltalk
    Antworten: 2
    Letzter Beitrag: 21-03-2002, 21:17
  5. UPDATE::: http://www.2advanced.com/ [flash]
    Von wagi im Forum Best of WWW
    Antworten: 2
    Letzter Beitrag: 08-08-2001, 01:59

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •