Autor Zpráva
Tin
Profil
#1 · Zasláno: 15. 4. 2005, 20:24:19 · Upravil/a: Tin
Odpovědět Citovat
Mám stránku s JS na zobrazování různých obrázků (řešil jsem to tady už jinde:
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=8&topic=51 40
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=3&topic=51 57

chtěl bych ještě možnost, abych mohl zobrazit jen třeba každý čtvrtý obrázek.
Tj. i++ nahradím i=i+1 no a když mi to bude fungovat, tak místo 1 dát hodnotu dalšího vstupního pole.

Žil jsem v domění, že "i++" = "i=i+1", ale když to přepíšu, tak mi to zobrazí jen první kytku, místo celého zadaného intervalu.

Nevíte někdo proč to nefunguje nebo kde dělám chybu? 



 <html>

<head>

<title>Naše květena</title>



<script type="text/javascript"> 



function serie() { 



document.getElementById("obrazky").innerHTML = "<br><br>";





if (document.getElementById("od").value <= document.getElementById("do").value){



for ( i = document.getElementById("od").value; i <= document.getElementById("do").value; i++ ) { 

document.getElementById("obrazky").innerHTML += "<img src=\"kytka" + i + ".JPG\"><br><br><br>"; }

}



else {



for ( i= document.getElementById("od").value; i >= document.getElementById("do").value; i-- ) { 

document.getElementById("obrazky").innerHTML += "<img src=\"kytka" + i + ".JPG\"><br><br><br>"; } 

}



document.getElementById("obrazky").innerHTML += "<a href=\"#nahore\" class=nahoru>Nahoru</a>";

document.getElementById("obrazky").innerHTML += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;";

document.getElementById("obrazky").innerHTML += "<a href=\"index.html\" class=nahoru>Reset</a><br><br>";

document.getElementById("obrazky").innerHTML += "<span class=oddo>Hodně štěstí</span><br><br><br>";



}





function kytky() {



var kyt = document.getElementById("kyt").value;

var kyt = kyt.replace(/;/g,'.JPG\"><br><br><img src=\"kytka')





document.getElementById("obrazky").innerHTML = "<br><br><img src=\"kytka";



document.getElementById("obrazky").innerHTML += kyt



document.getElementById("obrazky").innerHTML += ".JPG\"><br><br>";



document.getElementById("obrazky").innerHTML += "<a href=\"#nahore\" class=nahoru>Nahoru</a>";

document.getElementById("obrazky").innerHTML += "&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;";

document.getElementById("obrazky").innerHTML += "<a href=\"index.html\" class=nahoru>Reset</a><br><br>";

document.getElementById("obrazky").innerHTML += "<span class=oddo>Hodně štěstí</span><br><br><br>";



} 

</script> 





<style>



body{

background-color: #ffc;



scrollbar-face-color: #ffd;

scrollbar-track-color: #ffb;

scrollbar-arrow-color: #000;

scrollbar-shadow-color: #aa0;

scrollbar-darkshadow-color: #ffc;

scrollbar-highlight-color: #aa0;

scrollbar-3dlight-color: #ffc;



text-align: center;

}



img{

width: 600;

height: 800;

border: 2 solid black;

}



input{

background: #ffd;

border: 1 solid #998;

text-align: center;

width: 50;

font-weight: bold;

margin-right: 35;

}



input.tlacitko{

width: 100;

margin-right: 0;

margin-left: 15;

}



input#kyt{

width: 250;

text-align: left;

padding-left: 20;

}



.oddo{

font-weight: bold;

}



a.nahoru{

background: #ffd;

border: 1 solid #998;

text-align: center;

width: 100;

font-weight: bold;

color: #000;

text-decoration: none;

}



</style>



</head>





<body>



<a name="nahore"></a>



<br>

<h1>Naše květena</h1>

<h2>Miloš Deyl & Květoslav Hísek</h3>

<br><br>



<form action=""> 



<span class="oddo">Od:</span>

<input id="od" value="1">



<span class="oddo">Do:</span>

<input id="do" value="10">



<input type="button" class="tlacitko" onclick="serie()" value="Zobraz">



<br><br>



<span class="oddo">Čísla:</span>

<input id="kyt" value=";1;2;3;">



<input type="button" class="tlacitko" onclick="kytky()" value="Zobraz"> 



</form> 





<div id="obrazky"></div>



</body>

</html>
Fred
Profil
#2 · Zasláno: 15. 4. 2005, 21:13:01
Odpovědět Citovat
OT: Vždyť to za boha nemůže fungovat, je tam strašnej bordel v uvozovkách a vůbec. Částečně opraveno, funkční IE, Gecko a Opera. Osobně bych to sice nepoužil, ale budiž.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Naše květena</title>
<script type="text/javascript">
var d=document;
function getId(id){return d.getElementById(id);}
function serie() {
if (getId("od").value <= getId("do").value){
for ( i = getId("od").value; i <= getId("do").value; i++ ) {
getId('obr').innerHTML += '<img src=\"kytka'+[i]+'.jpg\">'; }
}
else {
for ( i= getId("od").value; i >= getId("do").value; i-- ) {
getId('obr').innerHTML += '<img src=\"kytka'+[i]+'.jpg\">'; }
}
getId('obr').innerHTML += '<a href=\"#nahore\" class=\"nahoru\">Nahoru</a>';
getId('obr').innerHTML += '<a href=\"index.html\" class=\"nahoru\">Reset</a>';
getId('obr').innerHTML += '<span class=\"oddo\">Hodně štěstí</span>';
}
function kytky() {
var kyt = getId("kyt").value;
var kyt = kyt.replace(/;/g,'.jpg\"><img src=\"kytka')
getId('obr').innerHTML = '<img src=\"kytka'+kyt+'.jpg\">';
getId('obr').innerHTML += '<a href=\"#nahore\" class=\"nahoru\">Nahoru</a>';
getId('obr').innerHTML += '<a href=\"index.html\" class=\"nahoru\">Reset</a>';
getId('obr').innerHTML += '<span class=\"oddo\">Hodně štěstí</span>';
}
</script>
<style type="text/css">
body{background:#ffc;text-align:center;}
img{width:600px;height:800px;border:2 solid black;}
input{background:#ffd;border:1 solid #998;text-align:left;width:50px;font-weight:bold;margin-right:35px;}
input.tlacitko{width:100px;margin-right:0;}
input#kyt{width:250px;text-align:left;}
.oddo{font-weight:bold;}
.nahoru{display:block;margin-bottom:1em;}
img,h2{margin-bottom:1em;}
h1{margin-top:1em;}
#obr{text-align:center;margin-top:1em;}
a.nahoru{background:#ffd;border:1 solid #998;text-align:center;width:100px;font-weight:bold;color:#000;text-de coration:none;}
</style>
</head>
<body>
<a name="nahore"></a>
<h1>Naše květena</h1>
<h2>Miloš Deyl & Květoslav Hísek</h3>
<span class="oddo">Od:</span>
<input id="od" value="1">
<span class="oddo">Do:</span>
<input id="do" value="10">
<input type="button" class="tlacitko" onclick="serie()" value="Zobraz">
<br><br>
<span class="oddo">Čísla:</span>
<input id="kyt" value="1;2;3;">
<input type="button" class="tlacitko" onclick="kytky()" value="Zobraz">
<div id="obr"></div>
</body>
</html>
Tin
Profil
#3 · Zasláno: 15. 4. 2005, 21:40:16
Odpovědět Citovat
Díky, ale to co jsem napsal FUNGUJE (IE6). Jen mi trochu zlobila funkce kytky. No a pak když jsem přepsal i++ na i=i+1. To bylo na....
Charlie
Profil
#4 · Zasláno: 15. 4. 2005, 21:54:22
Odpovědět Citovat
Tin, testovat něco na IE je úplně na ... špatné... Stáhni si aspoň Firefox

Firefox Rulez!
Tin
Profil
#5 · Zasláno: 15. 4. 2005, 22:27:33
Odpovědět Citovat
Když to mám pro osobní potřeby a používám IE.........

Jinak vim, viděl jsem svoje stránky ve Firefoxu, vzhled šel do pr.... (posuvníky, okraje, zarovnání)
Fred
Profil
#6 · Zasláno: 16. 4. 2005, 01:16:19
Odpovědět Citovat
Tin Možná kdyby jsi zkusil ctrl+c a pak ctrl+v s tím co jsem napsal o dva komenty výše zjistil by jsi, že to funguje i ve firefoxu.
Tin
Profil
#7 · Zasláno: 16. 4. 2005, 09:15:22
Odpovědět Citovat
Ale mě vůbec nezajímá, v čem všem to funguje. Mě stačí IE6
Honza Hučín
Profil
#8 · Zasláno: 16. 4. 2005, 09:33:05
Odpovědět Citovat
Tin
Ono je to tak: IE6 má tendenci si domýšlet, co asi tak kodér chtěl, aby to dělalo. Tudíž je velmi tolerantní, a tudíž se při ladění pro něj těžko hledá chyba - něco ještě vezme a něco už ne. Taky má spoustu nestandardních fíčur. Firefox, Opera, prostě standardní prohlížeče jsou tolerantní méně, to znamená, že nutí kodéra k většímu pořádku. A to je správně. Jestli budeš někdy psát něco dalšího, fakt se víc naučíš laděním v moderních prohlížečích, např. FF.
Tin
Profil
#9 · Zasláno: 16. 4. 2005, 10:50:29
Odpovědět Citovat
Protože se JavaScripty teprve učím, tak docela ocenim, když to funguje i s nějakou tou chybou. Samozřejmě, když bych to chtěl někomu dát, tak by asi byl problém, ale když to dělám jen pro sebe "do šuplíku", tak to tak nevadí...
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0