Druckversion des Themas

Hier klicken um das Topic im Orginalformat anzusehen

Forum Sefrengo.org _ Hacks/ Sonstiges _ Thickbox 2 Sefrengo

Geschrieben von: Olaf Thu. 23. November 2006, 02:12

Hallo Allerseits,
ich hatte ein wenig Zeit über und hab mir mal Gedanken über den Dateimanager gemacht.
Warum immer diese PopUps, wäre doch schöner dem ein wenig Pep zu verpassen. Kurz und gut, ich hab Thickbox so umgeschrieben, dass es im Dateimanager funktioniert. http://jquery.com/demo/thickbox/ beruht auf http://jquery.com/, einem JSFramework, dolle Sache.

Ein wenig musste ich am Core drehen, 2 Zeilen in inc.upl.php und header.tpl, ein Bildchen ist zusätzlich, paar Einträge in der CSS und es müssen 2 JS-Dateien zusätzlich hochgeladen werden. Alles im ZIP enthalten.

Ich schreib nicht viel drüber, dazu bin ich nicht geboren tongue.gif hier gibts ne DEMO wie's funktioniert: http://olaf-bosch.de/bugs/jquery/fileman/

Ich hab das Björn und Alex schon vorgestellt, Björn hat mir ausdrücklich erlaubt das zu veröffentlichen. Ich könnte mir vorstellen alles JS in Sefrengo auf JQuery umzustellen. Demnächst gibts noch mehr kleine Helferlein, Roh laufen die schon, nur noch nicht in Sefrengo implementiert.

Das ZIP einfach in das Root deiner Sefrengoinstallation kippen, hochladen, fertig. Im Dateimanager auf einen Dateinamen klicken. Im Zweifel Browsercache löschen!
Daten vorher sichern, also die 2 oben erwähnten Dateien!!!

UPDATE !!! Esc auf Tastatur ist jetzt zum schließen des PopUps aktiviert.

 thickbox2sefrengo.zip ( 36.49KB ) : 67
 

Geschrieben von: gunwalt Thu. 23. November 2006, 08:22

Klasse Sache. Deine Demos sind phantastisch. Ich werde es heute mal hochladen und ausprobieren.
Im Text schreibst Du etwas von einer header.tpl. Diese geänderte Datei fehlt allerdings im zip. Oder habe ich etwas falsch verstanden.

Geschrieben von: tobaco Thu. 23. November 2006, 08:41

yeah, jQuery!!!

ich hab mir dein beispiel noch nicht angeschaut, mag's aber jetzt schon …

eine schöne anwendung, die mir schon mal vorschwebte war das sortieren der seiten und ordner per drag-and-drop, zusätzlich zu der pfeilmethode.
dann hier und da noch etwas ajax und alles wird gut. smile.gif

Geschrieben von: andi Thu. 23. November 2006, 08:47

saubere arbeit bis 2 uhr morgens (auch wenn ich nicht wirklich auf so java-zeugs stehe rolleyes.gif )

ZITAT(gunwalt @ Thu. 23. November 2006, 08:22) *
Im Text schreibst Du etwas von einer header.tpl. Diese geänderte Datei fehlt allerdings im zip.

könnte der grund sein, wieso ich das ganze nicht zu laufen bringe?!?
bin mir sowieso unsicher, wie ich das ganze dann anwende. funktioniert das nur mit einem bestimmten plugin? oder geht das mit dem dateilink plugin und dem wysiwyg-editor usw auch?

gruss andi

Geschrieben von: Olaf Thu. 23. November 2006, 09:40

So, header.tpl ist jetzt im Download enthalten, sorry.

Das funktioniert im Backend, es sehe sich aber niemand gehindert das auch andernorts anzuwenden. Einfach die 2 JS in den Header der HTML einbinden und alle Links wo es greifen soll mit class="thickbox" versehen. CSS-Teil in backend/tpl/css/styles.css ist gekennzeichnet und sollte in deine CSS kopiert werden.
Ich hab alles so gebaut, dass es auch ohne Sefrengo funktioniert.

Mehrere Bilder auf einer Seite können zusätzlich alle mit rel="IRGENDWAS" gekennzeichnet werden, dann erscheint unten eine Navigation.

Geschrieben von: andi Thu. 23. November 2006, 10:15

so, konnte das ganze kurz austesten. habe eigentlich nur mit safari ein problem festgestellt: wenn ich im dateimanager über eine datei fahre, erhalte ich ja den tooltipp mit einer verkleinerten vorschau. klicke ich dann das bild im dateimanager erscheint die «jquery»-vorschau. leider bleibt auch der tooltipp am mauszeiger hängen. selbst wenn ich das jquery-fenster schliesse bleibt der tooltipp weiter am mauszeiger kleben. ändert sich wieder, wenn ich mit der maus etwas anderes anklicke. in firefox klappt alles.

schöne erweiterung, wenn auch nicht für mich biggrin.gif



gruss andi

Geschrieben von: Olaf Thu. 23. November 2006, 16:10

Danke fürs Feedback, andi. Jo, Mist, das liegt dann aber am Safari mad.gif
Bleibt nur diese Tipps als nächstes auf JQuery umzustellen wink.gif

P.S. weitere Bugreports, Anregungen, Verbesserungsvorschläge willkommen und vor allem welche Deteitypen sollten noch dazu? Was verwaltet ihr noch im Dateimanager?

Geschrieben von: MaZderMind Thu. 23. November 2006, 20:09

