Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 12 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok NapísalOffline : 03.02.2009 15:52

Caute,
neviete mi poradit, ako spravit nieco taketo:

na stranke mam napr.:
Kód:
<div id="okno1"></div><div id="okno2"></div>


rad by som, nacital obsah "okno1" a "okno2" z dvoch rozdielnych PHP suborov. kym sa mi nacitaju tie PHP rad by som v tych divoch zobrazil napr.: loading.gif

skusal som pozerat napr. aj jQuery, no kedze som s AJAXom a JavaScriptom uplny zaciatocnik, tak mi to akosi nepomohlo.

DIK.







_________________
Mac Book Pro 15.4", CPU: Intel Core 2 Duo 2.8 GHz, RAM: 4GB DDR3, HDD: 500 GB, VGA: 512MB GDDR3, OS: Mac OS X Lion; Mobil: HTC ONE S
Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.05.07
Prihlásený: 01.08.17
Príspevky: 837
Témy: 6
Príspevok NapísalOffline : 03.02.2009 16:00

musis si najprv vytvorit ten ajaxovy objekt xmlhttp tak nejak to je a potom si vytvorit poziadavku teda funkciu pomocou objektovej metody get ktora bude cerpat obsah tych tvojich stranok pomocou textresponse...atakdalej...a s tym obrazkom je to tak ze ked zacnes odchytavat obsah tak zmenis pozadie toho divu na ten gif obraz


Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 03.02.2009 16:20

ocenujem tvoju snahu. dal si mi aky-taky teoreticky zaklad, no nedalo by sa trochu konkretnejsie? :D







_________________
Mac Book Pro 15.4", CPU: Intel Core 2 Duo 2.8 GHz, RAM: 4GB DDR3, HDD: 500 GB, VGA: 512MB GDDR3, OS: Mac OS X Lion; Mobil: HTC ONE S
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96
Príspevok NapísalOffline : 04.02.2009 9:16

Do divov načitavaš obsah (z dvoch iných PHP) ajaxovo??

V tomto prípade totiž vôbec nejde o ajax :)

Pokiaľ načítavaš ajaxovo:
Na začiatok požiadavku (teda na začiatok funkcie) pridáš riadok:
document.getElementById('loader').style.display="block";

a na koniec, kde už získaš odpoveď a vložíš do HTML:
document.getElementById('loader').style.display="none";

------------------
Treba ti pridať DIV do HTML kde budeš mať svoj obrázok


Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.01.08
Prihlásený: 27.03.13
Príspevky: 641
Témy: 144
Bydlisko: Žilina
Príspevok Napísal autor témyOffline : 04.02.2009 13:07

je mozne, ze to nie je AJAX :) vravim, ja + Ajax + JavaScript = :(

moze to byt riesene aj inak (ako? to netusim...)

uz som to sice napisal ale ide o nieco taketo:

1.) na stranke mam 2x DIV
2.) do tychto DIVov potrebujem nacitat PHP (do kazdeho iny)
3.) kym mi tie PHP nacita, rad by som v tych DIVoch zobrazil napr. loading.gif (v kazdom este nenacitanom)
4.) po nacitani PHP, zmizne loading.gif a zobrazi sa obsah nacitaneho DIVu


DIK.







_________________
Mac Book Pro 15.4", CPU: Intel Core 2 Duo 2.8 GHz, RAM: 4GB DDR3, HDD: 500 GB, VGA: 512MB GDDR3, OS: Mac OS X Lion; Mobil: HTC ONE S
Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.05.07
Prihlásený: 01.08.17
Príspevky: 837
Témy: 6
Príspevok NapísalOffline : 04.02.2009 13:13

Tominator píše:
Do divov načitavaš obsah (z dvoch iných PHP) ajaxovo??
V tomto prípade totiž vôbec nejde o ajax :)
akotoze nejde o ajax? a to uz ako vies ze nejde o ajax sak ked mas Asynchronous-javascript-and-xml pricom to xml ma nejaku formu a tvori sa napr cez php tak mas ajax ci?ci?







_________________
getch();?{readkey;?} na konci? !A naco! Riesenie je (Alt+F5)
99% pochopí a shaggy je druhá kategória
Offline

