Opera zobrazi stranku OK, IE aj FF ju roztiahne na dlzku !!!

jcdenton12 · Příspěvek od **jcdenton12** » úte 20. kvě 2008, 11:30

zdar
pracujem na webe ako projekt do skoly
http://laboratorium.ic.cz/HTML/index.html

aby som nepouzival Frame na strankach tak som pouzil AJAX script, kotry mi tu niekto na webe poradil (asi rok dozadu)
som s tym spokojny, web bude zachvilku hotovy (formatovanie textu a doplnenie obrazkov)

avsak mam trosku problem s "Dotaznikom"
ten dotaznik nema fungovat ze bude nieco zapisovat do DB alebo tak, ale ma tam fungovat tlacitko Reset
http://laboratorium.ic.cz/HTML/dotaznik.html
takto funguje skoro obstojne az na dane problemy, ale ked nan kliknem z indexu tak nefaka

v Opere nefunguje
V exploreri funguje, ale na otazku Aký je váš postoj ku tejto katastrofe? sa nheda odpovedat, proste ked zakliknem moznost tak sa neurobi koliesko

vo FF taktiez reset tlacitko nefunguje

druhy problem je ze vsetky browseri okrem Opery mi to bocne menu roztiahnu na sirku stranky aj ked je pevne nadefinovana vyska stlpca

za kazdy help dakujem velmi pekne
aj kritiku webu uvitam

//edit
ten formular ked ho otvorim normalne a ne ako ked ho nacitam do indexu funguje normalne, asi nieco blokuje ten Ajax
dik

bubanek · Příspěvek od **bubanek** » úte 20. kvě 2008, 13:24

tak jelikož ten formulář nemáš uzavřený ve <form> tak ten reset neví, co má mazat...

fígl s ajaxem je dobrá sranda, nicméně doporučuji pamatovat i na lidi, kteří by nemuseli mít javascript aktivní (já vím že to je 0.00000001% lidí, ale je to slušnost), takže do <noscript> napsat něco o tom, ať si JS zapnout
nebo
to udělat přes jednoduchý PHP skript a na JS se můžeš vyprdnout

menu se mi zobrazovalo v pohodě (FF)

ps: nepsal bych chernobyl ale po česku Černobyl
na tom druhém dotazníku máš špatně nastavené kódování, tak si to pouprav, vidím bláboly

a u těch radio musíš mít stejný name="" jinak se ti budou dát označit všechny

jcdenton12 · Příspěvek od **jcdenton12** » úte 20. kvě 2008, 13:57

ad 1

<html>
<head><link rel="stylesheet" href="css.css">
<title>Dotaznik</title>
<META charset=windows-1250">
</head>
<body>
<table border="1" width="100%">
<tr>
<td colspan=2><div class="hlavny_nadpis">Dotazník</div>
</td>
</tr>
<tr>
<td colspan=2> </td>
</tr>
<tr>
<td width=11%>Meno:</td>
<td><form><input type="text" size="10" name="meno"></td>
</tr>
<tr>
<td width=11%>Priezvisko:</td>
<td><input type="text" size="10" name="priezvisko"></td>
</tr><tr>
<td width=11%>Vek</td>
<td><input type="text" size="10" name="vek"></td>
</tr>
<tr>
<td colspan=2> </td>
</tr>
<tr>
<td colspan=2><table border=1 width=100%><tr>
<td>Aký je váš postoj ku tejto katastrofe?</td>
</tr>
<tr>
<td><input type="radio" value="postoj">nikdy som sa o to nezaujímal/a</td>
</tr>
<tr>

<td><input type="radio" value="postoj">niečo som o tom počul/a, ale z vlastnej iniciatívy som to hlbšie neskúmal/a</td>
</tr>
<tr>

<td><input type="radio" value="postoj">počul som o tom a keď mám niekedy čas, tak si o tom niečo prečítam</td>
</tr>
<tr>

