Homepage Anordnung


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Javascript
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Lexa
Gast

BeitragHomepage Anordnung Antworten mit Zitat

axinio Internet Marketing
Hallo!

Kleine Frage: Ich habe auf einer Homepage eine Tabelle links und möchte daneben die Navigation machen.
Wie mach ich das denn??????


Code:
<script type=text/javascript>
<!--
var Tabellendaten = new Array(
 "932 187 A3","28305","6793","32312","-",
 "930 248 D8","28746","4863","31285","-",
 "950 678 E1","29998","9466","30070","-",
 "059 678 K0","22259","10416","29686","-",
 "695 147 O6","25166","11022","31960","-",
 "698 013 P3","22400","10958","29353","-",
 " -","22413","13087","29295","-",
 " -","22304","12486","30119","-",
 " -","16084","10978","25855","-",
 " -","16037","10497","24682","-",
 " -","16266","6871","25883","-",
 " -","15783","12471","25149","-",
 " -","16082","11130","25709","-",
 " -","22143","27757","27757","-",
 " -","33062","33978","33978","-",
 " -","42097","32121","32131","-",
 "Gesamt","-","-","-","-"
);

var sortierte_Tabellendaten = new Array(Tabellendaten.length);

var Spaltenueberschriften = new Array(
"TypID",
"Stückzahl",
"Sollzahl",
"Bearbeiter",
"Vermerke"
);

var Spalten = Spaltenueberschriften.length;
var Zeilen = Tabellendaten.length / Spalten;

var Spaltenueberschriftformatierungen = new Array(
 "width=\"250\" valign=\"top\" style=\"text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" valign=\"top\" style=\"text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" valign=\"top\" style=\"text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" valign=\"top\" style=\"text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" valign=\"top\" style=\"text-align:left; border:solid 1px #BBC2C5\""
);

var Spaltenformatierungen = new Array(
 "width=\"250\" style=\"text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" style=\"font-family:Courier New,courier; text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" style=\"font-family:Courier New,courier; text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" style=\"font-family:Courier New,courier; text-align:left; border:solid 1px #BBC2C5\"",
 "width=\"100\" style=\"font-family:Courier New,courier; text-align:left; border:solid 1px #BBC2C5\""
);

var Spaltensortierungen = new Array(
 "numerisch","numerisch","numerisch","numerisch","numerisch"
);

var Tabellenformatierung = "border=\"1\" style=\"border:solid 1px #BBC2C5\" cellspacing=\"0\"";
var Ordinalzahlenspalte = 1;
var Ordinalzahlenspaltenformatierung = "width=\"20\" style=\"border:solid 1px #BBC2C5\"";

var IconNormalAuf = "<img src=\"hand_up.gif\" width=\"14\" height=\"18\" border=\"0\" alt=\"\">";
var IconNormalAb = "<img src=\"hand_down.gif\" width=\"14\" height=\"18\" border=\"0\" alt=\"\">";
var IconSortiertAuf = "<img src=\"hand_up.gif\" width=\"14\" height=\"18\" border=\"0\" alt=\"\">";
var IconSortiertAb = "<img src=\"hand_down.gif\" width=\"14\" height=\"18\" border=\"0\" alt=\"\">";

var Sortierzeile = "";

function Erzeuge_Sortierzeile(Nummer,Richtung) {
 Sortierzeile = "<tr>";
 if(Ordinalzahlenspalte)
   Sortierzeile += "<th " + Ordinalzahlenspaltenformatierung + "> <\/th>";
 for(var j = 0; j < Spalten; ++j) {
  Sortierzeile += "<th " + Spaltenformatierungen[j] + ">";
  if(Richtung == "aufsteigend" && j == Nummer) {
   Sortierzeile += IconSortiertAuf + " ";
   Sortierzeile += "<a href=\"javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','absteigend')\">" + IconNormalAb + "</a>";
  }
  else if(Richtung == "absteigend" && j == Nummer) {
   Sortierzeile += "<a href=\"javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','aufsteigend')\">" + IconNormalAuf + "</a>";
   Sortierzeile += " " + IconSortiertAb;
  }
  else {
   Sortierzeile += "<a href=\"javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','aufsteigend')\">" + IconNormalAuf + "</a> ";
   Sortierzeile += "<a href=\"javascript:Sortiere_nach_Spalte(" + j + ",'" + Spaltensortierungen[j] + "','absteigend')\">" + IconNormalAb + "</a><\/td>";
  }
 Sortierzeile += "<\/th>";
 }
 Sortierzeile += "<tr>";
}

