[TIPP] Erstellen von Tabellen

[DQA (Administrator)]

Hallo @all

Manchmal ist es zweckmäßig, in Postings gewisse Sachverhalte in Tabellenform darzustellen. Ich selbst LIEBE Tabellen, und manchmal geht es gar nicht ohne. Deshalb diese neue Funktion. Eine Tabelle mit z.B. 3 Spalten und 3 Zeilen erstellt Ihr wie folgt:

Code: Alles auswählen

[tabela]
L=Spalte 1 &Spalte 2 &Spalte 3
L=Zeile 1.1 &Zeile 1.2 &Zeile 1.3
L=Zeile 2.1 &Zeile 2.2 &Zeile 2.3
L=Zeile 3.1 &Zeile 3.2 &Zeile 3.3
[/tabela]


Das sieht dann so aus:


Gut, das sieht für meine Augen noch nicht optimal aus, ließ sich aber schnell realisieren und ist sehr einfach in der Anwendung. Die Texte müsst Ihr natürlich selbst einfügen, so wie in diesem Beispiel:

Code: Alles auswählen

[tabela]
L=Name &Wohnort &Land
L=Hans Meiser &Berlin &Deutscheland
L=Bob Marley& Kingston & Jamaica
L=Arnold Schwarzenegger &Los Angeles &USA
[/tabela]


Das würde so aussehen:


Das Einzige was Ihr beachten müsst ist das Separatorzeichen „&“. Das ist dann auch kompatibel zu Excel- und sonstigen Datenbank-Exportfunktionen, so dass sich hier theoretisch auch umfangreichste Tabellen mit vielen Spalten und vielen Zeilen darstellen lassen sollten. Theoretisch. Viel Spaß beim ausprobieren und

Gruß von DonQuixote-Admin

Edit: Erweitertes Beispiel

[GoldenTulip]

Das Leerfeld links neben Stadt hat die Tabelle allein gemacht, wenn man eins einfügt, verschiebt sich alles - so eine schlaue tabela

[DQA (Administrator)]

Ja, Conny, Supa Tabela! Ich habe ehrlich gesagt nicht die geringste Ahnung, was die genau macht. Dies ist jedenfalls der Code:

• BBC:
  

  Code: Alles auswählen

  [tabela]{TEXT}[/tabela]
  
  
• HTML-Ersetzung
  

  Code: Alles auswählen

   <script language="Javascript">
    var texto = '{TEXT}';
    texto = texto.replace("\r\n","");
    texto = texto.replace("<br>","");
    texto = texto.replace(" ","");
    var linha = new Array();
    linha = texto.split('L=');
    var table = '<div align="center"><TABLE width=70% cellpadding=1 cellspacing=1 border=0>';
    for (var i=1; i<linha.length; i++)
    {
      table = table + '<TR>';
      var coluna = new Array();
      coluna = linha[i].split('&');
      for (var j=0; j<coluna.length; j++)
      {
        if (i == 1)
        {
          table = table + '<TD align=center style="background: #FF8904; font-size:11px; color:black; font-family:  Verdana,Arial, Helvetica, sans-serif;"><b>' + coluna[j].replace("amp;","") + '</b></TD>';     
        }
        else
        {
          table = table + '<TD style="background: #878282; font-size:11px; color:white; font-family:  Verdana,Arial, Helvetica, sans-serif;">' + coluna[j].replace("amp;","") + '</TD>';     
        }

      }
      table = table + '<TR>';
    }
    table = table + '</TABLE></div>';
    document.write(table);
    </script>

Ich hab’ mir echt ’nen Wolf gesucht nach Codes oder MODs für Tabellen. Der vorliegende ist zwar nicht perfekt, aber total easy. Supa Tabela!

Meint DonQuixote-Admin

[DQA (Administrator)]

Nachtrag: Der BBC-Klassiker ist eigentlich sowas wie der da. Aber erstens hab ich den nicht zum Laufen gekriegt und zweitens ist das zum Editieren in den Postings voll zu kompliziert

[shadok]

Nachtrag: Der BBC-Klassiker ist eigentlich sowas wie der da.

moinsen,

naja, ein bbc-klassiker ist eigentlich eher der da

SCNR, shadok

p.s. und natürlich fürchterlich ot hier: don, deine übersetzungen aus dem französischen sind klasse (gegengelesen von einer 'native speakerin'), vielen dank dafür und weiter so!

[Loki]

Hallöchen

