Forum » Izdelava spletišč » display: block, none: firefox, opera pokvarita layout!
display: block, none: firefox, opera pokvarita layout!
shorvat ::
Lep pozdrav,
Z javascript-om brišem in prikazujem vrstice v tabeli (z metodo display: block, none). Brisem in prikazujem tag br. Vse dela super v iexplorerju. V firefoxu, operi in mozilli pa ne. Sicer se brisana vrstica zbriše ampak se layout pokvari. Prosim poglejte kaka je razlika če stran odprete v iexplorerju in recimo firefoxu!
Tu je link: www.unikati.si/vaja/detail.php
Če kliknete na podjetje (radio button) se zbriše vrstica za ime in priimek in se prikaže vrstica za naziv podjetja. Ob kliku na posameznik-a se ime in priimek prikažeta in se zbriše vrstica za naziv podjetja!
Tu je še koda:
function posameznik_f()
{
document.getElementById('naziv_p').style.display = 'none';
document.getElementById('isddv_p').style.display = 'none';
document.getElementById('ime_p').style.display = 'block';
document.getElementById('priimek_p').style.display = 'block';
}
function podjetje_f()
{
document.getElementById('ime_p').style.display = 'none';
document.getElementById('priimek_p').style.display = 'none';
document.getElementById('naziv_p').style.display = 'block';
document.getElementById('isddv_p').style.display = 'block';
}
hvala za odgovore, sašo
Z javascript-om brišem in prikazujem vrstice v tabeli (z metodo display: block, none). Brisem in prikazujem tag br. Vse dela super v iexplorerju. V firefoxu, operi in mozilli pa ne. Sicer se brisana vrstica zbriše ampak se layout pokvari. Prosim poglejte kaka je razlika če stran odprete v iexplorerju in recimo firefoxu!
Tu je link: www.unikati.si/vaja/detail.php
Če kliknete na podjetje (radio button) se zbriše vrstica za ime in priimek in se prikaže vrstica za naziv podjetja. Ob kliku na posameznik-a se ime in priimek prikažeta in se zbriše vrstica za naziv podjetja!
Tu je še koda:
function posameznik_f()
{
document.getElementById('naziv_p').style.display = 'none';
document.getElementById('isddv_p').style.display = 'none';
document.getElementById('ime_p').style.display = 'block';
document.getElementById('priimek_p').style.display = 'block';
}
function podjetje_f()
{
document.getElementById('ime_p').style.display = 'none';
document.getElementById('priimek_p').style.display = 'none';
document.getElementById('naziv_p').style.display = 'block';
document.getElementById('isddv_p').style.display = 'block';
}
hvala za odgovore, sašo
NavadniNimda ::
Malo se boš moral pomatrat (čisto malo ).
Id od TR elementa se propagira naprej na TDje, kar pa ni po standardu. Torej bo (kot ponavadi) vsak browser to delal po svoje. ID mora biti unikaten za vsak element, IExplorer pa to izpelje za oba TDja v TR-ju, čeprav mu ne bi bilo terba.
Torej boš moral posamezne TR-je skriptat tako, da imaš v vsakem od obeh TDjev za narest BLOCK ali NONE za display. Samo še ta korakec narediš in ti bo delalo (100%)!
Id od TR elementa se propagira naprej na TDje, kar pa ni po standardu. Torej bo (kot ponavadi) vsak browser to delal po svoje. ID mora biti unikaten za vsak element, IExplorer pa to izpelje za oba TDja v TR-ju, čeprav mu ne bi bilo terba.
Torej boš moral posamezne TR-je skriptat tako, da imaš v vsakem od obeh TDjev za narest BLOCK ali NONE za display. Samo še ta korakec narediš in ti bo delalo (100%)!
shorvat ::
Hvala za odgovor. Za Firefoxs in Mozillo sem pogruntal bolj preprosto varianto (block zamenjaš z table-row). Upam da bo komu pomagalo.
Bom pa probal še tvoj predlog, da vidim če mi dela v Operi. A se sploh splača page prilagoditi tudi za Opero? Uporablja Opero veliko uporabnikov!
P.S.: Pri programiranju spletnih strani najbolj zgubim živce s prilagoditvijo strani za različne brouzerje!
Bom pa probal še tvoj predlog, da vidim če mi dela v Operi. A se sploh splača page prilagoditi tudi za Opero? Uporablja Opero veliko uporabnikov!
P.S.: Pri programiranju spletnih strani najbolj zgubim živce s prilagoditvijo strani za različne brouzerje!
NavadniNimda ::
Opere bo vedno več, ker je pač zastonj. Pa še dobra, secure in hitra je! Sam delam na tem področju že 400 let ( ) in imam vedno vse browserje pri roki. Torej naredit čimbolj simpel tako, da pač deluje v vseh z isto kodo - tudi če je na škodo izgleda.
Če delaš to "na resen način" moraš paziti tudi kaj pa če uporabnik NIMA vklopljene JScripte! Torej mora vsaj približno biti funkcionalno tudi za te sorte uporabnike (kar precej jih je v podjetjih, kjer administratorji mrež disablajo scriptinge zaradi security issues).
Največji "greh" pa je, če se v kodi sprašujejš po vrsti browserja! To se naredi vedno le v zadnji inštanci, če res ne moreš rešit nekega problema na druga način!
Če delaš to "na resen način" moraš paziti tudi kaj pa če uporabnik NIMA vklopljene JScripte! Torej mora vsaj približno biti funkcionalno tudi za te sorte uporabnike (kar precej jih je v podjetjih, kjer administratorji mrež disablajo scriptinge zaradi security issues).
Največji "greh" pa je, če se v kodi sprašujejš po vrsti browserja! To se naredi vedno le v zadnji inštanci, če res ne moreš rešit nekega problema na druga način!
Vredno ogleda ...
Tema | Ogledi | Zadnje sporočilo | |
---|---|---|---|
Tema | Ogledi | Zadnje sporočilo | |
» | Slo-tech - kako blokirati nadležne uporabnike (strani: 1 2 )Oddelek: Loža | 11704 (7951) | jype |
» | Ajax readyState == 3 ne deluje?Oddelek: Izdelava spletišč | 742 (665) | Housy |
» | Show/hide rows tabelah (javascript)Oddelek: Izdelava spletišč | 1024 (1024) | Tody |
» | [JavaScript] display=bolock/noneOddelek: Izdelava spletišč | 1042 (994) | MasterBlaster |
» | asp.net izdelava linka do tiskanja...Oddelek: Izdelava spletišč | 1252 (1112) | jerneju |