function Sortiere_nach_Spalte(Nummer,Art,Richtung) {
 var Spaltendaten = new Array();
 var Vergleichsdaten = new Array();
 var SortierIndex = new Array();
 for(var i = 0; i < Zeilen; ++i)
  Spaltendaten[i] = Vergleichsdaten[i] = Tabellendaten[i * Spalten + Nummer];
 if(Art == "alphabetisch") Spaltendaten.sort();
 if(Art == "numerisch") Spaltendaten.sort(Numsort);
 if(Richtung == "absteigend") Spaltendaten.reverse();
 for(i = 0; i < Zeilen; ++i)
  for(var j = 0; j < Zeilen; ++j)
   if(Spaltendaten[i] == Vergleichsdaten[j])
    SortierIndex[i] = j;
 var Speicher;
 for(i = 0; i < Zeilen; ++i)
  for(j = 0; j < Spalten; ++j)
   sortierte_Tabellendaten[i * Spalten + j] = Tabellendaten[SortierIndex[i] * Spalten + j];
 Erzeuge_Sortierzeile(Nummer,Richtung);
 Schreibe_Tabelle(sortierte_Tabellendaten);
}

function Schreibe_Tabelle(Array) {
 var Tabelleninhalt = "";
 Tabelleninhalt += "<table " + Tabellenformatierung + ">";
 Tabelleninhalt += "<thead><tr>";
 if(Ordinalzahlenspalte)
   Tabelleninhalt += "<th " + Ordinalzahlenspaltenformatierung + "> <\/th>";
 for(var j = 0; j < Spalten; ++j)
  Tabelleninhalt += "<th " + Spaltenueberschriftformatierungen[j] + ">" + Spaltenueberschriften[j] + "<\/th>";
 Tabelleninhalt += "<\/tr>";
 Tabelleninhalt += Sortierzeile;
 Tabelleninhalt += "<\/thead>";
 Tabelleninhalt += "<tfoot><\/tfoot>";
 Tabelleninhalt += "<tbody>";
 for(var i = 0; i < Zeilen; ++i) {
  Tabelleninhalt += "<tr>";
  if(Ordinalzahlenspalte)
   Tabelleninhalt += "<td " + Ordinalzahlenspaltenformatierung + ">" + (i+1) + ".<\/td>";
  for(var j = 0; j < Spalten; ++j)
   Tabelleninhalt += "<td " + Spaltenformatierungen[j] + ">" + Array[i * Spalten + j] + "<\/td>";
  Tabelleninhalt += "<\/tr>";
 }
 Tabelleninhalt += "<\/tbody>";
 Tabelleninhalt += "<\/table>";
 if(document.getElementById)
  document.getElementById("Tabelle").innerHTML = Tabelleninhalt;
 else if(document.all)
  document.all.Tabelle.innerHTML = Tabelleninhalt;
 else if(document.layers) {
  document.Tabelle.document.open();
  document.Tabelle.document.write(Tabelleninhalt);
  document.Tabelle.document.close();
 }
}
21 Sep 2006 12:52
wpSEO, das Plugin für WordPress SEO
V4hn
Moderator

BeitragRe: Homepage Anordnung Antworten mit Zitat

Lexa hat Folgendes geschrieben:
Kleine Frage: Ich habe auf einer Homepage eine Tabelle links und möchte daneben die Navigation machen.
Wie mach ich das denn??????

ich nehme mal an rechts daneben meinst du...
gib der Tabelle noch eine CSS-Eigenschaft 'float:left;' dann sollte das gehen.

_________________
23 Sep 2006 12:26
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Javascript Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Mehrere Countdown-Zähler auf EINER Ho... Hilfe für Webmaster 2 Gast 04 Feb 2012 15:16 Letzten Beitrag anzeigen
Keine neuen Beiträge Homepage läuft nicht mit dem Internet... CSS 1 CharlotteG 08 Dez 2011 16:42 Letzten Beitrag anzeigen
Keine neuen Beiträge Vorstellung Homepage für alle Freunde... Werbung - Projektvorstellung 1 Riker77 20 Okt 2011 11:02 Letzten Beitrag anzeigen
Keine neuen Beiträge Tabelle von homepage-total.de verursa... (X)HTML 4 jokergermany.de.vu 01 Jun 2011 23:28 Letzten Beitrag anzeigen
Keine neuen Beiträge ALLE HOMEPAGE - Generatoren ... Hilfe für Webmaster 3 Steffen_1971 09 Mai 2011 19:18 Letzten Beitrag anzeigen