Čestný člen
Čestný člen
AJAX: "DIV loading"

Registrovaný: 09.05.05
Prihlásený: 07.12.16
Príspevky: 1294
Témy: 69
Bydlisko: - - -
Príspevok NapísalOffline : 04.02.2009 21:09

max-m píše:
uz som to sice napisal ale ide o nieco taketo:

1.) na stranke mam 2x DIV
2.) do tychto DIVov potrebujem nacitat PHP (do kazdeho iny)
3.) kym mi tie PHP nacita, rad by som v tych DIVoch zobrazil napr. loading.gif (v kazdom este nenacitanom)
4.) po nacitani PHP, zmizne loading.gif a zobrazi sa obsah nacitaneho DIVu


DIK.


Ahoj,

jQuery ->
Kód:
$ (document).ready (function () {
   // do src das cestu k loading.gif
   var loading = $ ("<img src='loading.gif' alt=''>");
   $ ("#okno1", "#okno2").html (loading);
   nacitat ("cesta_k_prvemu_suboru.php", "okno1");
   nacitat ("cesta_k_druhemu_suboru.php", "okno2");
});

/*
// a = url k php suboru,
// b = id-cko do ktoreho sa nacita ziskany vystup
*/
var nacitat = function (a, b) {
   $.ajax({
      url: a,
      cache: false,
      success: function (d) {
         $ ("#" + b).html (d);
      }
   });
}


V pripade ze ti to nepojde, tak som prosim ta uved chybu z error consoli (firefox ctrl, shift, j; alebo z firebugu)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96
Príspevok NapísalOffline : 05.02.2009 9:00

juho píše:
akotoze nejde o ajax? a to uz ako vies ze nejde o ajax sak ked mas Asynchronous-javascript-and-xml pricom to xml ma nejaku formu a tvori sa napr cez php tak mas ajax ci?ci?

no nejde, lebo predsa ajaxom nezistíš koľko si z PHP súboru načítal.

Myslím že som povedal dosť jednoduché a jasné riešenie :)


Offline

Čestný člen
Čestný člen
AJAX: "DIV loading"

Registrovaný: 09.05.05
Prihlásený: 07.12.16
Príspevky: 1294
Témy: 69
Bydlisko: - - -
Príspevok NapísalOffline : 06.02.2009 7:56

Tominator, bez urazky, ale myslim ze nemas ani tusenie o com rozpravas.
Tvoje "jednoduche a jasne riesenie" mu myslim vobec nepomohlo.
Tvoje objasnenie 'co je to ajax' je absolutne zcestne a nema s ajaxom nic spolocne a dane 2 riadky v jeho konkretnom pripade ani nemaju vyuzitie.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96
Príspevok NapísalOffline : 06.02.2009 10:42

johny128 píše:
Tominator, bez urazky, ale myslim ze nemas ani tusenie o com rozpravas.
Tvoje "jednoduche a jasne riesenie" mu myslim vobec nepomohlo.
Tvoje objasnenie 'co je to ajax' je absolutne zcestne a nema s ajaxom nic spolocne a dane 2 riadky v jeho konkretnom pripade ani nemaju vyuzitie.


nie ja práve tomu rozumiem ...

On načítava (pravdepodobne ajaxom) divov obsah. A všetko čo treba je dať na začiatok (pred volaním html request) zobrazovač divka s loadingom a na konci ho skryť to je vše ... do toho loadingu ajax netreba a tie dva riadky to presne vystihujú ... ak tomu stále nerozumieš tak si to čítaj dookola ...


Offline

Čestný člen
Čestný člen
AJAX: "DIV loading"

Registrovaný: 09.05.05
Prihlásený: 07.12.16
Príspevky: 1294
Témy: 69
Bydlisko: - - -
Príspevok NapísalOffline : 07.02.2009 7:38

To je zaujimave, clovek po roku napise 1 prispevok a hned si spomenie preco na toto forum prestal chodit :)

Ale dobre, venujem posledne minuty skor ako sa zase na rok vytratim v domneni ze tu stupne IQ aspon o 2-3 bodiky (yes, offence ;) ).