<td><input type="radio" value="postoj">som fanatik a študujem/zbieram všetko, čo s tým súvisí</td>
</tr>
<tr>
<td colspan=2> </td>
<tr>
</table></td>
</tr>
<tr>
<td colspan=2><table width=100% border=1>
<tr>
<td width=310>Boli by ste ochotní navštíviť nejakú oblasť Zóny?</td>
<td><SELECT size=1 name=platforma>
<OPTION value=V_ziadnom_pripade selected>V žiadnom prípade</OPTION>
<OPTION value=Zalezi_od_toho_ake_miesto>Záleží od toho, aké miesto</OPTION>
<OPTION value=Ano_ved_sa_mi_nemoze_nic_stat>Áno, veď sa mi nemôže nič stať</OPTION>
<OPTION value=Ano_som_si_vedomy_aj_moznych_rizik>Áno, som si vedomý aj možných rizík</OPTION>
<OPTION value=Jednoznacne_bez_ohladu_na_rizika>Jednoznačne bez ohľadu na riziká</OPTION>
</SELECT>
</td>
</tr>
<tr>
<td colspan=2> </td>
<tr>
</table>
</td>
</tr>
<tr>
</table></td>
</tr>
<tr>
<td colspan=2 width=100%><table width=100% border=1>
<tr>
<td width=340>O akých iných jadrových katastrofách ste ešte počuli?</td>
<td>
<input type="checkbox" value="Windscale_fire"><a href=http://en.wikipedia.org/wiki/Windscale_fire target=new>Windscale fire 1957 (UK)</a><br>
<input type="checkbox" value="Santa_Suzana_Field_Laboratory"><a href=http://en.wikipedia.org/wiki/Santa_Susa ... Laboratory target=new>Santa Suzana Field Laboratory 1959 (USA)</a><br>
<input type="checkbox" value="Idaho_Falls"><a href=http://www.atomicinsights.com/jul96/Accident.html target=new>Idaho Falls 1961 (USA)</a><br>
<input type="checkbox" value="Jaslovske_Bohunice"><a href=http://www.sweb.cz/radioaktivita.cz/bohunice.htm target=new>Jaslovské Bohunice 1976 a 1977 (ČSR)</a><br>
<input type="checkbox" value="Three_Mile_Island"><a href=http://www.nucleartourist.com/events/tmi.htm target=new>Three Mile Island 1979 (USA)</a><br>
</tr>
<tr>
<td colspan=2> </td>
<tr>
</table>
</td>
</tr>
<tr>
<td colspan=2 width=100%><table width=100% border=1>
<tr>
<td width=200>Váš názor na atómovú energiu:</td>
<td>
<textarea size="10" rows="4" cols="50"></textarea>
</td>
</tr>
<tr>
<td><input type="submit" value="Odoslať"></td>
<td><input type="reset" value="vymazat"></form></td>
<tr>
</table>
</td>
</tr>

</table>
</body>
</html>

mam to uzavrete vo form, ked nacitam stranku cez index (ajax script) tak to neresetuje
ked nacitam priamo http://laboratorium.ic.cz/HTML/dotaznik.html tak reset funguje
napada ma otvarat dotaznik do noveho okna, ale tomu sa chcem vyhnut

je to nekomercny projekt, jednorazovka do skoly, noscript neriesim, aj ked do buducnosti dobra poznamka, dik
PHP nezvladam, ak mas nejaky jednoduchy napad sem s nim, ale cele to prekopavat nebudem, neni cas

kodovanie je nastavene na celom webe rovnako a dobre
IE a opera ho bere uplne spravne, FF domrvi iba dotaznik, netusim preco

Černobyl vs Chernobyl, vec vkusu, mal by som to pisat v rodnom jazyku ale mne sa to nepaci, ENG rulezz, kazdopadne dik za postreh

radio buttons fixed
dik moc

v opere mozem zuzovat okno kolko chcem a vyska stlpca sa nemeni, je presne na velkost pisma
V IE aj FF sa meni podla obsahu napravo od menu (viac textu=vyssie stlpce v menu)

bubanek · Příspěvek od **bubanek** » úte 20. kvě 2008, 16:24

tak si ve FF pusť ten formulář přes index, označ formulář, klepni pravým a dej zobrazit zdrojový kód
žádný <form> v tom vyznačeným není

PHP:
tam kam chceš vkládat nějakou stránku napíšeš

Kód: Vybrat vše

<?php include $_GET['stranka'].'php'; ?>

a odkaz bude například:

Kód: Vybrat vše

<a href="index.php?stranka=formular">formulář</a>

pro vložení formular.php

jcdenton12 · Příspěvek od **jcdenton12** » úte 20. kvě 2008, 16:36

ked som to spustil cez FF tak ten zdrojak vyzera divne

<div id="obsah">
<link rel="stylesheet" href="css.css"><title>Dotaznik</title>

<meta charset="windows-1250"">

<table border="1" width="100%"><form>
<tbody><tr>
<td colspan="2"><div class="hlavny_nadpis">Dotazník</div>
</td>
</tr>
<tr>
<td colspan="2"> </td>

