Új hozzászólás Aktív témák
-
trisztan94
őstag
Sziasztok!
Csináltam egy visszaszámlálót, 3-tól számol vissza, viszont azt vettem észre, hogy egy másodpercben semmit sem csinál és csak utána kezd el számolni. Szóval konkrétan vár egy mp-et mielőtt elkezdené. Sehogy sem tudok rájönni, hogy mi lehet a baj
Here ist das code:
$(document).ready(function() {
var timer=3;
window.setInterval(function() {
$('#timer').html(timer);
timer--;
}, 1000);
});illetve lehet-e jQueryben átirányítani?
Köszi
T
https://heureka-kreativ.hu
-
Speeedfire
nagyúr
válasz trisztan94 #1301 üzenetére
A setInterval 1000-res paramétere miatt várakozik.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
martonx
veterán
válasz Speeedfire #1302 üzenetére
Ez a normális működés része. Hiba nincs, csak éppen így ez 4 másodpercig számol vissza másodpercenként.
Ergo, ha 3-ig akarod, hogy visszaszámoljon, akkor 2-re kell állítani a var timer-t.
A kijelzett másodperc számhoz meg hozzá kell adni 1-et, és jó is lesz.
Vagy újra gondolod a logikádat.Én kérek elnézést!
-
trisztan94
őstag
válasz martonx #1303 üzenetére
Köszönöm!
Igazából nem nagyon értem a logikáját, hogy miért várakozik, hiszem a function előbb fut le, mint a milisecundum paraméter, nem?
Szerk:
Hm, érdekes módon így is várakozik 1 mp-et.
Most jelenleg így néz ki:var timer=2;
window.setInterval(function() {
$('#timer').html(timer+1);
timer--;
}, 1000);[ Szerkesztve ]
https://heureka-kreativ.hu
-
Speeedfire
nagyúr
válasz trisztan94 #1304 üzenetére
Leírom megint. A setInterval miatt várakozik 1-et. Állítsd át az 1000-ret 0-ra és akkor nem fog várni.
$(document).ready(function() {
var timer=3;
window.setInterval(function() {
$('#timer').html(timer);
timer--;
}, 0);
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1305 üzenetére
Az fasza lesz, mert akkor már legalább csak az eredeti cél nem teljesül, hogy másodpercenként számoljon vissza....
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz trisztan94 #1304 üzenetére
Mi az a timer+1?
Ez jó, csökkentetted eggyel a kezdeti értéket a 3-ról 2-re, de azért biztonság kedvéért hozzáadtál plusz egyet, hogy pontosan ugyanott tarts, ahol előtte. (facepalm)Amúgy nem értelek, martonx már elmondta a megoldást elég egyértelműen, hozzátéve persze, hogy ez így nem túl szép megoldás, de van egy
<p id="timer">3</p>
elemed, és a timer-t pedig 2-ről indítod, a korábbi kódoddal, azt' kész vagy.
De nem ártana betenni egy időzítés-leállítót, hogy azért 0-nál lejjebb ne számolgasson már...Sk8erPeter
-
martonx
veterán
-
trisztan94
őstag
válasz Sk8erPeter #1307 üzenetére
Szerintem félre értettem amit mondott, azért csináltam így Köszönöm a felvilágosítást neked is és a többieknek is
https://heureka-kreativ.hu
-
Speeedfire
nagyúr
Van valami előre megírt script amivel megoldható az, hogy az oldalon lévő képek helyén amíg be nem töltöttek, addig egy töltés icon jelenjen meg?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
válasz Speeedfire #1311 üzenetére
-
Speeedfire
nagyúr
válasz Peter Kiss #1312 üzenetére
Ezzel ilyet is lehet?
Én csak arra használtam eddig, hogy csak akkor töltötte/jelenítette meg a képeket ha "odagörgettem".
Ránézek, köszi.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
JQuery UI helyett mi van még, ami sokat tud és látványos?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
-
Speeedfire
nagyúr
válasz Sk8erPeter #1315 üzenetére
Konkrétan? Még én sem tudom.
Csak nézelődök a neten, hogy miket lenne érdemes felhasználni. Form/gomb/modal stb.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1316 üzenetére
OK, de azért kérdeztem, mert van mindenféle egyéb UI is, mint az ExtJS, meg ilyenek, de lehet, hogy amire neked kell, arra overkill, így pl. hacsak nem komplex kliensoldali logikával felruházott alkalmazást fejlesztesz, akkor az esetek nagy részében elég a jQuery UI meg pár jQuery plugin.
[ Szerkesztve ]
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #1317 üzenetére
Ez az ExtJS elég durva. Te ilyet használsz?
Bootstrap szerű UI-ra gondoltam. Csak szerintem elég nagy, 400kb az egész.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Karma
félisten
válasz Speeedfire #1318 üzenetére
Én használtam a mobilos változatát (Sencha Touch).
Elég meredek.400 KB sok lenne? Szerintem az lófütty, főleg a cachelés korában
[ Szerkesztve ]
“All nothings are not equal.”
-
Speeedfire
nagyúr
Ez a sencha is igen meredek.
Közben jobban megnézve, ha csak a min-eket rakom fel csak 150KB. Ja és a cache-ről meg is feledkeztem, szóval akkor marad szerintem.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1318 üzenetére
Áhh, nem használtam még érdemben az ExtJS-t.
A Bootstrap úgy tudom, elég jól használható, személyes tapasztalatom nincs vele, de így leírás alapján elég jónak és könnyen kezelhetőnek tűnik, bár a carouselen meg egy-két ilyesmin kívül nem tudom, a JavaScriptes része miben több, mint a jQuery UI...
http://twitter.github.com/bootstrap/javascript.html#modals
itt azért vicces a "Launch demo modal"-ra kattintás után, hogy van ez a
"This link and that link should have tooltips on hover.", és egy darab tooltip sincs egyik böngészőben sem...Sk8erPeter
-
martonx
veterán
Elég meredek alatt mit értesz? Komoly, jó cucc, vagy épp ellenkezőleg?
Mondjuk nekem alapból szimpatikusabbak a leíró framework-ök (pl. Jquery Mobile), mint a háttérben létrehozós (Sencha Touch) framework-ök. Ez persze elég szubjektív dolog.Mindkét framework típusra van egy-egy jó angol műszó, ami most nem jut az eszembe
Én kérek elnézést!
-
Speeedfire
nagyúr
válasz Sk8erPeter #1321 üzenetére
A hibát meg egyből kiszúrod.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
Ha valaki otthon a twitter api-ban segíthetne megtalálni, hogy mivel lehet visszakérni a tartalomban lévő link rövidített verzióját.
Ezt a jQuery plugint találtam rá, de ha jól tudom akkor lehet a t.co-s linket kérni valahogy.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz Speeedfire #1325 üzenetére
Talán megvan a megoldás rá.
20 karakter fölött alapból t.co url-el jön, de valami miatt ez ki volt kapcsolva a scriptben.
Kikommentezve a for részt, már jó is lett.function linkURLs(text, entities) {
return text.replace(url_regexp, function(match) {
var url = (/^[a-z]+:/i).test(match) ? match : "http://"+match;
var text = match;
/*for(var i = 0; i < entities.length; ++i) {
var entity = entities[i];
if (entity.url == url && entity.expanded_url) {
url = entity.expanded_url;
text = entity.display_url;
break;
}
}*/
return "<a title='bejegyzés megtekinktése' target='_blank' href=\""+escapeHTML(url)+"\">"+escapeHTML(text)+"</a>";
});
}Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
Valaki megtudná mondani, hogy a bootstap-nél ha az input mezőbe kattintok, hogy jön elő a körvonalas grow effekt? A css-ben semmit sem veszek észre.
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1327 üzenetére
Hát pedig ott van az, CSS3-as cuccos:
bootstrap.css
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}itt a transitionös rész a leginkább érdekes.
Szerk: OFF.
[ Szerkesztve ]
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #1328 üzenetére
Valóban, ott van a focus. De én magában a google web eszközben nem találtam.
Köszi.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1329 üzenetére
Pedig én is onnan szedtem. (mármint a Chrome Developer Tools-ból, gondolom arra gondolsz)
Nincs mit!Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #1330 üzenetére
Igen, arra gondoltam, de én még most sem látom a jobb oldalon.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
v2izzy
tag
válasz Speeedfire #1331 üzenetére
Mert alapból nem mutatja az elemhez tartozó css-nél, azt ha valamilyen más állapotban van (focus, hover stb.), de ha inspectorba jobbklikkelsz a vizsgált elementre, akkor a Force element state-nél kíválaszthatod a kívánt állapotot.
http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger
-
Karma
félisten
-
Speeedfire
nagyúr
válasz Sk8erPeter #1336 üzenetére
Ja, valóban az, többek között ezért sem találtam.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
v2izzy
tag
válasz Sk8erPeter #1336 üzenetére
http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger
-
Speeedfire
nagyúr
Miért van az, hogy ennél nem tiltja le a click-elést?
Elkezdi betölteni a tartalmat, majd az oldal újratölt.$('#main-socials ul li a').each(function() {
$(this).click(function(e){
var mi = $(this).attr('rel');
$('#main-socials .heads').removeClass('active');
$(this).parent('li').addClass('active');
$('#main-socials .socials').hide('slow');
$('#main-socials #'+mi).show('slow');
e.stopPropagation();
});
$(this).hover(
function(){
$(this).animate({
'opacity': 0.45
}, 500);
}, function(){
$(this).animate({
'opacity': 1
}, 500);
}
);
});[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1341 üzenetére
Felesleges ezt .each()-be rakni.
Szedd ki belőle, és esélyes, hogy jó lesz.Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #1342 üzenetére
Jó, de ott a hover is, vagy arra rakjak egy másik figyelést?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #1343 üzenetére
Hallottál már változókról?
Akkor külön is bonthatod, de igazából nem is feltétlenül kell változó, ha láncolod.
De ha akarod, akkor a kettő kombinációja is megy:Pl.:
var $socialLinks = $('#main-socials ul li a');
$socialLinks
.click(function(e){
// .......
})
.hover(function(e){
// .......
}, function(e){
// .......
});[ Szerkesztve ]
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #1344 üzenetére
Má' hogyne hallottam volna róla. De megvan a gond...
e.stopPropagation(); használtam az e.preventDefault(); helyett.
Most már jó.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
-
Speeedfire
nagyúr
Az miért van, hogy deklarálok egy funkciót, de nem tudom elérni?
Ja és még a console-ban sem megy.//a notificatio visszajelzés fade-elése
function fadenotification() {
$("#resultAjax div").animate({opacity: 1.0}, 3000).fadeOut("slow");
}
//ajax successben meg meg akarom hívni és semmiFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Coyot
őstag
-
Sk8erPeter
nagyúr
Új hozzászólás Aktív témák
- Motorola Edge 40 neo - színre és formára
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Autós kamerák
- Android alkalmazások - szoftver kibeszélő topik
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
- Ukrajnai háború
- Videó stream letöltése
- Gaming notebook topik
- Motorola Moto G24 Power - hol van az erő?
- Milyen videókártyát?
- További aktív témák...