Darstellungsfehler beim Verschieben und Ändern in der Bildgalerie (in allen Browsern)
#1 Darstellungsfehler beim Verschieben und Ändern in der Bildgalerie (in allen Browsern)
Bildergalerie im Business-Template:
Darstellungsfehler beim Verschieben und Ändern in der Bildgalerie (in allen Browsern und im unverändertem Test-Template)
Fehler 1: Fehlender Umbruch beim Verschieben der Bilder (Bild 1)
Fehler 2: Verrutschen des Textes in den Bilderordner beim Drag and Drop (Bild 2+3)
********
Hinzu kommt noch eine sehr unterschiedliches Format der einzelnen Buttons (Bild3).
Zusätzlich währe ein Abbruch-Button beim "Drag and Drop" (Bild 2+3) genauso sinnvoll, wie er auch schon beim Verschieben (Bild 1) umgesetzt wurde.
Bild 1 (beim Verschieben):
Bild 2 (vor dem Drag and Drop):
Bild 3 (nach dem Drag and Drop):
*******************************************************************************
*******************************************************************************
Mögliche Lösung (Business-Template):
Nach der Anpassung sieht es wie folgt aus (mit Button zum Abbrechen).
Bild 4 (Verschieben der Bilder):
Bild 5 (Vor dem Drag and Drop):
Bild 6 (Nach dem Drag and Drop):
Änderungen im Script:
Unter "Admin > Template Entwicklung > [edit] > Bildergalerie Home" folgende Zeilen austauschen.
Die eigentlichen Änderungen sind orange gekennzeichnet:
<b>In welches Fotoalbum wollen Sie die Bilder verschieben? </b>
1. Zeilen neu einfügen:
<div class="clear"></div>
<div id='moveCounter' style="margin-left:20px">Klicken Sie auf die Bilder, welche Sie in ein anderes Album verschieben möchten.<br/><br/>
In welches Fotoalbum wollen Sie die Bilder verschieben?
*
*
*
2. Zeilen löschen:
{{showbox==true.end}}
{{pics==true.start}}
<div class="box">
<div class="boxheader"><strong>Bilder - {{html_title}}</strong></div>
<div class="boxcontent">
<div class="spacer10">
{{drag_now==true.start}}
<div id="drag_drop_loader" style="display:none;text-align:left;margin:20px">Bitte warten - Bilder werden sortiert <img src="{{global_loader}}"></div>
<div id="drag_drop_text">
<div id="hinweis" style="display:none;text-align:left;margin:20px"></div>
<div id="SaveOrder" style="display:none;text-align:left"><input type="button" value="Änderungen speichern" id="ChangeButton" class="button1" style="margin: 20px 0px 20px 0px;"></div>
<div id="result" style="display:none;"></div>
</div>
{{drag_now==true.end}}
2. Zeilen neu einfügen:
<br/><br/><br/></div>
<div class="clear"></div>
{{showbox==true.end}}
{{drag_now==true.start}}
<div class="clear"></div>
<div id="drag_drop_loader" style="display:none;text-align:left;margin:20px">Bitte warten - Bilder werden sortiert <img src="{{global_loader}}"></div>
<div id="drag_drop_text" style="padding-left:20px;">
<div id="hinweis" style="display:none;text-align:left;margin:20px"></div>
<span id="SaveOrder" style="display:none;text-align:left"><input class="button" type="button" value="Änderungen speichern" id="ChangeButton" />
</span>
<Input class="button" type="button" value="Drag and Drop abbrechen" onClick="window.location.href='{{nav:cat_link}}'; return false;" />
<br/><br/><br/>
<div id="result" style="display:none;"></div>
</div>
{{drag_now==true.end}}
{{pics==true.start}}
<div class="box">
<div class="boxheader"><strong>Bilder - {{html_title}}</strong></div>
<div class="boxcontent">
<div class="spacer10">
Bis dann
Wolfgang
#2 RE: Darstellungsfehler beim Verschieben und Ändern in der Bildgalerie (in allen Browsern)
Sorry,
hat sich ein Fehler im Script eingeschlichen. 
***************
Hier nochmal das abgeänderte Script:
Unter "Admin > Template Entwicklung > [edit] > Bildergalerie Home" folgende Zeilen austauschen.
1. Zeilen löschen:
<b>In welches Fotoalbum wollen Sie die Bilder verschieben? </b>
1. Zeilen neu einfügen:
<div class="clear"></div>
<span id='moveCounter' style="margin-left:20px">Klicken Sie auf die Bilder, welche Sie in ein anderes Album verschieben möchten.<br/><br/></span>
In welches Fotoalbum wollen Sie die Bilder verschieben?
*
*
*
2. Zeilen löschen:
{{showbox==true.end}}
{{pics==true.start}}
<div class="box">
<div class="boxheader"><strong>Bilder - {{html_title}}</strong></div>
<div class="boxcontent">
<div class="spacer10">
{{drag_now==true.start}}
<div id="drag_drop_loader" style="display:none;text-align:left;margin:20px">Bitte warten - Bilder werden sortiert <img src="{{global_loader}}"></div>
<div id="drag_drop_text">
<div id="hinweis" style="display:none;text-align:left;margin:20px"></div>
<div id="SaveOrder" style="display:none;text-align:left"><input type="button" value="Änderungen speichern" id="ChangeButton" class="button1" style="margin: 20px 0px 20px 0px;"></div>
<div id="result" style="display:none;"></div>
</div>
{{drag_now==true.end}}
2. Zeilen neu einfügen:
<br/><br/>
<div class="clear"></div>
{{showbox==true.end}}
{{drag_now==true.start}}
<div class="clear"></div>
<div id="drag_drop_loader" style="display:none;text-align:left;margin:20px">Bitte warten - Bilder werden sortiert <img src="{{global_loader}}"></div>
<div id="drag_drop_text" style="padding-left:20px;">
<div id="hinweis" style="display:none;text-align:left;margin:20px"></div>
<span id="SaveOrder" style="display:none;text-align:left"><input class="button" type="button" value="Änderungen speichern" id="ChangeButton" />
</span>
<Input class="button" type="button" value="Drag and Drop abbrechen" onClick="window.location.href='{{nav:cat_link}}'; return false;" />
<br/><br/><br/>
<div id="result" style="display:none;"></div>
</div>
{{drag_now==true.end}}
{{pics==true.start}}
<div class="box">
<div class="boxheader"><strong>Bilder - {{html_title}}</strong></div>
<div class="boxcontent">
<div class="spacer10">
Jetzt anmelden!
Jetzt registrieren!