</tr>
<tr>
<td width="11%">Meno:</td>
<td><input size="10" name="meno" type="text"></td>
</tr>
<tr>
<td width="11%">Priezvisko:</td>
<td><input size="10" name="priezvisko" type="text"></td>
</tr><tr>
<td width="11%">Vek</td>

<td><input size="10" name="vek" type="text"></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2"><table border="1" width="100%"><tbody><tr>
<td>Aký je váš postoj ku tejto katastrofe?</td>
</tr>
<tr>
<td><input value="nikdy_som_sa_o_to_nezaujimal/a" name="postoj" type="radio">nikdy som sa o to nezaujímal/a</td>

</tr>
<tr>

<td><input value="nieco_som_o_tom_pocul/a_ale_z_vlastnej_iniciativy_som_to_hlbsie_neskumal/a" name="postoj" type="radio">niečo som o tom počul/a, ale z vlastnej iniciatívy som to hlbšie neskúmal/a</td>
</tr>
<tr>

<td><input value="pocul_som_o_tom_a_ked_mam_niekedy_cas_tak_si_o_tom_nieco_prečítam" name="postoj" type="radio">počul som o tom a keď mám niekedy čas, tak si o tom niečo prečítam</td>
</tr>
<tr>

<td><input value="som_fanatik_a_studujem/zbieram_vsetko_co_s_tym_súvisi" name="postoj" type="radio">som fanatik a študujem/zbieram všetko, čo s tým súvisí</td>

</tr>
<tr>
<td colspan="2"> </td>
</tr><tr>
</tr></tbody></table></td>
</tr>
<tr>
<td colspan="2"><table border="1" width="100%">
<tbody><tr>
<td width="310">Boli by ste ochotní navštíviť nejakú oblasť Zóny?</td>
<td><select size="1" name="platforma">

<option value="V_ziadnom_pripade" selected="selected">V žiadnom prípade</option>
<option value="Zalezi_od_toho_ake_miesto">Záleží od toho, aké miesto</option>
<option value="Ano_ved_sa_mi_nemoze_nic_stat">Áno, veď sa mi nemôže nič stať</option>
<option value="Ano_som_si_vedomy_aj_moznych_rizik">Áno, som si vedomý aj možných rizík</option>
<option value="Jednoznacne_bez_ohladu_na_rizika">Jednoznačne bez ohľadu na riziká</option>
</select>

</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr><tr>
</tr></tbody></table>
</td>
</tr>
<tr>
</tr></tbody></form></table>

<tr>
<td colspan="2" width="100%"><table border="1" width="100%">
<tbody><tr>
<td width="340">O akých iných jadrových katastrofách ste ešte počuli?</td>
<td>
<input value="Windscale_fire" type="checkbox"><a href="http://en.wikipedia.org/wiki/Windscale_fire" target="new">Windscale fire 1957 (UK)</a><br>
<input value="Santa_Suzana_Field_Laboratory" type="checkbox"><a href="http://en.wikipedia.org/wiki/Santa_Susa ... Laboratory" target="new">Santa Suzana Field Laboratory 1959 (USA)</a><br>

<input value="Idaho_Falls" type="checkbox"><a href="http://www.atomicinsights.com/jul96/Accident.html" target="new">Idaho Falls 1961 (USA)</a><br>
<input value="Jaslovske_Bohunice" type="checkbox"><a href="http://www.sweb.cz/radioaktivita.cz/bohunice.htm" target="new">Jaslovské Bohunice 1976 a 1977 (ČSR)</a><br>
<input value="Three_Mile_Island" type="checkbox"><a href="http://www.nucleartourist.com/events/tmi.htm" target="new">Three Mile Island 1979 (USA)</a><br>
</td></tr>
<tr>
<td colspan="2"> </td>
</tr><tr>
</tr></tbody></table>

</td>
</tr>
<tr>
<td colspan="2" width="100%"><table border="1" width="100%">
<tbody><tr>
<td width="200">Váš názor na atómovú energiu:</td>
<td>
<textarea size="10" rows="4" cols="50"></textarea>
</td>
</tr>

<tr>
<td><input value="Odoslať" type="submit"></td>
<td><input value="vymazat" type="reset"></td>
</tr><tr>
</tr></tbody></table>
</td>
</tr>

</div>

ja neviem odkial FF tak kod nabral

to tam vobec neni/nema byt alebo to je napisane s chybami

v Opere to neroztahuje menu a neresetuje
v IE to roztahuje menu a resetuje
vo FF to roztahuje menu a ani neresetuje

//edit:
rovnako ako nechapem kam sa vo FF podela prva polka dotaznika

bubanek · Příspěvek od **bubanek** » úte 20. kvě 2008, 18:22