Hi
Ich würde mir wünschen wenn XML-Dateien auch mit fixer Schriftart dargestellt wären. Richtig geil wäre es wenn es einen Edit-Mode für text/*-Dateien gäbe, also dass dich dann statt der Vorschau ein Edit-Feld hätte mit Speicher-Buttons.
Was ich auch noch relativ wichtig fände, wäre dass der RB sich merkt in welchem Ordner ich war aber das ist ein anderes Kapitel...

Gruß, Peter

Geschrieben von: Olaf Thu. 23. November 2006, 22:06

ZITAT(MaZderMind @ Thu. 23. November 2006, 20:09) *
Ich würde mir wünschen wenn XML-Dateien auch mit fixer Schriftart dargestellt wären.

Wie nur ne andere Schriftart? Dann schreib mal die Angaben oder was meinst du?
So richtig seh ich aber da keine Notwendigkeit, bei mir sieht das gut aus:

ZITAT
Richtig geil wäre es wenn es einen Edit-Mode für text/*-Dateien gäbe, also dass dich dann statt der Vorschau ein Edit-Feld hätte mit Speicher-Buttons.

Das ist nu wirklich overdressed, das ist doch nur das man in die Dateien mal reinschauen kann. Der nächste will bestimmt den WYSIWYG fürs HTML mit reinhaben....
ohmy.gif

Was anderes, es wurde mal der Wunsch geäußert multiple Fileuploads zu ermöglichen. Wer Thickbox2Sefrengo installiert hat editiert mal bitte die header.tpl

QUELLTEXT
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$("select#iddirectory").after("<span style='cursor:pointer;' id='cloneMe'> mehr Felder<\/span>");
$('#cloneMe').click(function(){
$('.uplinput').clone().css({ display: "block", margin: "4px" }).removeClass("uplinput").appendTo('#cloneMe').slideDown('slow');
});
});

function delete_confirm() {
  if(confirm('{DELETE_MSG}')) return true;
  else return false;
}
//]]>
</script>

Also ab function delete_confirm() das steht jetzt schon da drinnen. Dann Dateimanager unten das Uploadfeld in der Mitte beachten!!!
Funktioniert aber leider nicht, müsste das Formular bzw. dessen Verabeitung umgebaut werden, aber gut siehts aus laugh.gif

Geschrieben von: MaZderMind Thu. 23. November 2006, 23:34

ZITAT
Das ist nu wirklich overdressed

Hm? Nungut wenn du meinst... XT:Commerce z.B. hat sowas auch wink.gif Naja wenn ud mal Zeit hast kannste ja nochmal drüber nachdenken... wink.gif

Zu der Schriftart: Aus meiner Sicht ist ein Stylesheet eine art Quelltext und sollte deswegen ein font-family: monospace bekommen, ebenso wie bei Textdateien auch.

Gruß, Peter

Geschrieben von: Olaf Fri. 24. November 2006, 09:13

ZITAT(MaZderMind @ Thu. 23. November 2006, 23:34) *
Hm? Nungut wenn du meinst... XT:Commerce z.B. hat sowas auch wink.gif Naja wenn ud mal Zeit hast kannste ja nochmal drüber nachdenken... wink.gif

Da brauch ich gar nicht drüber nachdenken, weil weil dies meine PHP-Kenntnisse sehr weit übersteigt tongue.gif
ZITAT
Zu der Schriftart: Aus meiner Sicht ist ein Stylesheet eine art Quelltext und sollte deswegen ein font-family: monospace bekommen, ebenso wie bei Textdateien auch.

Haben die doch, jedenfalls bei mir:


Du willst jetzt evtl. darauf hinaus, dass die XML auch so angezeigt werden?

Geschrieben von: amk Fri. 24. November 2006, 13:00

alles ganz gut und schön, aber das ausblenden der popup's stört, kostet unnötig zeit, der dicke gelbe balken oben kostet unnötig platz ... gefällt mir so wie in den demos nicht. auch eine blaue "abdunklung" der eigentlichen seite wäre zu überdenken (gut für bilder oder andere dinge, wo der geistige fokus gänzlich von der visualtität der eigentlichen seite verschwinden kann ...) ... und wozu ein zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig ...

Geschrieben von: saschapi Fri. 24. November 2006, 15:01

Generell kann ich solche innitativen nur unterstützen. Das ganze gepopuppe geht mir auch gehörig gegen den Keks. Früher oder später sollte man hingehen und auch so sachen wie den Verzeichnisabgleich, Moulupload etc. über AJAX lösen. So wie das im kleinen schon bei der Rechtevergabe im System gelöst ist.

Ich muss zugeben, dass ich mir ähnlich wie Peter einen Editmodus wünschen würde, der aber meiner Ansicht nach (genauso wie ein benötigtes Bilderbearbeitungsfeature) nicht zwangsläufig was mit dem Einbau der Thickbox zu tun hat. Denn wenn man erstmal so eine Funktion hätte, kann die ja auch mit der Thickbox aufgerufen werden wink.gif

Daher erstmal: DANKE! Solche initiativen braucht das Land. Vielleicht baut sich das dann auch ganz locker bei anderen Ecken ein (s.oben).

Geschrieben von: alexander Fri. 24. November 2006, 15:07

modale dialoge für das anzeigen einer resource innerhalb einer anwendung zu verwenden finde ich nicht richtig. bei abfragen wie z.b. den updatedialog, oder dem löschen einer datei macht so was sinn ... sonst nicht.

Geschrieben von: Olaf Fri. 24. November 2006, 16:36

ZITAT(amk @ Fri. 24. November 2006, 13:00) *
alles ganz gut und schön, aber das ausblenden der popup's stört, kostet unnötig zeit,

Das ist doch unsachlich, mein Freund. Wie gehst du denn jetzt mit den PopUps um, die schließt du wohl nicht?
ZITAT
der dicke gelbe balken oben kostet unnötig platz ... gefällt mir so wie in den demos nicht. auch eine blaue "abdunklung" der eigentlichen seite wäre zu überdenken (gut für bilder oder andere dinge, wo der geistige fokus gänzlich von der visualtität der eigentlichen seite verschwinden kann ...)

Das ist Geschmackssache da können wir nicht drüber diskutieren, das Gelb ist den PopUps vom DM entnommen, irgendwo muss ja das close hin, zusätlich wird der Platz verwendet wenn ein Titel im DM hinterlegt wird, ist doch nützlich!?
ZITAT
... und wozu ein zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig ...

Da geb ich dir Recht, das Script ist aber so, das es nun bei jedem Link greift, schau mal rein und sag mir wie ich die Funktion beim sogenanntem Rest deaktiviere. Mir ist da bisher nichts eingefallen.
Work in progress ... help welcome wink.gif

ZITAT(saschapi @ Fri. 24. November 2006, 15:01) *
Ich muss zugeben, dass ich mir ähnlich wie Peter einen Editmodus wünschen würde, der aber meiner Ansicht nach (genauso wie ein benötigtes Bilderbearbeitungsfeature) nicht zwangsläufig was mit dem Einbau der Thickbox zu tun hat. Denn wenn man erstmal so eine Funktion hätte, kann die ja auch mit der Thickbox aufgerufen werden wink.gif

Genau so hab ich's mir vorgestellt.
ZITAT
Daher erstmal: DANKE! Solche initiativen braucht das Land. Vielleicht baut sich das dann auch ganz locker bei anderen Ecken ein (s.oben).

Danke, meine Depression scheint zu schwinden rolleyes.gif

ZITAT(alexander @ Fri. 24. November 2006, 15:07) *
modale dialoge für das anzeigen einer resource innerhalb einer anwendung zu verwenden finde ich nicht richtig. bei abfragen wie z.b. den updatedialog, oder dem löschen einer datei macht so was sinn ... sonst nicht.

Hierzu auch mein Statement:
Ich seh das mehr oder weniger als Gimmik, kein User nutzt den Dateimanager um sich Bilder anzuschauen oder exessiv in den Dateien zu stöbern. Ich bin der Meinung das es niemanden in seiner Arbeit behindert.

Vielmehr stellt sich mir die Frage (immernoch) gehen wir in diese Richtung oder lassen wirs.

P.S.: Das der multiple Upload nicht geht liegt an der Verarbeitung im Core, das Formular an sich sollte so funktionieren.

Geschrieben von: alexander Fri. 24. November 2006, 17:17

ZITAT(Olaf @ Fri. 24. November 2006, 16:36) *
Vielmehr stellt sich mir die Frage (immernoch) gehen wir in diese Richtung oder lassen wirs.


für anwendungsfälle wo es sinn macht und der workflow der anwendung solange unterbrochen werden muss bis der benutzer eine aktion/auswahl gesetzt/getroffen hat ja.

jquery als standard für JS innerhalb von sefrengo zu verwenden halte ich für klug. auch drupal setzt auf diese lib und ich hab da bisher nur gute erfahrungen gemacht.

Geschrieben von: andi Fri. 24. November 2006, 17:32

ich habe mit jquery auch nur positive erfahrung gemacht (als anwender).
trotzdem ist doch die gefahr gross, dass das ganze in spielereien ausartet (ich persönlich kann wie amk mit der thinkbox nicht viel anfangen, da sie den arbeitsfluss eher stört).

viel sinnvoller wäre z.b. den dateimanager mittels jquery auf ein drag-and-drop system umzurüsten (gut, da würde ein eingriff nur mit jquery wohl kaum ausreichen, aber träumen darf man ja tongue.gif)


gruss andi

Geschrieben von: Olaf Fri. 24. November 2006, 17:44

ZITAT(andi @ Fri. 24. November 2006, 17:32) *
ich habe mit jquery auch nur positive erfahrung gemacht (als anwender).
trotzdem ist doch die gefahr gross, dass das ganze in spielereien ausartet (ich persönlich kann wie amk mit der thinkbox nicht viel anfangen, da sie den arbeitsfluss eher stört).

Jungs, ihr habt doch auf dieses Ding jetzt nur den Focus überhaupt bekommen weil ich das jetzt mal dort implementiert habe. Andi, sag doch mal ehrlich ob für dich überhaupt die Gefahr besteht durch den Dateimanger egal ob er wie jetzt oder mit Thickbox läuft in deinem Arbeitsfluss gestört zu werden. Nutz du die jetzt aufgerufenen PopUps???? Worin besteht der Unterschied in deinem Arbeitsfluss? Ich seh das nicht, ehrlich.
Ob ich ein PopUp oder ne Thickbox zuklicke, mir egal.
Zusatzfeature welches ihr vielleicht noch nicht entdeckt habt, klick ins Blaue wink.gif
Ich brauch nicht mal zielen, beim PopUp muss ich das smile.gif

UPDATE: auf meiner Demo http://olaf-bosch.de/bugs/jquery/fileman/ wird ab jetzt mit nicht aufgeführten Dateitypen wieder die Standardaktion ausgeführt.
"zip-link in einem popup nochmal als zip-link zur verfügung stellen > unsinnig" ist damit Geschichte.

Geschrieben von: andi Fri. 24. November 2006, 18:03

ZITAT(Olaf @ Fri. 24. November 2006, 17:44) *
Andi, sag doch mal ehrlich ob für dich überhaupt die Gefahr besteht durch den Dateimanger egal ob er wie jetzt oder mit Thickbox läuft in deinem Arbeitsfluss gestört zu werden. Nutz du die jetzt aufgerufenen PopUps???? Worin besteht der Unterschied in deinem Arbeitsfluss? Ich seh das nicht, ehrlich.
Ob ich ein PopUp oder ne Thickbox zuklicke, mir egal.


wie gesagt, ich spreche von mir persönlich. nicht jeder benutzt nur die maus...ich nutze wo ich kann tastaturkürzel. versuch mal das jquery-fenster mit einem tastaturkürzel zu schliessen. ausserdem ist mir das ganze fading zu träge. ich liebe klare, einfache und schnelle funktionen.

nicht falsch verstehen: für den grossteil der benutzer sicherlich eine willkommene alternative, welche ich auch gerne austeste und auf «fehler» prüfe. auch die arbeit welche dahintersteckt weiss ich zu würdigen.


gruss andi

Geschrieben von: Olaf Fri. 24. November 2006, 18:16

ZITAT(andi @ Fri. 24. November 2006, 18:03) *
wie gesagt, ich spreche von mir persönlich. nicht jeder benutzt nur die maus...ich nutze wo ich kann tastaturkürzel. versuch mal das jquery-fenster mit einem tastaturkürzel zu schliessen. ausserdem ist mir das ganze fading zu träge. ich liebe klare, einfache und schnelle funktionen.

Ah, endlich Argumente, sach an welches Kürzel ist zum schließen da? Vielleicht kann man da was machen...

Geschrieben von: alexander Fri. 24. November 2006, 18:35

ZITAT(Olaf @ Fri. 24. November 2006, 17:44) *
Ob ich ein PopUp oder ne Thickbox zuklicke, mir egal.
Zusatzfeature welches ihr vielleicht noch nicht entdeckt habt, klick ins Blaue wink.gif
Ich brauch nicht mal zielen, beim PopUp muss ich das smile.gif


der unterschied ist, das bei modalen dialog nicht zum aufrufenden fenster zurückwechseln kann, ohne vorher den modalen dialog zu schließen.

ein beispiel aus der praxis: ich habe einen kunden, der hat viele diagramme welche er innerhalb der site verwendet. um das diagramm zu beschrieben öffnet er die grafik im dateimanger klickt das popup in den hintergrund, wechselt zu seite wo er das diagramm beschreibt und fügt seinen inhalt ein und hat als referenz immer das diagram offen und kann einfach dazwischen wechseln.

modale dialoge wurden dafür geschaffen in anwendungen benutzeraktionen zu "erzwingen" wenn diese für dies für den ablauf der anwendung notwendig ist.

Geschrieben von: amk Fri. 24. November 2006, 18:44

ZITAT(Olaf @ Fri. 24. November 2006, 16:36) *
Das ist doch unsachlich, mein Freund. Wie gehst du denn jetzt mit den PopUps um, die schließt du wohl nicht?


mein freund, da hast du mich wohl falsch verstanden. ich verstehe unter ausblenden einen weichen übergang vom dasein ins nichts wink.gif ... faden, überblendung - nenn es wie du willst. für den arbeitsfluss kostet sowas 'ne halbe sekunde und stört mich gewaltig und das habe ich bei nem stino-popup eben nicht. aber ich denke da kann man diese thickbox problemlos modifizieren ...

grundsätzlich finde ich das innerhalb backends effekthascherei fehl am platz ist. es darf ein angenehmes look&feel haben, intuitiv muss es sein ...

manch ein popup ist auch nebensächlich (dateimanager-verzeichnisabgleich) und sollte demensprechend vom nutzer behandelt werden können (verschieben, in den hintergrund klicken).
dann ist so ein backend-sperrendes iframe-popup ehr hinderlich.


p.s.: warum sagt mir eigentlich mal niemand das es sowas wie jquery/thickbox gibt mad.gif ... hab die neuen popups (iframe etc.) auf gothmund.de ohne große frameworks selbst gebaut ... naja man lern immer dazu. rolleyes.gif

Geschrieben von: Olaf Fri. 24. November 2006, 18:46

Sehr gutes Argument, das mit dem Diagramm. Das leuchtet mir ein. Nun ich würd in dem Falle 2 einfache Möglichkeiten sehen trotzdem genau so weiterzuarbeiten, es wird ja niemand zur Thickbox gezwungen so ist das ja gar nicht wink.gif
1. klick auf Mausrad, dann hab ich im 2. Tab, kann schön wechseln
2. rechtsklick -> neues Fenster

Man muss sich nur zu helfen wissen biggrin.gif

@amk

klar, faden geht auszubauen

Geschrieben von: alexander Fri. 24. November 2006, 19:00

ZITAT(Olaf @ Fri. 24. November 2006, 18:46) *
klick auf Mausrad, dann hab ich im 2. Tab, kann schön wechseln
2. rechtsklick -> neues Fenster


zu 1) ja, wenn du einen tabfähigen browser hast .... der iex6 ist und wird wohl noch für einige zeit der standard sein, den man bei einem (unternehmens)kunden antrifft.

und warum soll ich bitte den workflow so umständlich machen und dem redakteur beibringen wann er unter welchen umständen, wie, wo zu klicken hat, wenn ich über die anwendung selbst das verhalten steuern kann.

Geschrieben von: andi Fri. 24. November 2006, 23:17

ZITAT(Olaf @ Fri. 24. November 2006, 18:16) *
Ah, endlich Argumente, sach an welches Kürzel ist zum schließen da? Vielleicht kann man da was machen...


da ich auf mac arbeite befehlstaste (apfeltaste) und «w»...bin gespannt biggrin.gif

Geschrieben von: mistral Sat. 25. November 2006, 11:53

und Alt F4 auf dem PC, würde ich vorschlagen. Also analog dem schliessen eines PupUp.

Geschrieben von: MaZderMind Sat. 25. November 2006, 18:51

Escape?

Gruß, Peter

Geschrieben von: Olaf Sun. 26. November 2006, 01:29

Gut, die Standard ShortCuts wird man wahrscheinlich nicht überschreiben können, hab nirgends wa gefunden. Dafür ist nun ESC für das schließen aller PopUps verantwortlich.

Kann mir mal jemand mit den Entsprechungen für Pfeiltaste rechts + links aushelfen, als als Zeichen im Schriftsatz. Da gibts doch was Pfeil nach rechts oder so, find ich jetzt auch nicht sad.gif

Würde so wie ESC das bei next prev auch noch mit Pfeilen kennzeichnen wollen, anstatt der < und > jetzt. Denn dies ist auch dabei.

ZIP, erster Post aktualisiert

N8

Geschrieben von: MaZderMind Sun. 26. November 2006, 15:03

http://de.selfhtml.org/html/referenz/zeichen.htm#benannte_pfeile
[edit] du brauchst ja die KeyCodes
http://msdn.microsoft.com/library/en-us/winui/WinUI/WindowsUserInterface/UserInput/VirtualKeyCodes.asp?frame=true

Gruß, Peter

Geschrieben von: Olaf Sun. 26. November 2006, 19:54

Demo ist aktualisiert, wenns jemand unbedingt benötigt zieh er sich dort die JS.

Danke Peter, 1. hat geholfen 2. war schon drinnen. Allerdings so:
if(keycode == 39){ für rechter Pfeil, so find ich das dort gar nicht, aber funktioniert, zumindest IE7 und FF.

Vielleicht sacht andi noch mal was dazu?

Geschrieben von: mrtt Sun. 26. November 2006, 19:55

Hi,

die keycodes für die Tasten:

ESC = 27
lPfeil inks = 37
Pfeil rechts = 39

Die Seite mit der Unicode-Tabelle von SelfHTML: http://de.selfhtml.org/inter/unicode.htm
Da muss man sich ein bisschen "durchfuchsen".

Wenn du dazu keine Lust hast kannst du auch folgendes JS in eine leere HTML einfügen.
Sobald du dann eine Taste drückst zeigt dein Browser dir den UniCode an.

QUELLTEXT
document.onkeydown = function(e){
  if (e == null) { // ie
    keycode = event.keyCode;
  } else { // mozilla
    keycode = e.which;
  }
  alert(keycode);
}



Gruß, Sebastian

Geschrieben von: andi Sun. 26. November 2006, 20:02

hallo olaf

klar sage ich etwas dazu :-) der ausstieg via «esc» funktioniert wunderbar und ist ein wunderbares «gimmick». gratulation, hat gute formen angenommen!

ändert aber nichts an der tatsache, dass ich persönlich nicht viel von solchen spielereien halte, aber die umsetzung ist nun wirklich gelungen.


gruss andi

Geschrieben von: Olaf Sun. 26. November 2006, 20:04

Hi Sebastian,
yo, genau so ein Script hatte ich benutzt biggrin.gif

@all
hat Spass gemacht, deshalb mach ich sowas. Vielleicht bleibt im Hirn was hängen. Wenns hier nicht gebraucht wird dann ebend an anderer Stelle, vielleicht...

Geschrieben von: Olaf Thu. 30. November 2006, 01:40

So, hab mich noch mal damit beschäftigt:
http://olaf-bosch.de/bugs/jquery/fileman2/

EDIT Neu, jetzt hier:
http://olaf-bosch.de/bugs/jquery/fileman3/

Keine Beschreibung, der Text auf der Seite ist auch noch der Alte, geht einfach mal auf Entdeckungstour smile.gif

Geschrieben von: andi Thu. 30. November 2006, 06:39

sieht doch schon vieeeel besser aus. kein halbtransparentes blau mehr und die fenster lassen sich schliessen.
jetzt könnte ich mich schon fast verlieben biggrin.gif

eine möglichkeit, mehrere fenster gleichzeitig zu öffnen gibt es aber noch nicht... ? rolleyes.gif


gruss andi

Geschrieben von: Olaf Thu. 30. November 2006, 11:59

ZITAT(andi @ Thu. 30. November 2006, 06:39) *
eine möglichkeit, mehrere fenster gleichzeitig zu öffnen gibt es aber noch nicht... ? rolleyes.gif

Nö, wird schwierig. Das PopUp hat eine ID, darüber wird die Position und das CSS geregelt. Nu müsste ich die ja hochzählen lassen. Wie soll ich dann CSS-Angaben vergeben!?
Aktuell ist es so, dass geprüft wird ob bei klick ein PopUp vorhanden ist und dies dann erst geschlossen wird.

Prinzipiell ist es möglich, Mitdenker willkommen. CSS ginge bestimmt über eine zusätzliche Klasse, fällt mir gerad noch ein...

Geschrieben von: amk Thu. 30. November 2006, 12:06

könnte man diese kreisrunde loading-anzeige nicht verschwinden lassen, oder im kopf des popups als loading-bar realisieren. generell macht das ja eh nur bei größeren bildern sinn.

 

Geschrieben von: Olaf Thu. 30. November 2006, 12:22

ZITAT(amk @ Thu. 30. November 2006, 12:06) *
könnte man diese kreisrunde loading-anzeige nicht verschwinden lassen, oder im kopf des popups als loading-bar realisieren. generell macht das ja eh nur bei größeren bildern sinn.

Nein, es muss unbedingt was passieren wenn Klick! Sonst denk der liebe User es hat nicht geklappt. Und das in den Kopf des PopUps macht keinen Sinn weil dies erst geladen wird wenn alles geladen ist.

Über Position und aussehen können wir diskutieren wink.gif

Neue Version, kleine Optimierungen http://olaf-bosch.de/bugs/jquery/fileman3/

Geschrieben von: andi Thu. 30. November 2006, 12:29

mh, unter safari geht das «laden-symbol» nicht mehr weg (sitemap.xml, text.txt, index.css). weiss allerdings nicht, ob das problem schon immer vorhanden war.

als ladesymbol könnte man ja was aus dem logotype von sefrengo basteln. z.b. das «element» im o rausnehmen und rotieren lassen.

gruss andi

Geschrieben von: Olaf Thu. 30. November 2006, 12:39

Hast du die neue Version beachtet!? Ich hab jetzt noch mal was geändert, wegen dem «laden-symbol», check mal...

Geschrieben von: andi Thu. 30. November 2006, 12:43

wenn der link im post vor mir die neue version war, dann ja biggrin.gif
jedenfalls habe ich das ganze nochmals getestet und es funktioniert nun auch unter safari (wieder).


gruss andi

Geschrieben von: Olaf Thu. 30. November 2006, 12:50

Jep, sehr gut. Komisch ist, dass da extra ein Hack für Safari eingebaut war den ich jetzt rausgeschmissen hab.
Aber gut, wenns hilft rolleyes.gif

Geschrieben von: amk Thu. 30. November 2006, 15:56

ZITAT(Olaf @ Thu. 30. November 2006, 12:22) *
Nein, es muss unbedingt was passieren wenn Klick!


naja das fenster geht auf - also passiert doch was biggrin.gif

gut nicht jeder hat ADSL2 wo sowas (nahezu) gänzlich unerheblich ist.

es sollte schon ein wenig zum look&feel von SF passen ... viele kreisrunde dinge mit kullerchen gibts ja im backend nicht wink.gif

Geschrieben von: Olaf Thu. 30. November 2006, 18:48

ZITAT(amk @ Thu. 30. November 2006, 15:56) *
es sollte schon ein wenig zum look&feel von SF passen ... viele kreisrunde dinge mit kullerchen gibts ja im backend nicht wink.gif

Ja mei, dann entwerf doch mal was, ehrlich, das ist doch beim programmieren erst mal nicht wichtig. Hätt ich inzwischen hier was vorgefunden, ich hätts eingebaut... cool.gif

Geschrieben von: andi Thu. 30. November 2006, 18:53

wenn ich wüsste in welcher form du das ganze brauchst und ich das sefrengo-logo in einer anständigen auflösung vorliegen hätte (vektorisiert und/oder ebenen), hätte ich mir überlegt, was zu machen cool.gif

ok, ersteres ist klar, habs mir rasch angeschaut tongue.gif

Geschrieben von: amk Thu. 30. November 2006, 19:12

ZITAT(Olaf @ Thu. 30. November 2006, 18:48) *
Ja mei, dann entwerf doch mal was, ehrlich, das ist doch beim programmieren erst mal nicht wichtig. Hätt ich inzwischen hier was vorgefunden, ich hätts eingebaut... cool.gif


wink.gif ... da muss dann ggf. früher oder später der tief im süden befindliche alex ran - ich misch mich da nich ein, so ich nicht von höchter stelle dazu aufgefordert werd *g* ... außerdem ist alexander besser in solchen dingen imho

Geschrieben von: summerbrother Thu. 30. November 2006, 20:22

ZITAT(Olaf @ Thu. 30. November 2006, 18:48) *
Ja mei, dann entwerf doch mal was, ehrlich, das ist doch beim programmieren erst mal nicht wichtig. Hätt ich inzwischen hier was vorgefunden, ich hätts eingebaut... cool.gif


Sucht Euch doch was aus biggrin.gif
http://www.napyfab.com/ajax-indicators/

Geschrieben von: amk Thu. 30. November 2006, 20:28

ZITAT(summerbrother @ Thu. 30. November 2006, 20:22) *
Sucht Euch doch was aus biggrin.gif
http://www.napyfab.com/ajax-indicators/


80% furchtbar ... wenn dann vielleicht sowas simples


Geschrieben von: Olaf Thu. 30. November 2006, 20:41

Ha, das ist ja lustig, den hab ich gerade eingebaut smile.gif
Nimmt man aber kaum war sad.gif

Geschrieben von: summerbrother Thu. 30. November 2006, 21:02

Man, Ihr habt Sorgen tongue.gif

Ich find das Megageil von Olaf, sowas anzufangen. Mag vielleicht Kleinvieh sein, aber genau das macht das Arbeiten angenehm. Meinetwegen können wir noch viel mehr dieser Gimmicks einbauen.

Geschrieben von: MaZderMind Thu. 30. November 2006, 21:40

Hi
Okay also mein Kommentar dazu ist, dass mir die Originalversion mit ausgegrautem Hintergrund am meisten gefallen hat -- es gibt nir nix das bild über die Seite schieben zu können, denn das Ressourcenbrowser-Fenster ist eh so klein dass es nich viel zu schieben gibt (zumal der FF2 beim Schieben eines Videos komplett den Geist aufgibt).
Auch das Ladesymbol hätte ich auch so gelassen.

Allerdings weiß ich nicht in wie weit das.. nuja.. notwendig ist.
Gruß, Peter

Geschrieben von: amk Thu. 30. November 2006, 23:05

die argumente warum nicht grau und warum verschiebbar wurden weiter oben schon genannt

... eigentlich alles neumodischer quatsch sowat dry.gif SF sollte mit'm lynx (textbrowser) auch noch funktionieren - das wär doch toll!!! rolleyes.gif laugh.gif

Geschrieben von: Olaf Thu. 30. November 2006, 23:50

Gut, ich fasse noch mal zusammen wink.gif
Ich wollte ein wenig JS lernen, das mach ich nu mal nich ins Blaue, sondern sollte dann auch mal irgendeinen Zweck erfüllen. Das es gerade das mit der Thickbox war lag daran das es mir überhaupt nicht gefiel das da mit den ganzen URL-Parametern rumhantiert wurde. Also kam ich auf die Idee das evtl. im Dateimanager zu verwenden. Das hab ich hinbekommen, ist leicht zu übernehmen usw...
Ich werd jetzt hier abbrechen, es liegen 2 Versionen vor die funktionieren. Das da was wackelt und evtl. ruckelt liegt an den Browsern im Zusammenspiel mit Plugins, das meiste hab ich aber ja hinbekommen. Durch kleine Anpassungen im Script lassen sich Dateitypen entfernen bzw. weitere hinzufügen.

Version 1 ist inzwischen auf meiner HP im Einsatz. Einmal als Bildergalerie und einmal für SoloBilder und auf der Demo mit einem Kontaktformular, ich bin zufrieden.

Falls sich noch jemand einen Überblick verschaffen möchte:
http://olaf-bosch.de/bugs/jquery/fileman/ -> mondal, also Hintergrund grau
http://olaf-bosch.de/bugs/jquery/fileman3/ -> als verschiebbare PopUps, aber immer nur 1
http://olaf-bosch.de/bugs/jquery/fileman4/ -> mit mehrfachen PopUps, IDs werden dynamisch vergeben. Absolut buggy, wird nicht weiterentwickelt, jedenfalls nicht von mir tongue.gif

So, das wars von mir. Nu sind erst mal Andere dran überhaupt was zur Richtung zu sagen.

Geschrieben von: bkm Fri. 1. December 2006, 01:13

Ich bin zufrieden und das schon mit Version1 DANKE
Ich finde es auch schade das vieles so "zerredet" wird, liegt doch bei jeden selber
ob er es einsetzt oder nicht.

Geschrieben von: amk Fri. 1. December 2006, 01:19

folgendes - ich denke bewegbare div-iframes können wir total vergessen. sie sind einfach zu langsam (und mein rechner ist wirklich nicht so lahm) ... etwas zu schnell die mouse bewegt und schon ist man weg vom mouseover und das fenster steht.

ich weiss das es vor jahren, als noch NS4 fast aktuell war es eine methode gab welches html-files in ein normales div laden konnte. es war ein NS4-layer ersatz für den IE, denn NS4-layerr konnten, ähnlich iframes, html-docs laden. sowas wäre vielleicht besser als dieses performance lastige iframe ding ... es sei denn man kann auf's verschieben verzichten.

einen nachteil haben übrigen alpha-geschichten auf dem firefox ... ist auch immer noch bei FF2 ein problem ... es gibt manchmal eine 1px verschiebung bei halbtransparenten div-überlagerungen (siehe screenshot unten, links und rechts neben dem bild die schrift.)

allerdings haben diese profi-libs dieses problem natürlich nicht, weil hier das iframe haargenau so groß ist wie das popup. nur mal so nebenbei ... ich musste bei meiner selfmade realisation auf gothmund da kompromisse schliessen ...

 

Geschrieben von: saschapi Fri. 1. December 2006, 08:01

ZITAT(amk @ Fri. 1. December 2006, 01:19) *
folgendes - ich denke bewegbare div-iframes können wir total vergessen. sie sind einfach zu langsam (und mein rechner ist wirklich nicht so lahm) ... etwas zu schnell die mouse bewegt und schon ist man weg vom mouseover und das fenster steht.


Nur zur Info, die Jungs von http://www.Netvibes.com haben das Problem mittlerweile irgendwie gelöst. Zumindest passiert mir das da nicht mehr! wink.gif

Ich verfolge diese fruchtbare Diskussion mit Spannung und finde ihr seit da auf einem richtig guten Weg! wink.gif

Geschrieben von: amk Sat. 2. December 2006, 17:40

schaut euch doch mal das inlinepopup-feature vom tinymce an ... so könnt ich mir popups vorstellen - einfach und schnell, aber diese behäbigen iframes!?

http://www.grasgruen.eu/_sf/examples/example_full.htm

"inlinepopups" ist ein plugin bei Tiny und funktioniert nicht überall - ist auch mehr oder minder in der Tiny-doku als experimentel bzw. problembehaftet vermerkt ... aber nur mal so als beispiel.

Geschrieben von: Olaf Sat. 2. December 2006, 20:20

Schnellanalyse, Paste from Word:

  1. ist das auch wieder ein mondaler Dialog, nur halt transparentes gif
  2. 4-fach geschachteltes IFRAME!!!
Nu soll das die Leistung dort nicht schmälern, aber wie willst du das vergleichen mit dem was ich hier vorhatte!?
Da geh ich auch nicht ran da irgendwas von zu isolieren um es irgendwie umzubauen.

Ich hab versucht alle Anregungen die hier kamen umzusetzen, würde das auch weiterhin versuchen, aber ich bleib bei dem JQuery. Ich sach auch warum, HTML ist getrennt vom JS. Das JS manipuliert das HTML, aus meiner Sicht der einzig richtige Weg damit umzugehen.

Geschrieben von: amk Sun. 3. December 2006, 00:54

sorry - ich hab nicht genauer hingeschaut bei dem tiny-plugin. ist natürlich auch ein iframe ... aber wo ist da was 4-fach geschachtelt.

es ging mir nur mal darum zu zeigen, dass es irgendwie auch schneller geht. ich weiss nicht warum deine thickbox version beim verschieben so träge ist.

aber abgesehen davon. wenn hier eine alternative zu stino-popups geschaffen werden soll, dann sollte sie zumindest die usability die stino-popups mit sich bringen nicht schmälern. da spielt geschwindigkeit für mich eine große rolle.

ist ja schön und gut wenn leute spielkram wie ladeanzeige und weiche blenden stylish finden. ich bin da nicht in jedem fall ein freund von und fände es ernorm traurig wenn für ein bisschen (überflüssigen) pep der arbeitsfluss negativ beeinflusst würde.

meine meinung ... nichts für ungut.

Geschrieben von: Olaf Sun. 3. December 2006, 01:04

ZITAT(amk @ Sun. 3. December 2006, 00:54) *
sorry - ich hab nicht genauer hingeschaut bei dem tiny-plugin. ist natürlich auch ein iframe ... aber wo ist da was 4-fach geschachtelt.

Iss so, egal.

Ich kann mit deiner Meinung gut leben, ich spiel halt gerne tongue.gif

Hab gerade einen kleinen Bildeditor in den Dateimanager eingebaut, natürlich inne Thickbox laugh.gif

Angeregt hat mich BKM dazu, nettes Gimmik rolleyes.gif


P.S. wie kann ich den Pfad zum gerade aktivem Projekt dynamisch setzen? Sieht z.Z. so aus:
QUELLTEXT
<a class=\"thickbox action\" href=\"external/imageedit/index.php?file=../../../projekt01/media/" . $db->f('dirname') . $db->f('filename') . "\" title=\"" . $db->f('dirname') . $db->f('filename') . "\">edit</a>

Gibts da ne Variable? Also für projekt01/media/

Geschrieben von: bkm Sun. 3. December 2006, 01:36

biggrin.gif
So schon mal probiert

QUELLTEXT
$cfg_client[upl_htmlpath]

Geschrieben von: amk Sun. 3. December 2006, 10:19

ZITAT(Olaf @ Sun. 3. December 2006, 01:04) *
Iss so, egal.

Ich kann mit deiner Meinung gut leben, ich spiel halt gerne tongue.gif


gut gut - ich dachte es ginge hier darum eine ernsthafte verbesserung für SF zu schaffen ... wenn dem nicht so ist kein problem ... wenn große männer spielen sind sie gesund, oder? biggrin.gif

hier trotzdem nochmal eine noch schlankere inlinepopup variante von einem gewissen Felix Riesterer

http://www.felix-riesterer.de/main/seiten/inlinepopup.html

Geschrieben von: Olaf Sun. 3. December 2006, 12:25

ZITAT(bkm @ Sun. 3. December 2006, 01:36) *
biggrin.gif
So schon mal probiert
QUELLTEXT
$cfg_client[upl_htmlpath]

Jetzt klappts damit ohmy.gif
Da hatte ich wohl gestern noch einen Fehler mit der Übergabe der Parameter drin, schön.

@amk
Vielleicht hast du bemerkt, dass ich mich bemüht habe auf alles einzugehen was hier im Thread kam. Alles hab ich versucht, mit meinen Möglichkeiten, umzusetzen.
Bei dir hab ich den Eindruck du hast noch nie in dieses Script geschaut und versucht es zu verstehen, sonst würden nicht solche Vorschläge kommen,
ZITAT
"ich weiss das es vor jahren, als noch NS4 fast aktuell war es eine methode gab welches html-files in ein normales div laden konnte. es war ein NS4-layer ersatz für den IE, denn NS4-layerr konnten, ähnlich iframes, html-docs laden. sowas wäre vielleicht besser als dieses performance lastige iframe ding ... es sei denn man kann auf's verschieben verzichten."

Denn diese Möglichkeit besteht durchaus und wird im Part für xml, htm, und html benutzt. PHP muss aber im IFrame laufen, sonst verlässt jede Aktion im PHP die Seite/thickbox.
Draggeble lässt sich für jeden Datei-Typ einzeln angeben/deaktivieren, usw. usf.

Und das alles ohne auch nur eine Zeile im Core von Sefrengo anzupassen, nur mal so zu den Features.

Was mir gleich bei deinem letztem Beispiel nicht gefällt und zum Ausschluss aus meinen Überlegungen führt ist dies:
QUELLTEXT
<a href="/main/gaestebuch/index.html" onclick="InlinePopup.open(this.href, '', 'statusbar=yes,resizable=yes');return false;">Beispiel gefällig</a>

Geschrieben von: amk Sun. 3. December 2006, 12:48

ZITAT(Olaf @ Sun. 3. December 2006, 12:25) *
@amk
Vielleicht hast du bemerkt, dass ich mich bemüht habe auf alles einzugehen was hier im Thread kam. Alles hab ich versucht, mit meinen Möglichkeiten, umzusetzen.
Bei dir hab ich den Eindruck du hast noch nie in dieses Script geschaut und versucht es zu verstehen, sonst würden nicht solche Vorschläge kommen,


sorry ... ich schau mir nur deine resultate an und schildere hier mein empfinden und gedanken, ideen usw. - wenn ich das dann benutzen soll.
wenn ich hier anfange groß in skripte zu schauen, kann ich mich auch gleich selbst an die sache machen. aber da habe ich besseres zu tun, weil in dingen popups in SF bei mir aktuell kein besserungsbedarf besteht. das einzige popup welches ich bei der arbeit von SF zu sehen bekomme sind modul-update und dateimanager-aktualsierungs-popups. idr läd man dokumente hoch deren inhalt man sich bewusst ist und sie nach dem upload gleich in die seite einbaut. und wenn man dann mal ein bild im dateimanager öffnet (weil einem das thumb als mouse-over-floating-dingens nicht genügt), kann sich das bild meinetwegen auch in einem stinknormalen fenster öffnen, ohne resize, ohne zentrierung.

wie gesagt wir sind hier in nem backend und nicht auf dem frontend einer site. es geht im backend (zumindest bei mir) um arbeiten und nicht um entertainment und coole effekte. that's all.

wenn ich den spielerischen ansatz deiner mühe hier übersehen habe dann sorry ... dachte es ginge um ernsthafte ansätze zu optimierung der usability. aber letztere sollten auch vor einer umsetzung erstmal diskutiert werden ...

viel spass weiterhin damit.

Geschrieben von: saschapi Sun. 3. December 2006, 13:14

ZITAT(Olaf @ Sun. 3. December 2006, 01:04) *
Hab gerade einen kleinen Bildeditor in den Dateimanager eingebaut, natürlich inne Thickbox laugh.gif



Uiuiuiuiuiuiui! Supi! Ich wollte mich an sowas für den nächsten Kunden auch mal dran machen.
Hatte da an sowas gedacht:
http://imageedit.sourceforge.net/

Wie ist denn deine Erfahrung gerad und was nutzt du? Lohnt sich da eine parallel Entwicklung?

Lieben Gruß Sascha

ZITAT(amk @ Sun. 3. December 2006, 12:48) *
wie gesagt wir sind hier in nem backend und nicht auf dem frontend einer site. es geht im backend (zumindest bei mir) um arbeiten und nicht um entertainment und coole effekte. that's all.


Da hast du schon recht, aber was zum Beispiel super nervt ist im WYSIWYG ein Bild einfügen. Da öffnet sich erst das PopUp vom FCK und dann noch mal der Recource Browser.
Das ist echt viel gepoppe! wink.gif

Und da finde ich das Experimentieren mit Alternativen schon wichtig. Denn langfristig fände ich eine Lösung wie sie hier gerad angebastelt wird für den Recource Browser schon gut! biggrin.gif

Geschrieben von: Olaf Sun. 3. December 2006, 17:12

ZITAT(amk @ Sun. 3. December 2006, 12:48) *
sorry ... ich schau mir nur deine resultate an und schildere hier mein empfinden und gedanken, ideen usw. - wenn ich das dann benutzen soll.

Nee, hast du ebend nicht, du hast dich darauf beschränkt andere Lösungen vorzuschlagen und Mängel anzukreiden. Ich hätt mir gewünscht so Sachen wie "kann man das auch so oder so oder so machen", ebend Vorschläge wie es besser geht.
Und zum Spassfaktor, am Feedback der "Entscheidungsträger" hab ich gemerkt das es nicht ankommt. Ab da war es nur noch Spass. Am Thema des Threads erkennt man was ich vorhatte, also schon was ernstes, ich mir aber auch nicht sicher war. rolleyes.gif

Dann möchte ich dich auch noch auf einen Wiederspruch in deinem Post aufmerksam machen. Du schreibst, "das einzige popup welches ich bei der arbeit von SF zu sehen bekomme sind modul-update und dateimanager-aktualsierungs-popups" warum reibst du dich dann so an Diesen!?

Interessant find ich auch, dass niemand sich des zwischendurch geposteten Snippets zu den Uploadfeldern geäußert hat. Gut kann untergehen, ich will nur noch mal drauf hinweisen wie phantastisch sich damit arbeiten ließe. Wenn es denn mal ins Core aufgenommen würde.
Das hier war mein Vorschlag für einen Anfang, JQuery könnte alles andere JS im Backend ersetzen.

Aber bleiben wir beim Spass:

@saschapi
Das ist ein Script welches bkm gefunden hatte und versuchte einzubauen. Ich hab das dann gestern Abend mal schnell gemacht, ca. 2 Stunden!!!
http://www.mileandra.de/weblog/online-bildeditor-mit-php-und-ajax
Die meiste Zeit ging beim probieren drauf (Parameter), hab ja sowas noch nie gemacht wink.gif
Am Bildeditor selbst ist nicht eine Zeile geändert. In der jquer_box.js 4 Zeilen und es läuft immer noch überall, im Sefrengo und auch ohne. + eine Zeile in inc.upl.php

An was du dachtest, gibts nicht was das auch auf PHP4 läuft? Ansonsten ist das toll.
Ich wäre an einer Zusammenarbeit sehr interessiert, wenigstens Einer der mich Ernst nimmt biggrin.gif

und trotz des ganzen Spasses unsure.gif

Geschrieben von: feniweb Sun. 3. December 2006, 17:29

@Olaf
Ich finde deine Ajax-Spielereien recht interessant und das ein oder andere würde SF recht gut tun um noch zügiger im Backend bereich arbeiten zu können.

Z.B. bei den Modulen u. Templates, je nach dem was man aktiviert oder deaktiviert wird die ganze Seite immer neu geladen und man steht wieder am anfang und muss zu der passenden Stelle scrollen. Das ist einfach lästig und währe mit einwenig Ajax sicher zu vermeiden.

evtl. kennst du diese Seite "http://interface.eyecon.ro/demos" schon hier hat's auch noch einige neteSpielereien. laugh.gif


Gruss

Geschrieben von: feniweb Sun. 3. December 2006, 18:04

@Olaf
noch eine Frage: wirst du deine Spielereien auch weiterhin hier zur verfügung stellen? Währe Super. Danke dir. biggrin.gif

Geschrieben von: gunwalt Sun. 3. December 2006, 18:29

ZITAT(Olaf @ Sun. 3. December 2006, 17:12) *
Ich wäre an einer Zusammenarbeit sehr interessiert, wenigstens Einer der mich Ernst nimmt biggrin.gif

Ich auch smile.gif

Geschrieben von: amk Sun. 3. December 2006, 18:46

ZITAT(Olaf @ Sun. 3. December 2006, 17:12) *
Nee, hast du ebend nicht, du hast dich darauf beschränkt andere Lösungen vorzuschlagen und Mängel anzukreiden. Ich hätt mir gewünscht so Sachen wie "kann man das auch so oder so oder so machen", ebend Vorschläge wie es besser geht.


"du hast dich darauf beschränkt andere Lösungen vorzuschlagen"

"hätt mir gewünscht so Sachen wie "kann man das auch so oder so oder so machen"

ich habe mich also auf lösungvorschläge beschränkt die du dir letztlich auch gewünscht hättest. na dann ist doch alles ok! cool.gif

sorry bin 'n kritischer mensch - meinetwegen auch 'n meckerkopf - meinetwegen auch unbegründet.

wenn ich aber anfänglich lese Björn und Alexander haben es ausdrücklich erlaubt und ich dann sehe was sie erlaubt haben ... dann kriege ich schnell meinen kritischen, weil ich die benutzbarkeit in gefahr sehe - wenn man so will. dein lösungsansatz ist in dingen beweglichkeit der fenster jedenfalls unbrauchbar. ich für meinen fall würde dann, bevor ich photoshop als popup implementiere, erstmal an diesem manko weiterarbeiten ... aber mach was du denkst.

alexander hat im übrigen nicht geäußert das es "nicht ankommt" sondern konstruktiv vor- und nachteile aufgeführt - danach war deine arbeit nur noch ein gimmick und spass. ist natürlich auch eine möglichkeit sich problemen zu stellen.

kapier ich alles nicht so richtig ... wie gesagt, viel spass weiterhin ... genug der grundsatzdiskussion.

Geschrieben von: Olaf Sun. 3. December 2006, 20:30

Wahrscheinlich kringeln sich Alex und Björn vor lachen, jetzt geht mir auch ein Licht auf warum Björn sagte "bring es als Hack raus wenn die nächste Version draußen ist", "dann warten wir mal ab was die Community dazu sagt"

Schönen Gruß aus'm Regen sad.gif

@amk
Seit ich die Version ohne Mondalität raushab hat sich kein Alexander mehr gemeldet, ca. 2 Tage danach war es nur noch Spass.
Noch mal zu deinen Vorschlägen, das ist wie wenn ich dir gesagt hätte nimm nicht den Tiny sondern den XYZ, da hättest du dich auch schön bedankt, oder?

ZITAT(feniweb @ Sun. 3. December 2006, 17:29) *
@Olaf
Ich finde deine Ajax-Spielereien recht interessant und das ein oder andere würde SF recht gut tun um noch zügiger im Backend bereich arbeiten zu können.

Der Witz ist ja der, alle denken da immer an AJAX, da ist gar nicht so viel dran wink.gif
Nur wenn du *.txt *.xml oder *.css in einen DIV lädtst, der Rest ist reine DOM-Manipulation.
ZITAT
evtl. kennst du diese Seite "http://interface.eyecon.ro/demos" schon hier hat's auch noch einige neteSpielereien. laugh.gif

Da stammt das mit dem draggen her
ZITAT
noch eine Frage: wirst du deine Spielereien auch weiterhin hier zur verfügung stellen? Währe Super. Danke dir.

Logisch, macht immer noch Spass...

Geschrieben von: saschapi Sun. 3. December 2006, 20:32

@Olaf:
Leider hab ich noch keinen wirklich guten OpenSource Image Editor gefunden sad.gif Ich hätte halt schon gerne was, was ein bißchen mit Drag and Drop läuft.

Vor allem Resize, Crop und Rotate wäre mir wichtig.

Ich suche jedenfalls weiter. Nebenbei hab ich aber eine super Idee bekommen, die ich vielleicht die Tage mal ausarbeiten kann und dann hier veröffentliche! Dann bist du nicht mehr der einzigste Bastler! wink.gif

Geschrieben von: Olaf Sun. 3. December 2006, 20:53

Da bin ich ja gespannt Sascha.

Jetzt hab ich mal alles zusammengeschnürt, also mit der Bildbearbeitung, die ist aber wirklich ganz simple wink.gif

Ist aber mondal (jetzt wo ich weiß was das ist, aber noch nicht wie's geschrieben wird) ich hab aber noch vor dies so umzubauen.

  1. nicht mehr mondal wink.gif
  2. nur die Bilder werden verschiebbar


 Thickbox_2_Sefrengo_Bildbearbeitung.zip ( 294.2KB ) : 13
 

Geschrieben von: MaZderMind Sun. 3. December 2006, 21:44

@Olaf, es heißt modal wink.gif
http://de.wikipedia.org/wiki/Dialogfenster

ZITAT
Dialogfenster haben meist eine geringere, oft feste Größe und erscheinen als Popup-Fenster vor dem Hauptfenster der Anwendung. Oftmals sind sie modale Fenster, d. h. der Benutzer kann in den anderen Fenstern der Anwendung nicht weiterarbeiten, solange das Dialogfenster angezeigt wird.


Gruß, Peter

Geschrieben von: dreadywebs Sun. 3. December 2006, 22:17

Hallo
wollt mal sagen, dass ich die thickbox echt cool find! ich hät aber noch einen kleinen wunsch.
ist es möglich, in der bildergalerie eine send2friend funktion einzubauen, weil das wär voll
praktisch! danke erst mal! smile.gif

Geschrieben von: MaZderMind Sun. 3. December 2006, 22:36

...wobei wir wieder bei
http://praegnanz.de/essays/dinge-die-man-einfach-nicht-mehr-macht Abschnitt 3 wären -- wer bitte schickt aus dem Backend einem Freund einen Link auf ein Foto? Und wenn ich das wirklich will, warum dann nicht einfach die URL kopieren und ihm eine eMail schreiben? Da weiß er dann sogar dass sie von dir ist und sie wird nicht direkt in den Spamfilter geschoben...

Gruß, Peter

Geschrieben von: alexander Sun. 3. December 2006, 22:41

ZITAT
Wahrscheinlich kringeln sich Alex und Björn vor lachen

ne, zumindest ich nicht

ZITAT
Seit ich die Version ohne Mondalität raushab hat sich kein Alexander mehr gemeldet

tja, weil sich meine Meinung dazu nicht geändert hat. Selbst wenn du das ganze jetzt so umgestellt hast, dass ich die Anwendung im Hintergrund erreiche bleibt das Problem, dass sich das Inline-Popup innerhalb des Anwendungsfensters befindet. Dadurch kann es nicht geöffnet bleiben, denn sobald ich eine Aktion setzt, welche die Seite neu lädt ist das Popup Geschichte.

Ich finde die Technik welche du hier einsetzt nicht schlecht, nur verwendest Du sie meiner Meinung nach für den falschen Zweck. An anderer(en) Stelle(n) (siehe Beispiele weiter vorne im Thread) wäre Sie besser angebracht.

Auf jeden Fall ist dein Einsatz sicher nicht umsonst, denn es hat auf jeden Fall den Vorteil, dass man sieht was alles machbar ist und wo eventuell welches Feature zum Einsatz kommen kann.

Geschrieben von: dreadywebs Sun. 3. December 2006, 23:00

Hab die Thickbox wo anders eingabaut, nicht im sefrengo, als richtige fotogalerie, so wie es auf olafs seite
beschrieben ist...

Geschrieben von: summerbrother Sun. 3. December 2006, 23:01

ZITAT(dreadywebs @ Sun. 3. December 2006, 22:17) *
ist es möglich, in der bildergalerie eine send2friend funktion einzubauen, weil das wär voll
praktisch! danke erst mal! smile.gif


Ich geh mal davon aus, das Du im Frontend meinst.
Die Funktion kannst Du aber auch selber in der Detailansicht erstellen.
Nimm das Kontaktformular und bau es dran. Die Funktionen sind alle da.

Geschrieben von: dreadywebs Sun. 3. December 2006, 23:20

ja, im frontend, verwende aber den dedi... die send2friend funktion selbst ist ja nicht das problem,
das problem ist, wenn das bild mit der thickbox geöffnet ist, dass dann z.b unterm bild ein kleines
formular erscheint, wo man die email eintragen kann und verschicken... vielleicht hat ja wer eine idee?

Geschrieben von: Olaf Sun. 3. December 2006, 23:21

Nur mal so, zwischendurch, gerad drüber gestolpert, da hat einer mittels JQuery nen TinyMCE in ein CMS integriert. Vielleicht versteht ihr ihr wenigstens meine Begeisterung, amk? wink.gif

http://www.simpleweb-online.co.uk/screencast01.html

Ich bin da doch nur ein klitze kleiner Anfänger, sorry

Gut, nu wirds nicht mehr modal laugh.gif

Geschrieben von: Olaf Mon. 4. December 2006, 22:45

ZITAT(alexander @ Sun. 3. December 2006, 22:41) *
ne, zumindest ich nicht

Das beruhigt mich.
ZITAT
tja, weil sich meine Meinung dazu nicht geändert hat. Selbst wenn du das ganze jetzt so umgestellt hast, dass ich die Anwendung im Hintergrund erreiche bleibt das Problem, dass sich das Inline-Popup innerhalb des Anwendungsfensters befindet. Dadurch kann es nicht geöffnet bleiben, denn sobald ich eine Aktion setzt, welche die Seite neu lädt ist das Popup Geschichte.

Das beunruhigt mich. Diese Anforderung kann natürlich wirklich nur ein "echtes PopUp" erfüllen. Ich hatte gehoft dich ein wenig damit zu begeistern, dass ja die erste Bedingung (Diagramme, gleichzeitig Zugriff auf Oberfläche) erfüllt wurde. Nu kommst du plötzlich mit der Nächsten. Ich weiß schon was du dazu sagst, ich muss das Argument trotzdem bringen, du kannst in dem Script Ruck-Zuck einstellen, dass alles was du wünscht im echtem PopUp aufgeht, oder gar nicht wink.gif
Ich mein nur weil deine Anforderungen, denk ich, nicht die Masse haben wird.

ZITAT
Ich finde die Technik welche du hier einsetzt nicht schlecht, nur verwendest Du sie meiner Meinung nach für den falschen Zweck. An anderer(en) Stelle(n) (siehe Beispiele weiter vorne im Thread) wäre Sie besser angebracht.

Jo, das ist klar, ich glaub aber wenns wirklich an die Anderen Dinge geht dann brauch ich einen Programmierer an meiner Seite. Das geht dann nicht so einfach wie im Dateiman. da muss am Core geschraubt werden.
Außerdem erwarte ich ja immer noch eine Entscheidung, wie gesagt es macht keinen Sinn das zusätzlich zu den anderen Scripten einzubauen.

ZITAT
Auf jeden Fall ist dein Einsatz sicher nicht umsonst, denn es hat auf jeden Fall den Vorteil, dass man sieht was alles machbar ist und wo eventuell welches Feature zum Einsatz kommen kann.

Es kehrt wieder Ruhe ein.... tongue.gif

Geschrieben von: alexander Mon. 4. December 2006, 23:13

ZITAT
Ich weiß schon was du dazu sagst, ich muss das Argument trotzdem bringen, du kannst in dem Script Ruck-Zuck einstellen, dass alles was du wünscht im echtem PopUp aufgeht, oder gar nicht wink.gif

das ist jetzt schon so, wozu brauch ich dafür also ein Script das ich noch konfigurieren muss?

ZITAT
Jo, das ist klar, ich glaub aber wenns wirklich an die Anderen Dinge geht dann brauch ich einen Programmierer an meiner Seite. Das geht dann nicht so einfach wie im Dateiman. da muss am Core geschraubt werden.

Ohne Modifikationen am Core wird das meiner Meinung nach sowie so nicht gehen und wird uns nicht erspart bleiben.

ZITAT
Außerdem erwarte ich ja immer noch eine Entscheidung, wie gesagt es macht keinen Sinn das zusätzlich zu den anderen Scripten einzubauen.

die Entscheidung kann es erst dann geben, wenn wir ein Konzept für den Dateimanager fertig haben. Aber davor kommt sicher erst mal der Umbau des Seitenbaum. Bis dahin steht es ja jedem frei deinen Hack einzusetzen.

Geschrieben von: andi Sat. 9. December 2006, 11:29

öhm, habe gerade per mail eine benachrichtigung erhalten über einen neuen beitrag von olaf:

«Thickbox 2 Sefrengo v 1.0.1, jetzt mit Bildbearbeitung»
der beitrag liegt im papierkorb und die datei ist auch nicht angehängt...folgt das nun noch hier in diesem beitrag?

Geschrieben von: Olaf Sat. 9. December 2006, 11:52

Unter Hacks ist der Eintrag vorhanden.
http://forum.sefrengo.org/index.php?showtopic=634

Ach so, irgendwie sponn gestern mein Browser, da war der Eintrag 2x da, nu liegt einer richtigerweise im Schredder.

Geschrieben von: clemens Thu. 20. September 2007, 05:51

Guten morgen,

Thickbox, ein schönes Script. Ich habe mich richtig darin verliebt. Ich Backend funktiniert es einwandfrei. Im Frontend bekomme ich es hin AJAX-Elemente, d.h. PHP-Seiten dargestellt zu bekommen. Im Bildmodul Popup (manuel) - JS optional bekomme ich es aber nicht hin.

Wir gehe ich da vor? Kann mir jemand Hilfestellung leisten?

Viele Grüße

Clemens

Geschrieben von: Olaf Thu. 20. September 2007, 09:06

Tja, da ich das wohl verbrochen habe wäre ich wohl auch dein Ansprechpartner!?

Geschrieben von: clemens Thu. 20. September 2007, 10:59

Wunderbar. Generell ist zu sagen, dass Thickbox funktioniert. Im Wysiwyg-Editor kann ich eine Seite verlinken und den den style thickbox zuweisen. Das wird im Frontend auch richtig wieder gegeben.

Meine Frage nun, wie bekomme ich das bei Bildern hin? Keines der Module bietet mir die Möglichkeit als style die entsprechende Thickbox zuzuweisen.

Wenn Du die Zugangsdaten benötigst, bitte kurz ne PM und ich sende sie Dir zu.

Viele Grüße

Clemens

Geschrieben von: clemens Tue. 25. September 2007, 13:40

Hallo Olaf,

ich möchte nicht vergessen mich für Deine Hilfe herzlich zu bedanken.

Ich bin immer noch dabei mich mit Sefrengo vertraut zu machen und bin auf eine weitere Frage zur Thickbox gestoßen. Im Whysiwyg-Editor habe ich ein Bild eingefügt dies möchte ich nun auch mit Thickbox-Effekt auf ein größeres Bild verlinken. Das bekomme ich nicht hin. Wenn ich eine Klasse Thickbox erstelle und diese zuweise funktioniert das Ganze. Dann ist aber das Bild aus dem Bildmodul Popup manuell nicht mehr sichtbar.

Ist auch hier ein Eingriff in das Modul notwendig? Wenn ja, könntest Du mir bitte sagen, was ich machen muss?

Vielen Dank und viele Grüße

Clemens

PS.: Das CSS ist noch nicht überarbeitet. Das wrede ich dem Programmierer noch mal vorlegen.

Geschrieben von: hkuhrt Tue. 25. September 2007, 14:59

ZITAT(clemens @ Thu. 20. September 2007, 11:59) *
Wunderbar. Generell ist zu sagen, dass Thickbox funktioniert. Im Wysiwyg-Editor kann ich eine Seite verlinken und den den style thickbox zuweisen. Das wird im Frontend auch richtig wieder gegeben.

Meine Frage nun, wie bekomme ich das bei Bildern hin? Keines der Module bietet mir die Möglichkeit als style die entsprechende Thickbox zuzuweisen.

Wenn Du die Zugangsdaten benötigst, bitte kurz ne PM und ich sende sie Dir zu.

Viele Grüße

Clemens


Hallo,
mit ein wenig Handarbeit direkt in HTML ist das ganze kein großes Problem.

Das in den Header:
CODE
<cms:lay type="head"/>
<script type="text/javascript" src="cms/js/prototype.js"></script>
<script type="text/javascript" src="cms/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="cms/js/lightbox.js"></script>
<link rel="stylesheet" href="cms/css/lightbox.css" type="text/css" media="screen" />


Und das nach dem Muster:
CODE
<a href="[pfad zum Bild]" rel="lightbox[xyz]" title="{file}"><img src="[pfad zum Tumb]" border="0" alt="{filedesc}" /></a>


Gruß
Holger

Geschrieben von: clemens Tue. 25. September 2007, 15:23

Hallo hkuhrt,

heißt das, das ich jeden Link manuell bearbeiten muss? Oder ist das in der Templatekonfiguration oder im Modul selbst einzugeben?

Viele Grüße

Clemens

Geschrieben von: clemens Tue. 25. September 2007, 16:08

Hallo hkuhrt,

vielen Dank, das ist wohl ein Mißverständnis. Das mit der Thickbox in dem Modul popup (manuell) JS optional hat Olaf schon für mich realisiert. Das funktioniert.

Im Moment geht es darum die Thickbox auch über Bilder aktiv zu bekommen, welche über den FCK- bzw. in meinem Fall über den TinyMCE geladen werden. Da bin ich am rätseln, wie ich das hinbekomme, ohne in den HTML-Code einzugreifen.

Ich habe jetzt per Hand die Pfadangabe des Bildes so geändert, dass im Quelltext a class="thickbox" href=" hier Pfad zum Bild " usw. eingegeben habe. Hiermit funktioniert es.

Optimal wäre natürlich, wenn ich das optional auswählen kann, nicht jedes Bild soll mit der thickbox im Popup angezeigt werden.

Viele Grüße

Clemens

Geschrieben von: andi Tue. 25. September 2007, 16:23

clemens

vieleicht verstehe ich dich auch falsch:

  1. thumb-bild in wysiwyg einfügen
  2. bild anklicken und auf das link-symbol klicken
  3. normales bild auswählen und class thickbox zuweisen

sollte eigentlich gehen.



gruss andi

Geschrieben von: clemens Tue. 25. September 2007, 16:35

Das geht so weit auch. aber nur wenn ich im CSS eine Klasse namens thickbox angelegt habe. Dann allerdings habe ich ein Problem mit einem Bild im Modul Popup (manuell) JS optional. Hier hat mir Olaf das Modul konfiguriert und wenn im CSS eine Klasse thickbox definiert ist, wird hier das Bild nicht mehr angezeigt.

Die Seite findet Ihr unter www.clemensschnitzler.de/projekt01/. Rechts das Bild kommt aus dem TinyMCE (hier habe ich den Code per Hand geändert) und das linke Bild kommt aus dem Popup-Modul.

Gruss

Clemens

Geschrieben von: Olaf Tue. 25. September 2007, 16:38

Ich les das mal im Kontext zu dem Thread mit dem Wysiwyg-Problem von dir. Das ist doch alles geschinde was du hier machst, ich empfehle dir Contetnt-Flex dafür zu verwenden und dir damit 2-3 Elemente zurechtzubasteln die alle diese Konfigs mit einem Rutsch abarbeiten.

Geschrieben von: andi Tue. 25. September 2007, 16:40

hatte mich auch gerade gefragt, für was das popup-modul. contentflex kann das alles auch mit der thickbox :-)

Geschrieben von: clemens Tue. 25. September 2007, 17:00

Danke! Ich werde das installieren und mir mal anschauen.

Ich werde Euch aber sicher nicht mit meinen Fragen verschonen:-)


Geschrieben von: smail Tue. 25. September 2007, 18:47

ZITAT(clemens)
Im Moment geht es darum die Thickbox auch über Bilder aktiv zu bekommen, welche über den FCK- bzw. in meinem Fall über den TinyMCE geladen werden. Da bin ich am rätseln, wie ich das hinbekomme, ohne in den HTML-Code einzugreifen.


Im Grunde ist die Vorgehensweise von andi richtig:

ZITAT(andi)
  1. thumb-bild in wysiwyg einfügen
  2. bild anklicken und auf das link-symbol klicken
  3. normales bild auswählen und class thickbox zuweisen


Wenn Du Probleme mit dem Styles über den integrierten Editor hast - füg mal folgendes in die Datei projekt01/tinymce/tinymce4sf_content_overwrite.css hinzu:
QUELLTEXT
.thickbox {}


Damit sollte die Klasse in Tiny für die Dropdown-Felder verfügbar sein.

Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)