:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

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

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 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

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

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

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

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 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

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 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

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

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 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

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 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

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

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.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> Allgemein (Support) -> ajax loading position