Ich kenne mich mit tabela noch gar nicht nun schon etwas besser aus. Ist jedenfalls ein bisschen »anders« .

Gibt es einen bestimmten Grund, weshalb dieses Board den normalen BB-Code nicht zulässt (zumindest bei Tabellen)

Ich meine diese Schreibweise für Tabellen:

Code: Alles auswählen

[table]

[tr][td]Zeile 1, Spalte 1[/td][td]Zeile 1, Spalte 2[/td][/tr]

[tr][td]Zeile 2, Spalte 1[/td][td]Zeile 2, Spalte 2[/td][/tr]

[/table]


Falls es noch mehr Info zu tabela gibt, als dieses Script, dann bitte mal her damit. Vielleicht kann man ja noch anders formatieren, als nur orange und die Tabelle in die Mitte ...

Nun denn.
Ich versuche mich dann auch mal an einer Übersicht zum Tabellenbasteln.

tabela

Das Grundgerüst


und der Code dazu:

Code: Alles auswählen

[tabela]
L=Tabelle
[/tabela]


Was wäre eine Tabelle ohne Spalten?

Code: Alles auswählen

[tabela]
L=eine Spalte &noch eine Spalte &und noch eine &und gleich noch eine &und so weiter
[/tabela]


Dann noch ein paar Zeilen dazu...
Ich bleibe mal beim Beispiel Stadt, Land Fluss.

Code: Alles auswählen

[tabela]
L=Stadt &Land &Fluss
L=Vigo &Portugal &Ría de Vigo
L=Regensburg &Deutschland &Donau
L=Calgary &Kanada &Bow River
[/tabela]


... und fertig ist die Tabelle.
Wie man unschwer erkennen kann, fügt tabela die Tabelle in der Mitte der Seite des Anzeigebereichs ein, ohne Tabellenrand und mit einer festen Breite von 70% (egal, wieviel Spalten man hat).
Die erste Zeile ist immer als Überschrift formatiert, also fett, zentriert und orange hinterlegt. Der Text der anderen Zeilen ist immer rechtsbündig.
Ob man mit tabela auch noch andere Formatierungen eintragen kann, weiß ich noch nicht, mal probieren... Aber dem o. g. Script nach zu urteilen, ist wohl das Format fest vorgegeben. (Also das Format der Tabelle, nicht des Inhalts. - s.u.-)

Der Vorteil bei tabela ist jedoch, dass es übersichtlicher ist, als normaler BB-Code. Man braucht sich eigentlich nur merken, dass der Tabellenkörper sich zwischen »tabela« und »/tabela« befindet

Code: Alles auswählen

[tabela]

L=erste Zeile &erste Spalte

[/tabela]


und man mit »L=« eine neue Zeile beginnt und mit »&«eine neue Spalte.
L steht übrigens für (portugiesisch) linha = Linie, also im Sinne von Zeile, wa

Ach ja, so etwas geht natürlich auch:

Code: Alles auswählen

[tabela]
L=.
L=.&.
L=.&.&.
L=.&.&.&.
L=.&.&.&.&.
L=.&.&.&.&.&
L=.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&.&
L=.&.&.
L=.&.
[/tabela]


Keine Ahnung, wozu man es gebrauchen könnte. Man weiß ja nie.

Aber das Prinzip ist jetzt klar, oder

Was sonst noch zu sagen wäre

Code: Alles auswählen

[tabela]
L=Was war denn da noch? &Was mir sonst noch so einfiel.

L=Innerhalb einer Spalte geschieht automatisch ein Zeilenumbruch, darum muss man sich nicht kümmern, egal wie lang die Zeile ist. Dadurch werden natürlich die Spalten daneben auch etwas größer, egal wie wenig da drin steht. Das liegt in der Natur einer Tabelle.
&Klar, oder :?:

L=Man kann
natürlich auch
die Zeilenumbrüche
selbst
machen,
ganz wie
man
möchte.
&Überflüssige          Leerzeichen          werden einfach ignoriert.

[b]Klammern[/b] sollte man auch [b]nicht benutzen[/b], denn die zerstören die Tabelle, wie man an den beiden rechten Feldern in dieser Spalte sehen kann, die gar nicht da sein dürften. Statt dessen sollte hier in dieser Spalte drunter stehen:

*Klammer auf* siehe Code *Klammer zu*

(siehe Code)
[/tabela]



Code: Alles auswählen

[tabela]

L= Was war denn da noch?
&.

