Aktuelle Zeit: 10.12.2018 10:08

Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]




Ein neues Thema erstellen Auf das Thema antworten  [ 23 Beiträge ]  Gehe zu Seite 1, 2, 3  Nächste
Autor Nachricht
 Betreff des Beitrags: Smiley im Chat
BeitragVerfasst: 23.02.2018 10:27 
Offline

Registriert: 19.10.2014 15:51
Ich versuche Smileys in den Chat zu bringen.
Die Chatbox ist eine Textbox.
Ich versuchte dies:
Code:
TextGadget(#edi,10,10,500,300,"")
smile$="This is a text <img src='smile.png' >"
SetGadgetText(#edi,smile)


Aber leider ist das Smiley links und der Text rechts.

Dann versuchte ich dies:
Code:
smile="This is a text <img src='smile.png' style='float:right ;width:12x;height:12px;'>"


Hier ist der Text links und das Bild rechts. Allerdings ist das Bild immer am Ende der Zeile, weit, weit weg vom Text.

Der Code:
Code:
"This is a text <img src='smile.png' >"

..funktoniert als HTML-Datei im Browser übrigens 1a, nur in Spiderbasic nicht.

Ich möchte es halt wie in einem Messenger haben, wo das Smiliey direkt nach dem Text kommt.
Hat jemand eine Idee, wie man das in Spiederbasic macht?

_________________
Ich programmiere plattformunabhängig und suche immer Lösungen für alle Plattformen.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 11:26 
Offline
Benutzeravatar

Registriert: 08.03.2013 14:27
Wohnort: ERB
Das liegt daran, das in den CSS-Files von Spiderbasic irgendwo die Anweisung img { float: left; } existiert. Versuch es also mal mit style="float: none;". Dann müsste es eigentlich klappen.

_________________
PBExpress
Lightweight PureBasic FastCGI Framework

Github: https://github.com/reVerBxTc/PBExpress
Wiki: https://github.com/reVerBxTc/PBExpress/wiki


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 11:43 
Offline
Moderator
Benutzeravatar

Registriert: 05.10.2006 18:55
Wohnort: Rupture Farms
Ich empfehle dir die mitgelieferte Browser-Konsole (egal ob Firefox, Chrome oder IE), die du mit F12 öffnen kannst. Dort kannst du sowohl HTML, CSS als auch Javascript debuggen und bei CSS siehst du auch, was für CSS-Klassen es noch gibt, die deine Styles überschreiben.
Deine eigenen Styles kannst du höher stellen, indem du genauere CSS-Pfade nutzt (z.B. .deinDIV img {}) oder im Sonderfall mit !important auf hoch stellst.
Tipp: Inline-Styles würde ich immer vemeiden und stattdessen eigene CSS-Klassen definieren, die du auch für andere Sachen wiederverwenden kannst. Sonst machst du mit deinen Inline-Styles nur Duplikate im Code, was nicht gut ist.

_________________
BildBildBildBildBildBild


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 16:30 
Offline
Benutzeravatar

Registriert: 08.03.2013 14:27
Wohnort: ERB
Ich wäre ja an und für sich bei dir. Das Problem dabei ist nur, das es in einem etablierten Bibliotheks-Konvolut wie bei Spiderbasic kaum Sinn macht, seine Formate zu präzisieren. Bei generativem Code Macht es daher kaum einen Unterschied, ob man nun style="float: None;" oder class="non-float" nimmt. Vor allem dann nicht, wenn man es innerhalb des Codes eh über eine zentrale Variable nutzt.

Das ist im übrigen auch einer der Gründe, warum ich Spiderbasic und Co. nicht nutze. Um in meinen Projekten den Overhead zu unterbinden, muss ich die einzelnen Elemente regelrecht studieren, bis ich wirklich von solchen Kleinigkeiten profitiere. z.B.:
Code:
.textchat img {
  float: None;
}

<div class="textchat">Dies ist eine Nachricht!<img src="Smiley.png"></div>

Das wäre im Grunde die sauberste Lösung. Dafür muss man am Ende aber auch im Code-Output gut wühlen, bis man weiß, was man am sinnvollsten ohne Seiteneffekte überschreiben kann. Stattdessen würde ich eher mit Inlinestyle und einer Variable mit der gespeicherten Formatierung arbeiten, als den ganzen Kram zu debuggen. Das Macht am Ende den Code auch net schöner. Der Output ist bereits versaut xD

_________________
PBExpress
Lightweight PureBasic FastCGI Framework

Github: https://github.com/reVerBxTc/PBExpress
Wiki: https://github.com/reVerBxTc/PBExpress/wiki


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 16:57 
Offline
Moderator
Benutzeravatar

Registriert: 05.10.2006 18:55
Wohnort: Rupture Farms
Da hast du recht. Ich hatte leider immer noch keine Zeit gehabt, mich mit SB zu beschäftigen.

_________________
BildBildBildBildBildBild


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 18:28 
Offline

Registriert: 19.10.2014 15:51
Ich benutze ja Spiderbasic, gerade weil ich keine wirkliche Ahnung von CSS, Javascript und HTML habe.
Also gibt es keine (einfache) zufriedenstellende Lösung?


Code:
"<img src='bilder/smile.png' float:none'/>"


...funktioniert auch nicht.

_________________
Ich programmiere plattformunabhängig und suche immer Lösungen für alle Plattformen.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 18:57 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
Hallo stevie1401,

programmiere doch einfach wie unter PureBasic üblich.

Nimm z.B. ein Canvas, statt einer Textbox.

Zeichne den Text und die Bilder die du willst einfach darauf.

Das ganze könntest du dann auch zu einer Chatbox umbauen.

Nur ein kleiner Tipp!


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 19:17 
Offline
Benutzeravatar

Registriert: 08.03.2013 14:27
Wohnort: ERB
ccode_new hat geschrieben:
Hallo stevie1401,

programmiere doch einfach wie unter PureBasic üblich.

Nimm z.B. ein Canvas, statt einer Textbox.

Zeichne den Text und die Bilder die du willst einfach darauf.

Das ganze könntest du dann auch zu einer Chatbox umbauen.

Nur ein kleiner Tipp!

Sei mir nicht böse. Das mag vielleicht für PureBasic best Practice sein, wenn man diese Art von Controls haben möchte. Aber für alles, was in irgendeiner Form HTML, CSS oder Javascript ausgibt, ist es genau das Gegenteil. Denn im Grunde zeichnet man mit Javscript Dinge auf das Canvas, die HTML von Haus aus mitbringt. Vollkommen witzlos, da sich die Darstellung dank CSS in Form und Farbe anpassen lässt und somit man sich das ganze JS-Gematsche ersparen kann. Im Vergleich dazu ist dann selbst ein <img src="smiley.png" class="inlineimg non-float non-border tiny" style="background-Color: #00000;" alt="Smiley"> sinnvoller.

_________________
PBExpress
Lightweight PureBasic FastCGI Framework

Github: https://github.com/reVerBxTc/PBExpress
Wiki: https://github.com/reVerBxTc/PBExpress/wiki


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 19:52 
Offline

Registriert: 27.11.2016 18:13
Wohnort: Erzgebirge
Huhu TroaX,

Alles hat sein Für- und Wider - wort.

Spidi ist dafür nicht direkt ausgelegt.

Aber niemand hindert einen daran direkt die Html-Seiten anzupassen, oder Inline-JS zuverwenden.

Und Leute die Ahnung von Webanwendungen und Design haben werden auch eine Lösung finden.

Es ist sogar möglich ein Webgadget innerhalb der Anwendung aufzurufen.


Zuletzt geändert von ccode_new am 23.02.2018 20:01, insgesamt 1-mal geändert.

Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Smiley im Chat
BeitragVerfasst: 23.02.2018 20:00 
Offline
Moderator
Benutzeravatar

Registriert: 05.10.2006 18:55
Wohnort: Rupture Farms
@stevie1401
Hast du für uns eine öffentliche SB-Seite? Vielleicht kann ich dir dann helfen.
Da ich den Code und Aufbau von SB nicht kenne, müsste ich sinnlos raten.

_________________
BildBildBildBildBildBild


Nach oben
 Profil  
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 23 Beiträge ]  Gehe zu Seite 1, 2, 3  Nächste

Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste


Sie dürfen keine neuen Themen in diesem Forum erstellen.
Sie dürfen keine Antworten zu Themen in diesem Forum erstellen.
Sie dürfen Ihre Beiträge in diesem Forum nicht ändern.
Sie dürfen Ihre Beiträge in diesem Forum nicht löschen.

Suche nach:
Gehe zu:  

 


Powered by phpBB © 2008 phpBB Group | Deutsche Übersetzung durch phpBB.de
subSilver+ theme by Canver Software, sponsor Sanal Modifiye