[ Príspevkov: 6 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

Ahojte :)

Mám na stránke iframe.
Kód:
Kód:
<iframe id="myIframe" src="http://faucet.jokertimes.co/?r=1REF6uStpJfQchggfcWQCPjSfaXv6V3d6" style="border: 0; width: 100%; height: 100%;"></iframe>


No ale mám problém že sa nezobrazí cez celú obrazovku vyzerá takto: http://moneyearn.eu a chcem aby to vyzeralo ako to je tu: http://btc.re/faucetrotator.php

Vedeli by ste mi povedať kde mám chybu a ako to opraviť ? Poprípade nejaký návod ? Ďakujem :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0

Niektoré činnosti v sú javascripte asynchrónne (to znamená, môžu sa dokončiť kedykoľvek) a načítavanie nejakého dokumentu medzi asynchrónne činnosti patrí. Problém je, že ten skript zmení adresu pre iframe a okamžite sa pokúša zisťovať veľkosť. Načítanie ale nejaký čas trvá, takže správne údaje sú dostupné až o nejaký čas.

Najjednoduchšie riešenie je presunúť ten kód, na zmenu veľkosti, do vlastnej funkcie a volať ho pomocou atribútu onload toho iframe objektu.


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 08.07.2015 23:45 | JavaScript - Iframe sa nezobrazí cez celú obrazovku

Fuuu to si toho vykotil veľa :D :) Mohol by si uviesť nejaký príklad ako na to alebo to hodiť na jsfiddle alebo ako to je ? :)

// Spojený príspevok Štv 09.07.15 2:11

Tak už viem kde je chyba. Chyba je v tom že HTML5 nepodporuje určovanie výšky v % iba v pixeloch ale zas keď to spravím cez staršie html tak to je ešte horšie. Nejaké nápady ako to spraviť cez HTML5 ale aby sa to zobrazovalo ako na http://btc.re/faucetrotator.php ale zase to nechcem určovať v pixeloch.

// Spojený príspevok Štv 09.07.15 2:54

Podarilo sa :) Zapol som google a už to bolo :D :) Toto som pridal:

Kód:

html, body, iframe {
  margin:0; /* remove any margins of the IFrame and the body tag */
  padding:0;
  height:100%; /* set height 100% so that it fills the entire view port*/
}
iframe {
  display:block; /* force the iframe to display as block */   
  height:100%; /* assign 100% height */
  width: 100%;
  border:none;
}



A funguje to :)


Offline

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

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9

pozor toto nie je pravda "Tak už viem kde je chyba. Chyba je v tom že HTML5 nepodporuje určovanie výšky v % iba v pixeloch". podporuje normalne, ale bere to 100% z vysky rodica a kedze rodic (predtym ako si to opravil) nemal vysku a 100% z 0px je 0px tak ani tvoj iframe ;)


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Napísal autor témyOffline : 09.07.2015 12:21 | JavaScript - Iframe sa nezobrazí cez celú obrazovku

Tak prečo totu píšu ? http://www.w3schools.com/tags/att_iframe_height.asp

// Spojený príspevok Štv 09.07.15 13:24

Tak prerobil som to úplne ale na spodku stránky mam ako keby výsek niekolko pixelov nedá sa to spraviť že na spodku bude iba ten iframe a žiadny výsek tam nebude ?


Offline

Užívateľ
Užívateľ
JavaScript - Iframe sa nezobrazí cez celú obrazovku

Registrovaný: 28.02.11
Prihlásený: 20.11.24
Príspevky: 197
Témy: 6 | 6
Bydlisko: Bratislava

jaknapceu píše:
Tak prečo totu píšu ?

Pretože w3schools nie je zrovna dôveryhodný zdroj infomácií. (ten web nemá nič spoločné s W3 konzorciom)


_________________
Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti.
 [ Príspevkov: 6 ] 


JavaScript - Iframe sa nezobrazí cez celú obrazovku



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Synchronny load/unload iframe-ov cez Javascript

v JavaScript, VBScript, Ajax

1

419

02.01.2013 22:54

Ďuri

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

online videa "cez celu obrazovku"

v Video programy

0

794

14.04.2008 19:59

juraj26

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

Zobrazenie na celú obrazovku

v HTML, XHTML, XML, CSS

10

688

07.09.2022 18:15

webko

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

Film na celu obrazovku

v Video programy

6

2010

16.12.2012 19:53

Doudo

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

nejde na celú obrazovku

v Monitory, televízory a projektory

0

1088

11.01.2011 20:15

turian

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

Hra na celu obrazovku

v nVidia grafické karty

16

4106

02.01.2011 0:53

walther

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

Fifa 2018 na celu obrazovku

v Počítačové hry

2

479

13.09.2018 5:33

Wikimonik

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

nezobrazuje hru na celu obrazovku

v Počítačové hry

10

5959

10.09.2011 15:35

Spartan.Ex

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

TeamViewer zobrazenie na celu obrazovku

v Sieťové a internetové programy

2

262

14.11.2023 23:17

eMKejx

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

Youtube apd-video na celu obrazovku

v Ostatné

3

1057

25.12.2008 12:22

Skyro

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

Ako roztiahnuť div na celú obrazovku

v HTML, XHTML, XML, CSS

5

981

30.05.2017 13:29

killer

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

Hry mi nejdu na celu obrazovku

v Počítačové hry

13

6129

31.12.2013 2:22

14basta144

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

film HD nejde roztiahnut na celu obrazovku

v Video programy

0

757

20.04.2014 19:36

conrad1

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Nejde mi cs 1.6 na celú obrazovku

v Počítačové hry

0

491

08.01.2015 12:04

Ema

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

ako roztiahnut na celu obrazovku pri HDMI prepojeni ?

v Monitory, televízory a projektory

11

10272

19.03.2010 13:30

VanJ

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

Vytvorenie iframe pomocou javascript

v JavaScript, VBScript, Ajax

3

518

17.03.2012 19:38

newboy1



© 2005 - 2024 PCforum, edited by JanoF