On nenacitava nic. Nema nic. Nerozumie tomu. Chce od nas funkciu ktora to cele spravi, to jest zobrazi loader do tych 2 diviek (nie 1 loader, ale 2 v kazdom divku, precitaj si znova co chce) a nasledne sa cez ajax nacita obsah z php-cka. Toto chce od nas. Ty mu namiesto toho ukazujes ako skryvat a zobrazovat nieco na stranke, co je tak stvrtina toho co on chce a tvaris sa ako uzasne si to napisal a tvrdis ze to co chce nie je Ajax.

Uz chaaapes kto si tu musi nieco viackrat citat ? Anoo ?


Offline

Užívateľ
Užívateľ
AJAX: "DIV loading"

Registrovaný: 16.05.07
Prihlásený: 01.08.17
Príspevky: 837
Témy: 6
Príspevok NapísalOffline : 07.02.2009 9:18

ah nehadajte sa tu namiesto toho aby ste mu pomohli.
moc informacii si nedal jak by si to robil otom neje ale tak moze to vyzerat takto nejak
Kód:
<script language="javascript" type="text/javascript">
function getHTTPObject(){
if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) return new XMLHttpRequest();
else {
alert("Your browser does not support AJAX.");return null;}
}

function doWork(divko){
httpObject = getHTTPObject();
if (httpObject != null) {
httpObject.open("GET",divko+".php", true);
httpObject.send(null);
httpObject.onreadystatechange =function(){ if(httpObject.readyState == 4){
document.getElementById(divko).innerHTML = httpObject.responseText;
};}
}
}
var httpObject = null;
</script>
<div id="okno1" onclick="doWork('okno1')">nacitaj1</div><div id="okno2" onclick="doWork('okno2')" >nacitaj2</div>

vytvor si dva subory okno1.php a okno2.php a daj tam ten obsah co chces mat v tych divoch.


Odpovedať na tému [ Príspevkov: 12 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. načo slúžia tagy <div id="all"> a <div

v HTML, XHTML, XML, CSS

3

1003

06.10.2008 17:50

neutronmind Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Klavecnica - pokazené tlačítka "*" "Fn" "S" "L CTRL"

v Externé zariadenia

9

2853

04.12.2009 12:28

vigoss99 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako "vyzdvihnúť" jeden div nad druhý

v HTML, XHTML, XML, CSS

2

505

13.05.2017 15:53

GamerSK Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ajax: select z db "on fly"

v PHP, ASP

4

512

15.01.2009 20:40

Flety Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. skryt div okrem kliknutia na input s class="nieco"

v JavaScript, VBScript, Ajax

9

554

01.11.2010 19:40

Flety Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Odpoved "Forbidden" Ajax

v JavaScript, VBScript, Ajax

6

424

06.05.2012 9:38

Johnnny Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. "prenasledujuci" DIV

v JavaScript, VBScript, Ajax

1

521

27.10.2009 9:58

SBuster Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Problém - presunutie volneho miesta z "D" na "C"

v Pevné disky a radiče

1

1188

08.03.2012 13:29

majky358 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PS4 "Ghosting" alebo "Motion Blur" na TV

v Herné konzoly

14

1302

10.08.2017 20:17

V1x Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Stream SW... "MANYCAM" a problémové "MP4FileLibU.dll"

v Video programy

1

690

02.05.2017 20:15

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. router "nejak" blokuje "login" na net

v Siete

5

1377

10.11.2011 9:47

martello5 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. redukcia "DVI-I duallink" na "VGA"

v Monitory, televízory a projektory

8

1613

27.11.2007 15:30

zajjac Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. <meta name="KEYWORDS" content=" ">

v HTML, XHTML, XML, CSS

1

976

24.04.2009 14:49

lio Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. AJAX a div

v PHP, ASP

7

532

22.07.2007 15:07

bruno.b Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. "PS Vita" alebo "Nintendo 3DS"

v Herné konzoly

5

815

21.12.2014 12:17

El_Scorpio Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. iPhone 3 "E" a "krúžok"

v Smartfóny a tablety

6

1081

18.09.2011 22:17

Dzin Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra