Java Script bug u FF zbog doctype-a!

flash_back · 07. 12. 2006.

Jurim neko parce koda koje bi na odredjenu selektovanu opciju iz menia ispisalo odredjen sadrzaj.. I nadjem takvo parce koda..

Kôd:

<html>
<head>
<script language="javascript">
function showhide(checkval){
var colData = "Here is my hidden text.";
if (document.layers){
document.layers['mylayer'].document.open();
document.layers['mylayer'].document.write("<form name='mylayer'>");
document.layers['mylayer'].document.write(colData);
document.layers['mylayer'].document.write("</form>");
document.layers['mylayer'].document.close();
document.layers['mylayer'].visibility=(checkval=="hide") ? 'hide' : "show";
}
else{
document.all['mylayer'].style.visibility=(checkval=="hide") ? 'hidden' :"visible";
document.all.mylayer.innerHTML = colData;
}
}
</script>
</head>
<body>
<form>
<select name="myfield" onChange="showhide(this[this.selectedIndex].text);">
<option>hide</option>
<option>show</option>
</select>
</form>
<div id='mylayer' style="position:absolute;left:10px;top:500px">&nbsp;</div>
</body>
</html>

Konkretno script mi treba za kontakt stranu za rd sajt. Poenta je da imam par kontakt opcija [izrada sajta, graficki design, pitanja i sl.] za koje ce da se ispisuje drugaciji raspored polja..

Problem nastaje kada se script pokrene u FireFoxu. Licno, ovo mi se prvi put dogadja da neka stvar radi ok u Operi i I.E. a da ne radi u FF-u! Navikao sam se da Imbecil E. bude ta crna ovcica, al' eto i ovo da se dogodi..

U pocetku nisam znao u cemu je problem, bilo je malo konfuzno jer scripta radi kada napravim novu stranu sa prikazanim kodom, ali ne i kada ubacim potrebne delove u kontakt stranicu. Malo sam cistio dokument i ispostavi se da je problem 'ladno u samom tipu dokumenta.

Kôd:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Isto je i sa [X]HTML Strict.. i svim mogucim varijantama. Script radi jedino bez doctype-a..

Stvarno svasta

Neki predlozi za izmenu scripta? Ono 'innerHTML' mi izgleda sumljivo?

noviKorisnik · 07. 12. 2006.

Rekao bih da je document.layers - umesto toga može po DOM-u document.getElementById ...

dee · 07. 12. 2006.

Citat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="javascript">
function showhide(checkval){
var colData = "Here is my hidden text.";
if (document.layers){
document.layers['mylayer'].document.open();
document.layers['mylayer'].document.write("<form name='mylayer'>");
document.layers['mylayer'].document.write(colData);
document.layers['mylayer'].document.write("</form>");
document.layers['mylayer'].document.close();
document.layers['mylayer'].visibility=(checkval=="hide") ? 'hide' : "show";
}
else{
document.getElementById('mylayer').style.visibility=(checkval=="hide") ? 'hidden' :"visible";
document.getElementById('mylayer').innerHTML = colData;
}
}
</script>
</head>
<body>
<form>
<select name="myfield" onChange="showhide(this[this.selectedIndex].text);">
<option>hide</option>
<option>show</option>
</select>
</form>
<div id='mylayer' style="position:absolute;left:10px;top:500px">&nbs p;</div>
</body>
</html>

sad radi

edit: eo me js guru preduhitrio

flash_back · 07. 12. 2006.

Hvala ljudi

ovo je bilo bas quicky

poz i tnx X2

flash_back · 07. 12. 2006.

Ajd dok sam tu kod vas js gurua da iskoristim priliku.

E ovako, malo sam 'suzio' kod (ako nije ok recite) i promenio sa visibility:hiden na display:none. I vise 'ne jurim' text opcije vec id, prakticnije je.

Kôd:

<script language="javascript">
function showhide(checkval){
var colData = "1";
var colData2 = "2";

if (checkval==1){
document.getElementById("mylayer").style.display=(checkval=="hide") ? "none" :"block";
document.getElementById("mylayer").innerHTML = colData;
}
else if (checkval==2){
document.getElementById("mylayer").style.display=(checkval=="hide") ? "none" :"block";
document.getElementById("mylayer").innerHTML = colData2;
}
else {
document.getElementById("mylayer").style.display=(checkval=="hide") ? "none" :"block";
document.getElementById("mylayer").innerHTML = colData2;
}
}
</script>
<form>
<select name="myfield" onchange="showhide(this[this.selectedIndex].id);">
<option id="hide">hide</option>
<option id="1">show</option>
<option id="2">show2</option>
</select>
</form>

^ Ovo iznad 'sljaka', al neznas sto ovo nece:?

Kôd:

<script language="javascript">
function showhide(checkval){


var colData1 = "1";
var colData2 = "2";

var nesto = "colData" + checkval;

document.getElementById("mylayer").style.display=(checkval=="hide") ? "none" :"block";
document.getElementById("mylayer").innerHTML = nesto;

}
</script>
<form>
<select name="myfield" onchange="showhide(this[this.selectedIndex].id);">
<option id="hide">hide</option>
<option id="1">show</option>
<option id="2">show2</option>
</select>
</form>

MorenoArdohain · 07. 12. 2006.

Radi ti i taj drugi kod, nije me mrzelo da proverim.
Samo, text se prikazuje u dnu strane (posto si stavio position 500px od vrha strane).

flash_back · 08. 12. 2006.

Mislim radi kod, al ne ono sto bi ja zeleo.

Na selectovanje npr: show2 on bi trebao da printa '2' a ne 'colData2'.. Nesto ja tu neumem da sabiram

MorenoArdohain · 08. 12. 2006.

Promeni

Kôd:

var nesto = "colData" + checkval;

u

Kôd:

var nesto = checkval;

flash_back · 08. 12. 2006.

Hehe

vidim od oka, printace to 'ok' vrednost.. ali ok jer je id i vrednost za isti ista

MorenoArdohain · 08. 12. 2006.

Ah, moze i tako, ali ako hoces da dodelis neki text za svaku opciju, onda izmeni da bude ovako:

Kôd:

var colData = new Array();
colData[1] = "poruka 1";
colData[2] = "poruka 2";

var nesto = colData[checkval];

07. 12. 2006.	#1
flash_back Banned Professional Datum učlanjenja: 24.04.2006 Lokacija: BG Poruke: 270 Hvala: 11 9 "Hvala" u 5 poruka	Java Script bug u FF zbog doctype-a! Jurim neko parce koda koje bi na odredjenu selektovanu opciju iz menia ispisalo odredjen sadrzaj.. I nadjem takvo parce koda.. Kôd: <html> <head> <script language="javascript"> function showhide(checkval){ var colData = "Here is my hidden text."; if (document.layers){ document.layers['mylayer'].document.open(); document.layers['mylayer'].document.write("<form name='mylayer'>"); document.layers['mylayer'].document.write(colData); document.layers['mylayer'].document.write("</form>"); document.layers['mylayer'].document.close(); document.layers['mylayer'].visibility=(checkval=="hide") ? 'hide' : "show"; } else{ document.all['mylayer'].style.visibility=(checkval=="hide") ? 'hidden' :"visible"; document.all.mylayer.innerHTML = colData; } } </script> </head> <body> <form> <select name="myfield" onChange="showhide(this[this.selectedIndex].text);"> <option>hide</option> <option>show</option> </select> </form> <div id='mylayer' style="position:absolute;left:10px;top:500px"> </div> </body> </html> Konkretno script mi treba za kontakt stranu za rd sajt. Poenta je da imam par kontakt opcija [izrada sajta, graficki design, pitanja i sl.] za koje ce da se ispisuje drugaciji raspored polja.. Problem nastaje kada se script pokrene u FireFoxu. Licno, ovo mi se prvi put dogadja da neka stvar radi ok u Operi i I.E. a da ne radi u FF-u! Navikao sam se da Imbecil E. bude ta crna ovcica, al' eto i ovo da se dogodi.. U pocetku nisam znao u cemu je problem, bilo je malo konfuzno jer scripta radi kada napravim novu stranu sa prikazanim kodom, ali ne i kada ubacim potrebne delove u kontakt stranicu. Malo sam cistio dokument i ispostavi se da je problem 'ladno u samom tipu dokumenta. Kôd: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Isto je i sa [X]HTML Strict.. i svim mogucim varijantama. Script radi jedino bez doctype-a.. Stvarno svasta Neki predlozi za izmenu scripta? Ono 'innerHTML' mi izgleda sumljivo? Poslednja izmena od flash_back : 07. 12. 2006. u 20:24.

07. 12. 2006.	#2
noviKorisnik Dejan Katašić Wrote a book Datum učlanjenja: 10.06.2005 Lokacija: Novi Sad Poruke: 1.017 Hvala: 129 86 "Hvala" u 43 poruka	Rekao bih da je document.layers - umesto toga može po DOM-u document.getElementById ... __________________ novikorisnik.net_BoxUp Blog maternji_Monty Hall paradoks - interaktivni demo

07. 12. 2006.	#6
MorenoArdohain Knowledge base Wrote a book Datum učlanjenja: 16.06.2005 Lokacija: Novi Sad Poruke: 1.437 Hvala: 37 131 "Hvala" u 82 poruka	Radi ti i taj drugi kod, nije me mrzelo da proverim. Samo, text se prikazuje u dnu strane (posto si stavio position 500px od vrha strane). __________________ Não quero mais seguir um só caminho

08. 12. 2006.	#8
MorenoArdohain Knowledge base Wrote a book Datum učlanjenja: 16.06.2005 Lokacija: Novi Sad Poruke: 1.437 Hvala: 37 131 "Hvala" u 82 poruka	Promeni Kôd: var nesto = "colData" + checkval; u Kôd: var nesto = checkval; __________________ Não quero mais seguir um só caminho

08. 12. 2006.	#10
MorenoArdohain Knowledge base Wrote a book Datum učlanjenja: 16.06.2005 Lokacija: Novi Sad Poruke: 1.437 Hvala: 37 131 "Hvala" u 82 poruka	Ah, moze i tako, ali ako hoces da dodelis neki text za svaku opciju, onda izmeni da bude ovako: Kôd: var colData = new Array(); colData[1] = "poruka 1"; colData[2] = "poruka 2"; var nesto = colData[checkval]; __________________ Não quero mais seguir um só caminho

07. 12. 2006.	#4
flash_back Banned Professional Datum učlanjenja: 24.04.2006 Lokacija: BG Poruke: 270 Hvala: 11 9 "Hvala" u 5 poruka	Hvala ljudi ovo je bilo bas quicky poz i tnx X2

08. 12. 2006.	#9
flash_back Banned Professional Datum učlanjenja: 24.04.2006 Lokacija: BG Poruke: 270 Hvala: 11 9 "Hvala" u 5 poruka	Hehe vidim od oka, printace to 'ok' vrednost.. ali ok jer je id i vrednost za isti ista

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Uhapšeni zbog internet kladionice	borstale	e-Business	737	25. 12. 2012. 22:21
Java script - tezga :)	torbica	Poslovne ponude i zapošljavanje	2	02. 10. 2009. 01:43
Tužba zbog klevete na forumu	borstale	Opušteno	44	31. 01. 2008. 14:47
Java script & CSS coder	djoxy	Poslovne ponude i zapošljavanje	0	26. 01. 2007. 17:54