Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 36
Seite [1] 2 >
Enigmatic


Rock the board





Beiträge: 96
 # Thema - 09.01.2011 um 14:09 Uhr
Hallo,

Hab mal ne Frage zu Ajax, es geht darum.. wie kann man die Position des Loading.gif bearbeiten? Momentan befindet es sich ja in der Oberen Rechten Ecke.

1. Wenn man es jetzt z.B. in der Mitte der Page haben möchte? was muss man wo ändern?

2. Das wenn die Seite lädt und das loading.gif in der Mitte auftaucht dann die Seite sich abdunkelt wie beim lightbox effekt wenn man bilder öffnet.

3. Das nicht nur das Loading.gif erscheint , sonder eine Kleine Box inder dann ein Text erscheint , wenn z.B. die Seite News geöffnet wird dann taucht der Text auf "Die Seite News lädt..." und darunter kommt dann das loading.gif. Und das alles in einer kleinen aber hübschen Box. Natürlich Punkt 1. und 2. mit inbegriffen.

Zur veranschaulichung mal die Seite www.clandesigns.de

Dort könnt ihr beim Seitenwechsel sehen was ich genau meine.

Danke schonmal
Inaktiv
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 1 - 09.01.2011 um 14:31 Uhr
zu 1.
#ajax_loading {
position:absolute;
top:50%;
right:50%;
}


------------------
I like the part where it says 'nyan'



Zuletzt editiert von palle ClanSphere Team am 09.01.2011 um 14:32 Uhr (1x Editiert)
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 2 - 09.01.2011 um 15:46 Uhr
Super danke
Das klappt schon mal!

Nun muss ich nur noch Punkt 2. und 3. hinbekommen


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 3 - 09.01.2011 um 15:57 Uhr
Nun muss ich nur noch Punkt 2. und 3. hinbekommen

wieso du? wozu bezahlst du einen programmierer?


------------------
I like the part where it says 'nyan'



Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 4 - 09.01.2011 um 16:03 Uhr
Ein zweck von Ajax ist auch, dass Die Bedienung der Seite nicht blockiert wird, während etwas läd. Dem wirkst du mit 2. und 3. ja wieder entgegen


------------------
www.laszlokorte.de

Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 5 - 09.01.2011 um 16:09 Uhr
Das hat grad nix mit dem anderen zu tun was ich bezahlt habe

Das nur ne kleine Änderung für mich.

Wieso seite Blockieren? Ich möcht doch nur das der Seitenbenutzer Sieht das was auf der Seite passiert und die Seite lädt.. wenn man nicht in den Teil der Seite wollte dann hätte man doch nicht den link geklickt oder? Also wozu bräuchte man dann noch Bedienungs Freiheit?

Wäre trotzdem dankbar wenn noch jemand ein Lösungsweg für punkt 2. und punkt 3 parrat hätte


Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 6 - 09.01.2011 um 16:18 Uhr
Wie wärs, wenn Du Dir ein eigenes loading.gif erstellen würdest, mit photoshop, gimp u.ä. Nimmst eben nen halbtransparenten Hintergrund, schreibst etwas Text drauf u.s.w.


------------------
--- CLANSPHERE ---
Professional clan care starts here
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 7 - 09.01.2011 um 16:29 Uhr
Wäre auch ein Lösungs weg zu Punkt 3. Danke schonmal dafür.. das ich nicht selber drauf gekommen bin

nun fehlt mir nur noch Punkt 2. das alles was sich hinter dem Loading.gif befindet dunkler wird so das das laden an sich ins Auge springt


Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 8 - 09.01.2011 um 16:32 Uhr
wie wär's damit:
 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 #ajax_loading {
position:absolute;
top:50%;
right:50%;
background-image: url('halbtransparentes-gif-1x1pixel') repeat;
} 


Ist natürlich ungetestet.


------------------
--- CLANSPHERE ---
Professional clan care starts here


