Editierbare Tabelle erstellen

  • Seite 2 von 2
15.10.2013 12:23 (zuletzt bearbeitet: 15.10.2013 12:23)
avatar  Ingmar
#16 RE: Editierbare Tabelle erstellen
avatar
Technik

1
 
.xtables{width:auto;}
 

...

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
15.10.2013 12:27
avatar  TripleM
#17 RE: Editierbare Tabelle erstellen
avatar
Mitglied

Sauber Ingmar, damit Kann ich gut Leben. Danke für deine Hilfe.


 Antworten

 Beitrag melden
15.10.2013 13:09
avatar  TripleM
#18 RE: Editierbare Tabelle erstellen
avatar
Mitglied

Ich muß da nochmal aufgreifen. Dank Ingmars Hilfe kommt es der Sache schon sehr nah.

Unten habe ich 2 x den Code eingefügt und dementsprechend ausgefüllt. Somit wird mir das in 2 Zeilen angezeigt.



Oben auf den Bild habe ich den Code etwas verändert

1
2
3
4
5
6
7
8
 

Bereich oben auf dem Bild
[table][tr][td]Mario4370[/td][td]Jeep GC[/td][td]2 Personen[/td][td]4 Tage[/td][/tr][/table]
[table][tr][td]Needleslave[/td][td]Green Monster[/td][td]2 Personen[/td][td]4 Tage[/td][/tr][/table]
 

Bereich unten auf dem Bild
[table][tr][td]Mario4370[/td][td]Jeep GC[/td][/tr][/table][table][tr][td]2 Personen[/td][td]4 Tage[/td][/tr][/table]
 



Muß ich nun einen neuen Code haben wenn ich 2, 3 oder wer weiß wie viele Spalten haben will der dementsprechend geändert wird?

Oder kann man das nun auch noch so Realisieren das egal wie viele Spalten ich einfüge über den Normalen Code

Hier 2 Spaltig zu sehen

1
 
[table][tr][td]Test[/td][td]Test[/td][/tr][/table]
 



Er Hintereinander und nicht Untereinander angezeigt wird? (Zu sehen auf dem Bild Unten.)

Sonst muß ich ja alles wieder Manuell machen sprich die Teile im Code entfernen die es so Darstellen das es untereinander angezeigt wird.

Hoffe es kann mir jemand eine Lösung anbieten.


 Antworten

 Beitrag melden
31.05.2016 16:13
#19 RE: Editierbare Tabelle erstellen
Pe
Mitglied

Die einfache Möglichkeit zum Einfügen einer Tabelle wäre wirklich großartig und das würden sicherlich auch viele andere so sehen.
Gruß


 Antworten

 Beitrag melden
31.05.2016 16:40 (zuletzt bearbeitet: 31.05.2016 16:41)
avatar  Ingmar
#20 RE: Editierbare Tabelle erstellen
avatar
Technik

Du hast hier ein fast drei Jahre altes Thema ausgegraben.

Es gibt diverse Methoden, Tabellen in Beiträgen einzubinden.
Was genau klappt denn bei dir (und sicherlich auch vielen anderen) nicht?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
[table]
[tr]
[td]Reihe1 Zelle 1 [/td]
[td]Reihe1 Zelle 2 [/td]
[td]Reihe1 Zelle 3 [/td]
[/tr]
[tr]
[td]Reihe2 Zelle 1 [/td]
[td]Reihe2 Zelle 2 [/td]
[td]Reihe2 Zelle 3 [/td]
[/tr]
[tr]
[td]Reihe3 Zelle 1 [/td]
[td]Reihe3 Zelle 2 [/td]
[td]Reihe3 Zelle 3 [/td]
[/tr]
[/table]
 



Reihe1 Zelle 1 Reihe1 Zelle 2 Reihe1 Zelle 3
Reihe2 Zelle 1 Reihe2 Zelle 2 Reihe2 Zelle 3
Reihe3 Zelle 1 Reihe3 Zelle 2 Reihe3 Zelle 3

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
31.05.2016 18:09 (zuletzt bearbeitet: 31.05.2016 18:12)
#21 RE: Editierbare Tabelle erstellen
avatar
Mitglied