tak to tam vkládej přes to php,máš někde haluz ve skriptu

jcdenton12 · Příspěvek od **jcdenton12** » úte 20. kvě 2008, 18:39

mno skusal som to, ale s PHP nic neviem a skoncilo to chybou

<html>
<head><link rel="stylesheet" href="css.css">
<title>Chernobyl ´86</title>
<META charset=windows-1250">
</head>
<body>
<table border="1" width="100%">
<tr align="center">
<td colspan="2"><div class="velky_nadpis">Chernobyl ´86</div></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td width="17%" height="19"><div class="dolezity_nadpis">Obsah:</div></td>
<td rowspan="12"><div id="obsah"></div></td>
</tr>
<tr>
<td height="17"> </td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('o_mne.html'); return false;"><div class="hyperlink">O mne</div></a>
</td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('kde_to_je.html'); return false;"><div class="hyperlink">Kde to je?</div></a>
</td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('elektraren.html'); return false;"><div class="hyperlink">Elektráreň</div></a>
</td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('katastrofa.html'); return false;"><div class="hyperlink">Katastrofa</div></a>
</td>
</tr>

<tr>
<td height="17"><a href="" onclick="onLoad('kriza.html'); return false;"><div class="hyperlink">Po výbuchu</div></a>
</td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('galeria.html'); return false;"><div class="hyperlink">Galéria</div></a>
</td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('zaujimavosti.html'); return false;"><div class="hyperlink">Zaujímavosti</div></a>
</td>
</tr>
<tr>
<td height="17"> </td>
</tr>
<tr>
<td height="17"><a href="" onclick="onLoad('dotaznik.html'); return false;"><div class="hyperlink">Dotazník</div></a>
</td>
</tr>
<tr>
<td height="47"><a href="" onclick="onLoad('notepad++.html'); return false;"><img src="./grafika/notepad++.gif" width="115" height="45"></a>
</td>
</tr>
<tr>
<td rowspan="10"></td>
</tr>
</table>
</body>
</html>

miesto dvi id="obsah" som vlozil <?php include $_GET['stranka'].'php'; ?>
a miesto <a href="" onclick="onLoad('dotaznik.html'); return false;"> som vlozil <a href="index.php?stranka=formular">formulář</a>

index.html som premeoval na index.php a formular.html na formular.php

Warning: include(php) [function.include]: failed to open stream: No such file or directory in C:\Program Files\xampp\htdocs\xampp\HTML\index.php on line 16

