21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Tin
Profil
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
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
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
Tin, testovat něco na IE je úplně na ... špatné... Stáhni si aspoň Firefox

Firefox Rulez!
Tin
Profil
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
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
Ale mě vůbec nezajímá, v čem všem to funguje. Mě stačí IE6
Honza Hučín
Profil
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
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í...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0