L=.
&Wie man jetzt sehen kann, sind hier in der Überschrift die ersten beiden Wörter nicht zusammengezogen, wie im Vergleich zu der Tabelle oben. Das kommt durch ein zusätzliches Leerzeichen nach [b][u][size=120]L[/size][/u][/b].

L=Was war denn da noch?
&Dieser seltsame Fehler tritt jedoch nur in der Überschrift auf, in einer normalen Spalte kann man das Leerzeichen wieder weg lassen. - siehe Code -

[/tabela]


Zu einem Tutorial gehören natürlich auch ein paar Beispiele. Was bietet sich hier besser an, als eine Tabelle mit Inhalten, was man alles in die Tabelle reinschreiben kann?

Beispiele

Textformatierungen, Zitate, Links und Bilder einfügen



Hier noch einmal als BB-Code:

Code: Alles auswählen

Normale Schrift
[b]Fettschrift[/b]
[i]Kursive Schrift[/i]
[u]Unterstrichen[/u]
[s]Durchgestrichen[/s]

[color=#FF8000]farbige Schrift[/color]
[color=red]rote Schrift[/color]

[size=150]Große Schrift[/size]


Leider sind die Links in der Tabelle auf grauem Hintergrund schlecht sichtbar.

Hier noch die BB-Codes:

Code: Alles auswählen

Schau Dir das [url]http://www.bundestag.de/[/url] mal an.
Schau Dir die Seite des [url=http://www.bundestag.de/]Deutschen Bundestags[/url] mal an.
Die E-Mail Adresse lautet: [email]mail@bundestag.de[/email]
Schreib doch mal eine [email=mail@bundestag.de]E-Mail an den Deutschen Bundestag[/email].


Code: Alles auswählen

[tabela]
L=Anzeigebeispiel &Info
L= &[u]Bilder[/u]
L=[img]http://www.forum-baclofen.com/styles/IceBlue/imageset/site_logo.png[/img] &Bild
[/tabela]


Bilder aus dem Anhang werden nicht angezeigt, innerhalb der Tabelle. Statt dessen verschwindet die Tabelle einfach



Der dazugehörige Tabellencode:

Code: Alles auswählen

[tabela]
L=Anzeigebeispiel &Info
L= &Bilder
L=[attachment=0]Wald.jpg[/attachment] &Bild aus dem Dateianhang[/tabela]


Und hier das Bild außerhalb der (nun unsichtbaren) Tabelle.

Wald.jpg (27.45 KiB) 18954 mal betrachtet

Zitate in Tabellen werden zwar angezeigt, aber, na ja . Folgendes will ich sehen:

Hallo ich bin ein Zitat

Zeigt ein Zitat, ohne einen Autor zu nennen.

Hallo.

Zeigt Lokis Standard-Begrüßung.

Und so sieht es in der Tabelle aus:


BB-Code:

Code: Alles auswählen

[quote]Hallo ich bin ein Zitat[/quote]Zeigt ein Zitat, ohne einen Autor zu nennen.
[quote="Loki"]Hallo.  [hi_bye] [/quote]Zeigt Lokis Standard-Begrüßung.

Theoretisch kann man auch Code in die Tabelle einfügen. Solange man es bei einfachen Texten belässt, funktioniert das auch. Will man z.B.

Codezeile 1
Codezeile 2
Codezeile 3
Codezeile 4
Codezeile 5
Codezeile 6
Codezeile 7

als Code formatieren lassen, kommt so etwas heraus:



Sieht doch vernünftig aus, oder?
Kommt jedoch echter Code ins Spiel, zerstört es uns die Tabelle.
Beispiel (Folgendes will ich als Code in die Tabelle eintragen):

10 INPUT "Geben Sie bitte Ihren Namen ein"; A$
20 PRINT "Guten Tag, "; A$
30 INPUT "Wie viele Sterne möchten Sie?"; S
35 S$ = ""
40 FOR I = 1 TO S
50 S$ = S$ + "*"
55 NEXT I
60 PRINT S$



In diesem Fall sind wohl die "" daran »schuld«, aber auch diverse andere Zeichen (Z.B. eckige Klammern, die nicht richtig interpretiert werden können. Auch normale Klammern gehen nicht, das Beispiel hatten wir ja oben schon mal.) zerstören die Tabelle.


Videos



Leider kann man die youtube-Funktion nicht innerhalb der Tabelle verwenden (im Gegensatz zu flash), keine Ahnung, weshalb es nicht geht. Deshalb gibt es das Video nur unter der Tabelle, statt mittendrin.

Code: Alles auswählen


[youtube]
dRIuyfxjG9Q
[/youtube]



Flash

Code: Alles auswählen

[tabela]

L= Eine flash-Animation in eine Tabelle gequetscht.
&Kann man machen, muss man aber nicht.

L=[flash=300,150]http://www.programmierer-flash.de/flash/book/interactiveBook.swf[/flash]
&Wenn man auf die Hand rechts im Bild klickt, kann man die zweite Seite des Buches - es hat nur zwei Seiten  [blum] - sehen.

[/tabela]


flash=300, 150 gibt Breite und Höhe an, wie die Animation angezeigt wird. Man kann auch andere Werte eintragen, dann wird die Tabelle - bis zu einer bestimmten Grenze (wer tüftelt das mal aus? ) - entsprechend größer.



Fazit

Mit tabela kann man relativ flott eine Tabelle zusammenstellen und muss sich nicht mit komplexen BB-Code-Konstrukten herumplagen. Die meisten Formatierungen, die man im normalen Text gebraucht, kann man auch in den Tabellen benutzen.
Für eine selbst-formatierte Tabelle reicht es allerdings nicht. Das geht dann besser mit BB-Code ([table]...[/table], allerdings nicht in diesem Forum.

(Wird fortgesetzt...) So, das wäre geschafft.
Ich denke, ich habe alles ausprobiert, was auszuprobieren war, und auch aufgezeigt, was mit tabela nicht geht. Viel Spaß noch beim Selber-Ausprobieren.

Liebe Grüße.
Loki

[Loki]

[quote="Loki"]Hallöchen

Gibt es einen bestimmten Grund, weshalb dieses Board den normalen BB-Code nicht zulässt?

(Wollte ich nur noch mal gefragt haben...) Ist ja schon laaange her.

[fetsecht]

Code: Alles auswählen

[quote="Loki"]Hallöchen [hi_bye]

Gibt es einen bestimmten Grund, weshalb dieses Board den normalen BB-Code nicht zulässt?

(Wollte ich nur noch mal gefragt haben...) Ist ja schon laaange her.

Hallöchen

Gibt es einen bestimmten Grund, weshalb dieses Board den normalen BB-Code nicht zulässt?

(Wollte ich nur noch mal gefragt haben...) Ist ja schon laaange her.

den BB-Code sollte man dementsprechend vollendet werden, siehe missing parts in white text.
ich wusste nicht mal das es BB-Code heisst, frueher.

[Papfl]

Hi Loki!

Was fets meint ist, dass Du am Ende ein [/quote] vergessen hast.

Gruß
Papfl

[Loki]

Hallöchen

Hi Loki!
Was fets meint ist, dass Du am Ende ein /quote] vergessen hast.
Gruß
Papfl

Das ist natürlich bemerkenswert, dass ich dort ein /quote vergessen habe. Da frage ich mich natürlich, weshalb ich dort überhaupt ein einleitendes quote geschrieben habe, obwohl es doch an dieser Stelle überhaupt keinen Sinn ergab.

Allerdings wurde meine ursprüngliche Frage noch immer nicht beantwortet.
Wahrscheinlich geriet sie in dem Bestreben in Vergessenheit, Fragen die man nicht in der Lage ist zu beantworten, einfach mit pseudo-philosophischen Exkursen zu übertünchen.

LG

[GoldenTulip]

Hallo loki,

Allerdings wurde meine ursprüngliche Frage noch immer nicht beantwortet.
Wahrscheinlich geriet sie in dem Bestreben in Vergessenheit, Fragen die man nicht in der Lage ist zu beantworten, einfach mit pseudo-philosophischen Exkursen zu übertünchen.

ich hatte Deine Frage so verstanden, ob oder warum normaler bb-Code hier nicht funktioniert.
Wenn man die normalen Zeichensätze einhält, funktioniert bb-Code hier aber.
Wenn ich falsch liege, wiederhole bitte noch mal Deine Frage.
Der zweite Satz von Dir ist eine Unterstellung, die hier durch keine Antworten gedeckt wird.

LG Conny

[Loki]

>Hallöchen Conny
Ich beginne gleich mal mit dem zweiten Satz:
Meine Antwort war positiv ironisch gemeint, ich wollte also niemanden hier damit verärgern, sondern nur mitteilen, dass eine Antwort noch aussteht, bzw. dass ich die bisherige(n) Antwort(en) nicht verstanden habe.

Ich kann nicht genau sagen, ob mein Problem mit phpbb-Tabellen an meinem Unverständnis liegt, Tabellen hier einzufügen, oder daran, dass dieses Forum generell keine phpbb-Tabellen zulässt.

ich hatte Deine Frage so verstanden, ob oder warum normaler bb-Code hier nicht funktioniert.
Wenn man die normalen Zeichensätze einhält, funktioniert bb-Code hier aber.
Wenn ich falsch liege, wiederhole bitte noch mal Deine Frage.

Auch weiß ich nicht, inwiefern ein Zeichensatz daran »schuld« sein sollte, dass eine Tabelle nicht funktioniert.

Hier mal eine Tabelle, die per phpbb eigentlich funktionieren sollte.

Beispiel-Tabelle:

<table border="0" cellspacing="0" summary="0" cellpadding="5" width="280">
<tbody>
<tr>
<td colspan="2">
<p align="left"><font size="5"><strong>Januar</strong></font></p>
</td>
</tr>
</tbody>
</table>

Allerdings wird in der Vorschau nur Text angezeigt, keine eigentliche Tabelle.

Wäre natürlich nett, erklärt zu bekommen, was ich mit meinen Zeichensätzen falsch gemacht habe, bzw. was an der Tabelle generell falsch ist.

LG

[GoldenTulip]

Hallo Loki,

da muss der DQ ran, ich hab von Tabellen keinen Plan, ich hatte gedacht, Du meinst den bbCode für normales Schreiben. Irgendwie soll es da Schwierigkeiten geben mit Tabellen

Brauchst Du die, um hier was einzustellen? Kann man nicht auch Excel Tabellen in eine pdf umwandeln und die dann so anhängen? Oder als Screenshot einfügen? Ich behelfe mich da immer.

Viel Glück und vielleicht kann jemand kompetenter da was zu sagen,

Conny

[DQA (Administrator)]

Ja, respektive Nein

Tabellen mit normalem bbCode geht definitiv nicht. Darum habe ich das Tabela-Ding aufgespielt. Es ist auch sehr viel einfacher als bbCode.

DQA

[Loki]

Hallöchen

Hallo Conny.

Brauchst Du die, um hier was einzustellen?

Nein, ich brauch die Tabellen (im Moment) nicht. Weder die tabela's, noch die anderen.
Ich fand halt bloß das Thema hier interessant. Da nun aber klar ist, dass phpBB-Tabellen nicht funktionieren, sei's drum. War eigentlich nicht sooo wichtig für mich.
LG

[Luphan]

Hallo alle zusammen,

da komme ich mit meiner Tabelle nicht gegen an:

-------------------------------------
Tag  1 < 25,00 mg > < 0,00 Liter >
-------------------------------------
Tag  2 < 25,00 mg > < 0,00 Liter >
-------------------------------------
Tag  3 < 31,25 mg > < 0,00 Liter >
-------------------------------------
Tag  4 < 31,25 mg > < 66,00 Liter >
-------------------------------------
Tag  5 < 31,25 mg > < 17,60 Liter >
-------------------------------------
Tag  6 < 31,25 mg > < 24,00 Liter >
-------------------------------------
Tag  7 < 31,25  mg > < 0,00 Liter >
-------------------------------------
Tag  8 < 31,25 mg > < 0,00 Liter >
-------------------------------------
Tag  9 < 31,25 mg > < 0,00 Liter >
-------------------------------------
Tag 10 < 37,50 mg > < 40 Liter >
-------------------------------------
Tag 11 < 37,50 mg > < 0,00 Liter >
-------------------------------------
Tag 12 < 37,50 mg > < 110,20 Liter >
-------------------------------------
Tag 13 < 43,75 mg > < 10,80 Liter >
-------------------------------------
Tag 14 < 43,75 mg > < 0,00 Liter >
-------------------------------------
Tag 15 < 43,75 mg > < 0,00 Liter >
-------------------------------------
Tag 16 < 37,50 mg > < 43,00 Liter >
-------------------------------------
Tag 17 < 43,75 mg > < 0,00 Liter >
-------------------------------------
Tag 18 < 43,75 mg > < 46,40 Liter >
-------------------------------------

Erstellen hat auch ziemlich lange gedauert. Die Tabellenfunktionen hier im Forum brauchen aber auch sicherlich ihre Zeit.

Gruß

Luphan