Programovacie jazyky, rady, poradňa...
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 29 apr 2014, 12:10
js. script na odpocet casu
Kód: Vybrať všetko
<script language="javascript">
var seconds=20 ;
document.counter.d2.value='20' ;
function display(){
if(seconds > -1){
document.counter.d2.value=seconds--;
setTimeout("display()",1000) ;
} else document.getElementById('btn').style.display="block";
}
display();
</script>
form
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="Pokracovat" style="display:none"/></form>
po uplinuti 20sek. sa zobrazi tlacidlo Pokracovat ako zmenit toto tlacidlo na moj obrazok? ico.png? a nasledne akym sposobom by sa po uplinuti 20sek. dalo spravit aby sa zobrazilo 2x tlacidlo submit ale 1. by bol obrazok ico.png a 2 obrazok ico2.png
Dakujem pekne
Michaelo
Príspevky: 6177 Registrovaný: 16 júl 2008, 20:29
Bydlisko: Pri PC
Kontaktovať používateľa:
Príspevok
od používateľa Michaelo 29 apr 2014, 12:53
Normalne si daj do formu 2 tlacidla len im daj ine nazvy (name).
audiotrack
Príspevky: 25958 Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:
Príspevok
od používateľa audiotrack 29 apr 2014, 12:59
normálne tam sprav obrázkové tlačítko namiesto textového. Hádam sa nejdeš pýtať na základy html a css
S-player
Príspevky: 277 Registrovaný: 23 júl 2011, 22:30
Príspevok
od používateľa S-player 29 apr 2014, 13:59
Kód: Vybrať všetko
var seconds=20 ;
document.counter.d2.value='20' ;
...
Mimochodom ten druhý riadok ti tam ani netreba... a neviem či by nebolo lepšie použiť setInterval než za každým razom vytvárať nový setTimeout
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 29 apr 2014, 16:45
audiotrack napísal:normálne tam sprav obrázkové tlačítko namiesto textového. Hádam sa nejdeš pýtať na základy html a css
dobre... css by vypadalo takto
Kód: Vybrať všetko
#btn {
background: url(ico.png) top left no-repeat;
width: 15px; height: 15px;
border: 0px;
text-indent: -2000px;
line-height: 0px;
cursor: pointer; cursor: hand;
}
a form
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="Pokracovat" style="display:none"/></form>
ak vsak do form dam este jedno
Kód: Vybrať všetko
<input type="submit" name="btnn" id="btnn" value="Pokracovat" style="display:none"/>
a druhe css bude vypadat
Kód: Vybrať všetko
#btnn {
background: url(ico2.png) top left no-repeat;
width: 15px; height: 15px;
border: 0px;
text-indent: -2000px;
line-height: 0px;
cursor: pointer; cursor: hand;
}
tak sa mi form tlacitko submit btnn zobrazi ihned a nie po 20sek. ja chcem aby sa mi oby dve tlacidla zobrazili az po 20sek. dakujem za radu...
*****HERO*****
Príspevky: 2446 Registrovaný: 08 máj 2006, 1:34
Príspevok
od používateľa *****HERO***** 29 apr 2014, 17:52
ako sa ti moze ten druhy submit (s id "btnn") zobrazit hned, ked ho mas defaultne schovany a dalej uz s nim nijak nepracujes? podla tvojho kodu by sa nemal zobrazit vobec
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 10:11
*****HERO***** napísal:ako sa ti moze ten druhy submit (s id "btnn") zobrazit hned, ked ho mas defaultne schovany a dalej uz s nim nijak nepracujes? podla tvojho kodu by sa nemal zobrazit vobec
zobrazis ho prekvapivo tak isto ako ten prvy .. cize v tom JavaScripte ti pribudne do elsu riadok document.getElementById('btnn').style.display="block";
presne takto to mam
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="" style="display:none"/><input type="submit" name="btnn" id="btnn" value="" style="display:none"/></form>
style
Kód: Vybrať všetko
#btn {
background: url(./img/1.png) top left no-repeat;
width: 32px; height: 32px;
border: 0px;
text-indent: -2000px;
line-height: 0px;
cursor: pointer; cursor: hand;
}
#btnn {
background: url(./img/2.png) top left no-repeat;
width: 32px; height: 32px;
border: 0px;
text-indent: -2000px;
line-height: 0px;
cursor: pointer; cursor: hand;
}
java
Kód: Vybrať všetko
<script language="javascript">
var seconds=20 ;
document.counter.d2.value='20' ;
function display(){
if(seconds > -1){
document.counter.d2.value=seconds--;
setTimeout("display()",1000) ;
} else document.getElementById('btn').style.display="block";
document.getElementById('btnn').style.display="block";
}
display();
</script>
a predstav si ze hned za mi zobrazi 2tlacidlo a po uplinuti casu zmizne 2 tlacidlo a nahradi ho 1... Ja si tiez neviem vysvetlit ze preco ked to mam presne takto ako som to sem poslal... a nechapem niekto vie co stym je ? dakujem!
audiotrack
Príspevky: 25958 Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:
Príspevok
od používateľa audiotrack 30 apr 2014, 10:15
v tom html nemáš ukončený ten textový input, chýba ti tam spätné lomítko na konci. A to zobrazenie tlačítka je preto, že tú vetvu v else nemáš v zátvorkach, tak sa vykonáva iba prvý príkaz. Ten druhý sa vykoná pri každom spustení funkcie, nepatrí k tomu else keď to nemáš spojené zátvorkami v jednom bloku
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 10:39
audiotrack napísal:v tom html nemáš ukončený ten textový input, chýba ti tam spätné lomítko na konci. A to zobrazenie tlačítka je preto, že tú vetvu v else nemáš v zátvorkach, tak sa vykonáva iba prvý príkaz. Ten druhý sa vykoná pri každom spustení funkcie, nepatrí k tomu else keď to nemáš spojené zátvorkami v jednom bloku
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="" style="display:none"\><input type="submit" name="btnn" id="btnn" value="" style="display:none"\></form>Kód: Vybrať všetko
<script language="javascript">
var seconds=20 ;
document.counter.d2.value='20' ;
function display(){
if(seconds > -1){
document.counter.d2.value=seconds--;
setTimeout("display()",1000) ;
} else { document.getElementById('btn').style.display="block";
document.getElementById('btnn').style.display="block";
}
}
display();
</script>
teraz sa 2 tlacidlo nezobrazi ani po uplinuti casu objavi sa len 1. tlacidlo...
S-player
Príspevky: 277 Registrovaný: 23 júl 2011, 22:30
Príspevok
od používateľa S-player 30 apr 2014, 10:40
Používať takýto štýl pomenovania je úplne skvelé. Ako zadeklaruješ tretie tlačidlo? #btnnn?
// Tie lomítka tam nemáš správne
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="" style="display:none"\><input type="submit" name="btnn" id="btnn" value="" style="display:none"\></form>
Kód: Vybrať všetko
<form name="counter" action="" method="post">
<input type="text" size="1" name="d2">
<input type="submit" name="btn" id="btn" value="" style="display:none">
<input type="submit" name="btnn" id="btnn" value="" style="display:none">
</form>
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 10:50
S-player napísal:
Používať takýto štýl pomenovania je úplne skvelé. Ako zadeklaruješ tretie tlačidlo? #btnnn?
// Tie lomítka tam nemáš správne
Kód: Vybrať všetko
<form name="counter" action="" method="post"><input type="text" size="1"
name="d2"><input type="submit" name="btn" id="btn" value="" style="display:none"\><input type="submit" name="btnn" id="btnn" value="" style="display:none"\></form>
Kód: Vybrať všetko
<form name="counter" action="" method="post">
<input type="text" size="1" name="d2">
<input type="submit" name="btn" id="btn" value="" style="display:none">
<input type="submit" name="btnn" id="btnn" value="" style="display:none">
</form>
aj tak sa zobrazi len to 1dno tlacidlo! boze toto neni mozne uz...
S-player
Príspevky: 277 Registrovaný: 23 júl 2011, 22:30
Príspevok
od používateľa S-player 30 apr 2014, 11:03
Skontroluj si cestu k obrázku v css tz.
Kód: Vybrať všetko
background: url(./img/1.png) top left no-repeat;
background: url(./img/2.png) top left no-repeat;
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 11:06
S-player napísal:Skontroluj si cestu k obrázku v css tz.
Kód: Vybrať všetko
background: url(./img/1.png) top left no-repeat;
background: url(./img/2.png) top left no-repeat;
cesta je v poriadku...
S-player
Príspevky: 277 Registrovaný: 23 júl 2011, 22:30
Príspevok
od používateľa S-player 30 apr 2014, 11:08
Máš to niekde online prípadne vieš sem nahodiť celú stránku ako to máš zrobené?
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 11:21
S-player napísal:Máš to niekde online prípadne vieš sem nahodiť celú stránku ako to máš zrobené?
online to nemam a cele ako to mam zrobene mam vizsie rozpisane...
nic viac v php kode nemam...
S-player
Príspevky: 277 Registrovaný: 23 júl 2011, 22:30
Príspevok
od používateľa S-player 30 apr 2014, 11:34
Nuž ja som to vyskúšal a mne to funguje čiže problém bude niekde na tvojej strane podľa všetkého...
nemo
Príspevky: 206 Registrovaný: 13 júl 2009, 7:09
Príspevok
od používateľa nemo 30 apr 2014, 15:37
S-player napísal:Nuž ja som to vyskúšal a mne to funguje čiže problém bude niekde na tvojej strane podľa všetkého...
problem bol v <div>
mal som sirku nastavenu na 50px. preto sa mi zobrazoval iba 1 obrazok prestavil som ho na 150px. a uz to fachci...
lenze mam este problem tie obrazky sa zobrazuju pod sebou da sa to nejakym sposobom nastavit aby sa zobrazovali vedla seba...?
ps. hodil som to do tabulky a hotovo...
Michaelo
Príspevky: 6177 Registrovaný: 16 júl 2008, 20:29
Bydlisko: Pri PC
Kontaktovať používateľa:
Príspevok
od používateľa Michaelo 30 apr 2014, 22:50
Stacilo dat danym tlacidlam v CSSku display: inline-block; a mal by si ich vedla seba aj bez tabuliek.
nic viac v php kode nemam...
mal som sirku nastavenu na 50px. preto sa mi zobrazoval iba 1 obrazok prestavil som ho na 150px. a uz to fachci...