Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Dialogfenster Bildergalerie "anfassen" ?
Hallo zusammen,
.. ich hab mal folgende Frage. Kann man die Dialogfenster "Bilder hochladen" und "Bild bearbeiten" in der Bildergalerie so gestalten, dass sie "anfassbar", heißt frei positionierbar sind, nachdem sie sich geöffnet haben ? Eventuell durch einen CSS - Eintrag auf den entsprechenden Selektor.
Weiß da jemand Rat ?
Vielen Dank.
Dafür etwas auszutüffelt, habe ich grad keinen Nerv ... einfach noch zu viel zu tun in diesem Jahr. Also, wenn das jetzt niemand aus der Hosentasche zaubert ...
Aber die Idee ist sehr gut. Ich versuche auch immer daran rumzuziehen - z.B., wenn ich mir nicht sicher bin, ob ein Bild schon oben ist oder nicht.
Viele Grüße .BiL.
Friends of Xobor
Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.
... da hier leider bislang keine Antwort kam, habe ich mal bischen getüftelt, damit die Dialogfenster nicht die ganze Mitte verdecken. Anfassbar sind sie zwar nicht, aber etwas dezenter an die Seite gedrängt... :-)
Vielleicht für den einen oder anderen von Interesse, diese CSS - Einträge für`s Business Template:
2
3
4
5
6
7
8
9
10
11
12
/* Einträge Dialogfenster Bilderupload, Bild bearbeiten */
#hpmdialogwrap {width: 300px !important;margin-left: 455px;margin-top: -100px;}
#hpm_pagebody {width: 280px !important;} /* verkleinert und positioniert das Dialogfenster */
.dcontent img {display: none;} /* blendet das Vorschaubild aus */
input.buttond {display: none;} /* blendet den "Abbrechen-button" aus */
input[type="file"] {width: 95%;font-size: 11px;font-family: arial;}
input#fileselect1 {margin-left: 13px;width: 75%;} /* Position und Größe der "Suchbuttons" */
/* Ende Einträge */
Werte müssen natürlich nach persönlichem Empfinden geändert werden. :-)
Ich könnte mir vorstellen, dass wir im neuen Jahr im FoX daran weitertüffeln. Aktuell sind aber alle im "Winterschlaf".
Also wir haben schon manche Dinge in Bewegung versetzt. Warum nicht auch diese Box.
Viele Grüße .BiL.
Friends of Xobor
Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.
Ja, nur bitte nicht ungeduldig werden. Bei uns dauert immer alles sehr lange. (Wir sind fast alle berufstätig ... Und du bist auch herzlich eingeladen, da mitzumachen mit deinen Ideen. Wir können jeden mitdenkenden Kopf gebrauchen ...)
Viele Grüße .BiL.
Friends of Xobor
Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.
Zitat von Firestone007 im Beitrag #1
Kann man die Dialogfenster "Bilder hochladen" und "Bild bearbeiten" in der Bildergalerie so gestalten, dass sie "anfassbar", heißt frei positionierbar sind, nachdem sie sich geöffnet haben ?
Wenn Du die Dialogboxen in der Bildergaleie als Drag&Drop haben willst,dann lade mal dieses Script im Adminmenü in der "Kopfzeile" ein:
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
31
32
33
34
<script>
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;
function movemouse(e){
if (isdrag){
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
return false;
}
}
function selectmouse(e){
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";
while (fobj.tagName != topelement && fobj.id != "hpmdialogwrap"){
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.id=="hpmdialogwrap"){
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left+0,10);
ty = parseInt(dobj.style.top+0,10);
x = nn6 ? e.clientX : event.clientX;
y = nn6 ? e.clientY : event.clientY;
document.onmousemove=movemouse;
return false;
}
}
document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
</script>
Ich hoffe,das Du das auch meinst?
Gruß
Olaf
Hallo @Olaf ,
..vielen Dank für Deine Antwort und Deine Mühe. Leider passiert gar nichts, wenn ich das script in die Kopfzeile übernehme, bis auf die Tatsache, dass ich z.Bsp. die Eingabefelder der Dialogboxen nicht mehr bedienen kann ... :-(
Ich habe alle CSS Einträge, die ich bzgl. des "hpmdialogwrap" getätigt habe entfernt.
#10 RE: Dialogfenster Bildergalerie "anfassen" ?
(
gelöscht
)
#11 RE: Dialogfenster Bildergalerie "anfassen" ?
... im Testforum funktioniert es bei mir auch, zumindest das Drag&Drop , auch mit den Positionierungs- und Größenveränderungen der oben genannten CSS Einträge. Allerdings lassen sich auch dort die Eingabefelder, z.Bsp. Bildtitel + Bildbeschreibung nicht mehr ansprechen, heißt, es sind keine Eingaben mehr möglich... :-(
Nachtrag: ... lässt sich super "ziehen", genau das, was ich gemeint hatte, aber die Eingabefelder sind "tot" :
Das habe ich auch gerade gemerkt,daß das Input und Textaera Feld nicht aktiv ist.
Im Moment weiß ich auch keine Lösung.
Ich fand das Script für diesen Zweck so passend,weil ich dafür nicht in der Template fummeln muß.
Gruß
Olaf
So,Problem gelöst.
Bei den vorherigen Script wurde das ganze Anzeigefenster wie ein Layer für das Drag&Drop für die Maustaste überwacht und hat damit die vorhandenen Eingabefenster (input,textarea) "überdeckt".
Ich habe das folgende Script abgeändert.
Nun wird die Drag&Drop Funktion für die Fenster der ID "hpmdialogwrap" mit einem Doppelklick der Maus auf diese Fenster zum verschieben aktiviert und mit einen Klick der Maustaste wieder deaktiviert.So kommt man nach dem Verschieben wieder an die Eingabefelder.
Auch den Mauszeiger habe ich geändert,damit man sehen kann,wann die Verschiebe Funktion aktiviert bzw. wieder deaktiviert ist.
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
31
32
33
34
35
36
37
38
39
<script>
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;
function movemouse(e){
if (isdrag){
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
return false;
}
}
function selectmouse(e){
document.getElementById('hpmdialogwrap').style.cursor="move";
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";
while (fobj.tagName != topelement && fobj.id != "hpmdialogwrap"){
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.id=="hpmdialogwrap"){
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left);
ty = parseInt(dobj.style.top);
x = nn6 ? e.clientX : event.clientX;
y = nn6 ? e.clientY : event.clientY;
document.onmousemove=movemouse;
return false;
}
}
function stop(){
isdrag=false;
document.getElementById('hpmdialogwrap').style.cursor="auto";
}
document.ondblclick = selectmouse;
document.onclick=stop;
</script>
Gruß
Olaf
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software