Warning: include() [function.include]: Failed opening 'php' for inclusion (include_path='.;C:\Program Files\xampp\php\pear\') in C:\Program Files\xampp\htdocs\xampp\HTML\index.php on line 16

line 16 je <?php include $_GET['stranka'].'php'; ?>

//edit:
ale s PHP to je nadlhe lakte, to za jeden vecer nedam
budem to prezentovat v Exploreri a na ine browsery kaslem, neriesim

takze keby si mi pomohol vyriesit iny problem
preco mi to v IE a FF roztahuje menu a v Opere ne, dik moc za akukolvek radu

bubanek · Příspěvek od **bubanek** » úte 20. kvě 2008, 19:12

a klepnuls na ten odkaz?

jinak ten php kod dávej do divu, kde chceš mít ten vloženej text, čili do toho divu

nevím proč se to pokazí, jdu se na to kouknout...

jcdenton12 · Příspěvek od **jcdenton12** » úte 20. kvě 2008, 19:58

mno neklikol som na odkaz

pokazilo sa to este pred parsingom/pocas parsingu index.php

nebolo na co klikat

kazodpadne PHP neriesim ,pre mna strata casu, ktory teraz nemam
viac by ma zaujimalo, preco to roztahuje to menu nakraji
ak by si na to mohol pozriet, bol by som ti vdacny

jcdenton12 · Příspěvek od **jcdenton12** » stř 21. kvě 2008, 16:01

Ak by niekto prisiel na to, preco to to menu roztahuje v IE a FF a ne v opere, bol by som rad

resp ani nepotrebujem vediet preco to tak je, radsej by som vedel ako to eliminovat v IE, teda aby tam menu vyzeralo ako v opere

dik moc
zvysne problemy su uz neaktualne

bubanek · Příspěvek od **bubanek** » stř 21. kvě 2008, 22:33

prosímtě, které to menu nefunguje? mě se zdá že vypadá normálně

jinak http://laboratorium.ic.cz/HTML/dotaznik.html je napsané v UTF-8 a ty máš přes hlavičku kódování nastavené na windows-1250, proto se mi to ukazovalo blbě...

jinak ten PHP skript by šel ještě dodělat, aby fungoval bezchybně, ale asi nemáš zájem...

jcdenton12 · Příspěvek od **jcdenton12** » čtv 22. kvě 2008, 08:21

aj ostatne veci mam napisane v UTF-8 a v hlavicke windows-1250
v IE, FF, aj Opere sa to zobrazuje korektne, ked to v skole nepojde, poladim kodovanie v browseri

ako menu myslim toto

funguje to, ale ked si vsimnes tak IE aj FF to menu roztiahne na celu dlzku stranky, kym opera ho necha pekne navrchu a roztahuje poslednu bunku, kde nic neni

napadlo ma tam vlozit nieco ako transparentny gif ktory by nebolo vidiet ale musel by mat variabilnu vysku, co nejako nezvladam
takze ak na nieco prides tak napis

bubanek · Příspěvek od **bubanek** » čtv 22. kvě 2008, 17:55

zkus té poslední buňce (je v ní ten obrázek) nastavit height="100%"
je to sice prasácky, nicméně nic lepšího mě nenapadá...

jcdenton12 · Příspěvek od **jcdenton12** » čtv 22. kvě 2008, 18:30

nefunguje to

proste absolutne nereaguje na prikazy height, vzdy to roztiahne

ak estre na nieco ine prides, tak daj vediet

dik moc

bubanek · Příspěvek od **bubanek** » čtv 22. kvě 2008, 18:39

zkus nastavit celé tabulce pevnou výšku
v menu nepiš

Kód: Vybrat vše

<a href....><DIV>....</DIV></a>

ale

Kód: Vybrat vše

<DIV><a href...>...</a></DIV>

všechny parametry napiš do uvozovek

jcdenton12 · Příspěvek od **jcdenton12** » čtv 22. kvě 2008, 18:56

ano to zabralo, menu to uz neroztahuje, no to ze ta bunka do ktorej nacitam ine stranky ma premenlivu dlzku sposobilo ze ked nastavim height napr na 800 tak v dlhej stranke OK a v kratkej mozem scrolovat na prazdny obsah

upraveny index som uploadol takze sa mozes pozret co to robi

za kazdy dalsi help budem vdacny

bubanek · Příspěvek od **bubanek** » čtv 22. kvě 2008, 20:18

tak dej výšku tak aby ti vyšla akorát a tomu divu obsah v css přidej:

Kód: Vybrat vše

overflow: auto;

jcdenton12 · Příspěvek od **jcdenton12** » čtv 22. kvě 2008, 21:36

dik za rady

//vyskus nastavim tak ako potrebujem, ale nechapem ako pridam DIVu obsah ten overflow v css

teda ako to pridam tomu konkretnemu divu
css mam v subore css.css//

skusil som toto
<div class=index id="obsah">
a v css som dal
.index {overflow: auto}

takze uz je to lepsie, ale este to neni ono

uz to je skoro ako chcem, uz to menu neroztahuje stale, ale iba ked kliknem na
Dotaznik
Galeria

tie stranky su proste dlhsie

idealne keby som nescrolloval celu stranku ale iba obsah v div=obsah

myslim ze ty si to aj tak myslel, len ja som to nezvladol implementovat

mas to uploadnute, aby si mi vedel este kusok helfnut
auz teraz ti velmi pekne dakujem

//edit:
ma to byt prezentovane v rozliseni 1024x768

bubanek · Příspěvek od **bubanek** » čtv 22. kvě 2008, 22:25

nedávej class="index" (nezapomínej na ty UVOZOVKY !!!!!)
když máš u něčeho id, můžeš to v css volat přímo
příklad:

Kód: Vybrat vše

HTML soubor:
html...
<div id="obsah"> </div>
html...

CSS soubor:
#obsah {overflow: auto;}

tak to předělej
ještě tomu divu nezapomeň nastavit pevnou výšku (taky v css přes height)
potom by to mělo scrollovat jenom to, co je v tom divu

jcdenton12 · Příspěvek od **jcdenton12** » pát 23. kvě 2008, 14:05

great job man

fakt super, uz to je tak ako treba,

takze posledna otazka
pozeral som na google do CSS trosku a nasiel som
overflow-y:hidden

totiz trosku by som nechcel mat ten scroll bar napravo v tom dive viditelny (co presne tento prikaz riesi) ale zaroven by som chcel, aby sa stale dalo scrollovat, len aby ten scroll bar tam nebol

ak na nieco prides, budem ti vdacny, ak ne, tiez budem vdacny
dik moc