Bei mir ist nach Eingabe des Codes z.B. keine Umrahmung der Tabelle zu sehen.
Warum nicht?

Edit:
Sorry......wird im Thread ja erklärt......


Themen:

 Antworten

 Beitrag melden
09.11.2016 11:32
avatar  Olaf
#22 RE: Editierbare Tabelle erstellen
Ol
Mitglied

Zitat von Ingmar im Beitrag #20
Du hast hier ein fast drei Jahre altes Thema ausgegraben


Deshalb ist es nicht unbedingt unattrativer...
Zitat von Peter Foltz im Beitrag #19
Die einfache Möglichkeit zum Einfügen einer Tabelle wäre wirklich großartig und das würden sicherlich auch viele andere so sehen.

Ich habe eine Funktion geschrieben,mit dem der Wunsch von Peter Foltz näher kommt.
Es muß dafür in der Iconbar ein neuer HTML Baustein (Neue Icons hinzufügen) und ein kleines Script im Adminmenü unter "Layout→Kopf- & Fußzeile→Kopfzeile" eingesetzt werden.
Hier der Code für den HTML Baustein in der Iconbar:

1
2
 
<div onclick="tabelle()" class="xob_icon_cont"><img title="Tabelle einsetzen" alt="Tabelle einsetzen" class="xob_icon"src="https://files.homepagemodules.de/b138600/f2t220p545n2_vsdEFLOa.png"></div>
 
 


Und hier der Code für die Kopfzeile mit der CSS von Ingmar,damit alles auf ein "Haufen" bleibt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<style>
.xtables td{
border:1px solid black;
min-width:100px;
padding:5px;
}
.xtables tr:nth-child(odd){background-color: #ededed;}
.xtables tr:first-child{font-weight:bold;}
</style>
 
<script>
function tabelle() {
var d = ["[table]\r\n[tr]\r\n"];
var b = prompt ('Eingabe der Tabellenreihen');
var c = prompt ('Eingabe der Tabellenzellen');
for(j = 1; j <= b; j++){
for(i = 1; i <= c; i++){
d.push("[td]Reihe "+ j +" Zelle "+ i +"[/td]\r\n");
}
if(j <= b-1){
d.push("[/tr]\r\n[tr]\r\n");
}
else{
d.push("[/tr]\r\n[/table]");
}
}
d = d.join('');
return insert(d,'');
}
</script>
 


Anhand der Bilder kann man schön erkennen,wie meine Funktion arbeitet.
Nach dem anklicken vom Icon in der Iconbar "Tabelle" kommt ein Eingabefeld für die Tabellenreihen und eins für die Tabellenzelle,die man nach seiner Tabellengröße dementsprechend ausfüllt.Nach der Eingabe wird der Code automatisch korrekt erzeugt.Nun müssen nur noch die Felder mit seinen Daten gefüllt (ausgetauscht) werden.

Gruß
Olaf

09.11.2016 14:41
avatar  HLueken
#23 RE: Editierbare Tabelle erstellen
avatar
Mitglied

habt Ihr Euch mal den TinyMCE-Editor angeschaut, der unterstützt das Anlegen von Tabellen?


 Antworten

 Beitrag melden
09.11.2016 16:54
#24 RE: Editierbare Tabelle erstellen
avatar
Mitglied

Danke, aber der kommt bei mir nicht zum Einsatz, keine Lust nochmal alles neu zu machen, da ich ja alles auf die Xobor Smiliebar umgebaut habe :))

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
09.11.2016 19:07
avatar  Olaf
#25 RE: Editierbare Tabelle erstellen
Ol
Mitglied

Vielleicht kann den Code ja jemand gebrauchen,der kein TinyMCE installiert hat.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!