Zuletzt editiert von SlayR ClanSphere Team am 09.01.2011 um 16:32 Uhr (1x Editiert)
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 9 - 09.01.2011 um 16:50 Uhr
Danke für deine Hilfe .. Aber das funktioniert leider nicht..
Hab nen Punkt 1x1 Pixel Transparent als Gif erstellt und auch den pfad genau angegeben wie in deinem Beispiel nur bei mir noch img/ davor... aber kommt nur das loading.gif
Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 10 - 09.01.2011 um 17:19 Uhr
halbtransparentes-gif-1x1pixel
war doch nur ein Beispiel! Du müsstest Idealerweise einen absoluten Pfad angeben (http://Deine-Seite.de/templates/img/transp.gif). Ich werd's aber nochmal auf meiner Testpage probieren...

Edit:
vergiss es, das loading.gif ist bereits das Hintergrund-bild. Du müsstest also ein neues animiertes Gif erstellen, das einfach mal riesig groß ist.


------------------
--- CLANSPHERE ---
Professional clan care starts here


Zuletzt editiert von SlayR ClanSphere Team am 09.01.2011 um 17:27 Uhr (1x Editiert)
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 11 - 09.01.2011 um 17:34 Uhr
Oha das bekomme ich nicht hin...
Muss ja evtl. auch per css möglich sein .. oder direkt im Ajax code... hmpf...


Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 12 - 09.01.2011 um 17:48 Uhr
Im Ajax-Code kriege ich ein div eingebunden, aber er zeigt dann kein loading.giv innerhalb des div's an. schwierig!


------------------
--- CLANSPHERE ---
Professional clan care starts here
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 13 - 09.01.2011 um 17:54 Uhr
Aber muss ja irgendeine Möglichkeit geben..


Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
 # Antwort: 14 - 09.01.2011 um 21:59 Uhr
Im Ajax-Code kriege ich ein div eingebunden, aber er zeigt dann kein loading.giv innerhalb des div's an. schwierig

#ajax_loading {
position:absolute;
top:50%;
right:50%;
}

Das ist dann schon klar...! Die Attribute muss natürlich der div haben


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Zuletzt editiert von Jam2 ClanSphere Team am 09.01.2011 um 21:59 Uhr (3x Editiert)
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 15 - 09.01.2011 um 22:03 Uhr
hää?
jetz versteh ich garnix mehr
wo welcher div? in der js datei von ajax oder wo?


Inaktiv
|
SlayR ClanSphere Team


Geekboy




Herkunft: Calbe (Saale)
Beiträge: 1133
 # Antwort: 16 - 09.01.2011 um 22:07 Uhr
Na klar hat das Div bei mir diese Attribute, sogar noch ein paar mehr:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
1. / 2. / ... 
 #ajax_loading {
  position:absolute;
  top:50%;
  right:50%;
  background-image: url('http://testsphere.ths-germany.de/templates/clansphere/test.png');
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}


jedoch wenn ich in der ajax.js den Eintrag so ändere:
 
1.
1. / 2. / ... 
 loadingImage: $('<div id="ajax_loading"><img id="ajax_loading" alt="Loading..." /></div>'),

zeigt er mir nur den definierten hintergrund an, ohne die loading.gif.
Auch wenn ich da ganze mal so abändere:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
1. / 2. / ... 
 #ajax_loading {
  position:absolute;
  top:50%;
  right:50%;
}
#ajax_loading_bg {
  background-image: url('http://testsphere.ths-germany.de/templates/clansphere/test.png');
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
}


 
1.
1. / 2. / ... 
 loadingImage: $('<div id="ajax_loading_bg"><img id="ajax_loading" alt="Loading..." /></div>'),


führt das nicht zum Erfolg, es wird dann nur der Alternativtext "loading..." angezeigt. Natürlich bringt auch das entfernen der größenangaben des Div nichts.


------------------
--- CLANSPHERE ---
Professional clan care starts here


Zuletzt editiert von SlayR ClanSphere Team am 09.01.2011 um 22:09 Uhr (1x Editiert)
Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 17 - 09.01.2011 um 23:22 Uhr
ja irgendwie bringt der div nix weiter....
egal wie man es dort einfügt ... muss man also woanders ne anlaufstelle nehmen..
wo sind den hier unsere CSP spezialisten ?


Inaktiv
|
palle ClanSphere Team

Supporter
Supporter




Beiträge: 3073
 # Antwort: 18 - 10.01.2011 um 06:35 Uhr
SCHIRI hat doch schon etwas dazu geschrieben.


------------------
I like the part where it says 'nyan'



Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
 # Antwort: 19 - 10.01.2011 um 10:44 Uhr
@slayer: dass bei dir dann das bild fehlt, liegt daran, dass das src="" Atribut fehlt. eigentlich wird das automatisch nachträglich von Javascript eingefügt, allerdings klappt das nicht mehr, wenn du einen div um das image setzt. Also müsstest du den Bildpfad in diesem Fall selbst direkt da rein schreiben.


------------------
www.laszlokorte.de

Inaktiv
|
Enigmatic
Thread-Ersteller


Rock the board





Beiträge: 96
 # Antwort: 20 - 08.02.2011 um 21:31 Uhr
Nochmal nachfrag:

Hätte denn jemand jetz evtl eine fertige Lösung? die auch Funktioniert?
Evtl. ne kurze Anleitung? Punkt 1. - Punkt 2. - Punkt 3. usw. wo man was wie ändern müsste?


Inaktiv
|
Antworten: 36
Seite [1] 2 >


Sie müssen sich registrieren, um zu antworten.