- Xiaomi Mi 11 Ultra - Circus Maximus
- Garmin Forerunner 55 - bemelegítő kör
- Samsung Galaxy Watch (Tizen és Wear OS) ingyenes számlapok, kupon kódok
- A Honor és a Huawei uralja a kínai mobilpiacot
- Ezek a OnePlus 12 és 12R európai árai
- Redmi Note 13 Pro+ - a fejlődés íve
- Amazfit GTS 4 - divatos megjelenés
- Vodafone mobilszolgáltatások
- Netfone
- Samsung Galaxy Z Fold4 - egyre megy, honnan nézed
Hirdetés
-
A Video AI lehet a One UI 6.1.1 ütőkártyája
ma Vagy hogy fogja a mesterséges intelligencia manipulálni a mozgóképeket?
-
Ülésezik a hardveregylet
ph Az irodai készülékek és monitorok társaságát egy ház, egy egér és egy DAC egészíti ki.
-
Toyota Corolla Touring Sport 2.0 teszt és az autóipar
lo Némi autóipari kitekintés után egy középkategóriás autót mutatok be, ami az észszerűség műhelyében készül.
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
klambi
addikt
-
martonx
veterán
Van benne hiba rendesen. Egyrészt, a páros rész sem jó, feltéve, hogy a komplett páros tömböt ki akarod iratni.
Másrészt a páratlannál sem azt csinálod, amit kellene, sőt nem is értem mire gondoltál, hogy mit akarsz csinálni.
A feladat elég bagatell, de egy fórum nem elég arra, hogy megtanítson a programozás lapjaira.Én kérek elnézést!
-
Sk8erPeter
nagyúr
A páros, páratlan számok tömbjének kiíratásáig volt kedvem foglalkozni vele:
Kerüld az onclick()-et, inkább oldd meg úgy, ahogy írtam, kerüld a document.forms.satöbbibaromságokat, inkább használj id-t az elemekhez, és azonosítsd őket egyértelműen, vagy class alapján, vagy ilyesmi.
Meg használd a JavaScript tömbjeinek metódusait, kényelmesebbé tehetik a kódodat.
Ezenkívül kerüld az ilyen t, t1, t2 és hasonló fantáziadús változóneveket, később fingod sem lesz róla, az a változó az mit csinál, mi a szerepe, tehát nyugodtan írj jó hosszú, egyértelmű neveket, sokkal hasznosabb, legalább tudod, mire való.
Kikommenteztem a kódban direkt egy-két részt, hogy lásd, mi változott.
Ja, és a W3C validátorát is érdemes használni a kódodra, mert elég sok hibát tartalmazott.
Remélem, innentől menni fog, ne kérd senkitől, hogy csinálja meg teljesen a kódodat, ha elakadtál valamiben, kérdezz rá, mi nem megy, és akkor abban szívesen segítünk. Mondjuk szerintem így is már sok segítség volt a fenti.Sk8erPeter
-
klambi
addikt
-
martonx
veterán
-
Soak
veterán
válasz Sk8erPeter #3149 üzenetére
Köszi szépen, sikerült megcsinálni
-
Dave-11
tag
Tudnátok linkelni valami jó kis JavaScript gyorstalpalót?
Nemsokára lesz egy versenyem, webprog kategóriában indultam, és kell html, css, php és javascript. Ezek közül mind megvan (nem egy profi szinten de megvan), kivéve a javascript. Egyszer elkezdtem nézni egy videósorozatot róla, de semmit nem értem, mivel csak az alap dolgokat magyarázta, változók, if - else, for, while, stb. de ezeket más nyelvekből már jóformán tudtam.
Valami olyanra gondoltam, ami a javascript tényleges, gyakorlati használatát tárgyalja. Például voltak ilyen feladatok: legyen az oldalnak egy fejléce, ami egy kép, és 10 másodpercenként váltakozik, vagy a háttér 5 másodpercenként, vagy ha két input mezőbe beírok két számot akkor azokat összeadja, ilyesmi.
Tudnátok segíteni?:D Semmi :D
-
Sk8erPeter
nagyúr
válasz Dave-11 #3161 üzenetére
Esetleg innen összeszedheted az alapokat:
http://nagygusztav.hu/web-programozas
van benne külön JS-rész is.
Csak belepörgettem, az alapján az alapokhoz talán jó lehet. Csak az ilyen document.urlap.tipus[0].checked-jellegű kódokat ne jegyezd meg, és ne használd majd a későbbiekben.Amiket leírtál, azok egyébként lazán összeguglizhatók. Én speciel össze-vissza ugráltam a tanulásban, rendszertelenül kutakodtam mindenféle engem érdeklő probléma után, könyvtárból kivettem szakkönyveket, e-bookokat nézegettem, példakódokat bújtam Guglizás után, nálam nem volt különösebben rendszer a tanulásban, de aztán szép lassan kezdett összeállni a kép, bár így is nyilván van egy csomó minden, amiről még fogalmam sincs.
Mindenesetre webprogramozós versenyen bátorság elindulni JavaScript-tudás nélkül, mikor lesz? Mennyi időd van felkészülni?Sk8erPeter
-
Dave-11
tag
válasz Sk8erPeter #3162 üzenetére
Hát már tavaly is voltam ezen a versenyen, igazából csak a döntőben volt javascript vagy jQuery segítségével megvalósítható feladat, de ez kb a a feladatlap 5%-át tette ki, szóval inkább CSS meg PHP.
Amúgy a döntőig még kb 3 teljes hónap van hátra.:D Semmi :D
-
Jim-Y
veterán
Én befejeztem, JQuery-t használtam, szerintem nem árt ha már az elején megismerkedsz vele, írtam kommenteket is, de nyílván a nagyja rád marad
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
Szerintem az ember akkor ismerkedjen meg a jQuery-vel, ha már van plain JavaScriptben valami megalapozott tudása.
Persze ezzel lehet vitatkozni, de nem árt, ha az ember tudja, milyen munkától kíméli meg egy library, mi történik a háttérben, különben problémás működés esetén az ember csak néz majd nagyokat.Szerk.:
miért rakod OFF-ba a jsFiddle-példákat? Ez eléggé ON.$("#num_array_result").text("").append("A számok:\n");
Ennek mi értelme?
Akkor már:
$("#num_array_result").text("A számok:\n");
Az isOdd függvényt miért az .each-en belül deklarálod?
Na jó, nem nézem tovább.[ Szerkesztve ]
Sk8erPeter
-
Jim-Y
veterán
válasz Sk8erPeter #3166 üzenetére
lehet, nem szállok vitába, mert simán igazad lehet, ebben az esetben kicsit kódolgattam, nézze meg a delikvens, hogy sokkal kevesebből is össze lehet hozni
mert egész nap lassu volt a jsfiddle nálam, most is, így a hsz előbb született meg minthogy betöltött volna a fiddle, ezért offba raktam, hátha nem tudom időben feltölteni
[ Szerkesztve ]
-
Jim-Y
veterán
válasz Sk8erPeter #3166 üzenetére
Azért nullázom az elején .text("")-vel mert különben újabb gombnyomásra újból appendelné, így gyűlne a kód, hogy az első alaklommal miért .text().append() ? egész egyszerűen mert elsőre csak .append() volt aminél fennállt a felső hiba, így debug után csak gyorsban javítottam
Az isOdd dolgot meg elnézted, az nem a .each-ben van
-
martonx
veterán
válasz Sk8erPeter #3166 üzenetére
szvsz, ha valaki rendesen beleássa magát a plain js-be, akkor szinte kár is jquery-re átváltani. Feltéve persze, hogy nem kell jquery ui, vagy jqgrid vagy valami komolyabb okosság. Mert ha azoknál már úgyis behúzod a jquery-t, akkor már érdemes máshol is használni.
Ráadásul a css3 animálásokban is annyira erős, hogy az alap jquery-vel megoldott animálások szerepét is simán át tudja venni.
Mobilra kihegyezett oldalaknál meg Jquery Mobile ide, vagy oda, egyenesen hibának tartom a Jquery alkalmazását.
A fenti véleményemtől függetlenül persze most is jó szívvel használom a Jquery-t.Én kérek elnézést!
-
Sk8erPeter
nagyúr
válasz martonx #3169 üzenetére
Hát én annak idején a plain JS tanulmányozásával kezdtem, persze a mai napig vannak újdonságok, és egyáltalán nem mondom, hogy "rendesen" beleástam magam, de azért legalább nem okoz problémát, ha a plain JS-hez kell nyúlnom....ettől függetlenül nem sírom vissza a plain JS-es kódírkálásokat, azért nagyon sok kód a sokszorosa lehet tényleg, mint jQuery-vel megírva, ha már library, és ha már össze van gyűjtve olyan tudásbázis, amire építve már lehet cross-browser-közeli kódot írni, kevesebb macerával: például hogy sok-sok függvény megírásával nem neked kell tökölni, meg ahogy a honlapon is írják, kevesebbet kell gépelni. Persze lehet minden köré valami saját wrappert írni, de akkor már lassan ott tartunk, hogy felfedezzük a spanyolviaszt. Szóval én nagyon szívesen váltottam át jQuery-re, és nem nagyon vágyom rá, hogy plain JS-ben írogassam a kódjaimat, csak ha nagyon muszáj. Tehát szerintem nem kár átváltani, még ha erőforrás-igényesebb is, igényesen megírt kód nem azon fog elvérezni, hogy pár(tíz) milliszekundummal később fut le a kód.
Mobilnál nincs tapasztalatom, ott biztos más a helyzet, és ott azért számít az erőforrásigény-beli különbség."Ráadásul a css3 animálásokban is annyira erős, hogy az alap jquery-vel megoldott animálások szerepét is simán át tudja venni."
Itt mire gondolsz?Sk8erPeter
-
Sk8erPeter
nagyúr
Vágom, hogy ott miért nulláztad úgy, de akkor is felesleges. Appendelni később is tudsz, miután sima text()-tel felülírtad az ott lévő szöveget.
Ja, valóban, egy zárójellel elnéztem (megmondom őszintén, csak átpörgettem a kódodat), és nem az .each-ben van a függvénydefiníciód, hanem a .click() eseménykezelőben, az sem sokkal jobb...
Egyébként sztem ez annyira nem volt jó példa arra, hogy a jQuery-ben kevesebb kóddal is meg lehet oldani a dolgot, mert Te meg jQuery-ben írattál ki sok olyan infót, ami igazából indokolatlan, mint pl. a "Legnagyobb páratlan szám", "\n\nÖsszegük" és a többi statikus szöveg. Itt a korábbi plain JS-kódot lehetett volna úgy is módosítani, hogy rövidebb és jóval szebb legyen.
Persze félre ne érts, azért jó, hogy mutattál alternatívát.[ Szerkesztve ]
Sk8erPeter
-
Dave-11
tag
Van az alábbi jQuery kódom, amivel azt szeretném elérni, hogy egy header osztályba tartozó div-nek megváltoztassa a háttér képét az animate() eseménnyel, de valamiért nem működik. Vetnétek rá egy kukkantást:
$(document).ready(function(){
var x = 1;
function bgEffect(){
if(x==1){
$("div.header").animate(function(){
'background-image' : 'url(img/bg_02.jpg)'
},"slow");
} else if(x==2){
$("div.header").animate(function(){
'background-image' : 'url(img/bg_03.jpg)'
},"slow");
} else if(x==3){
$("div.header").animate(function(){
'background-image' : 'url(img/bg_01.jpg)'
},"slow");
}
window.setInterval("bgEffect()",1000);
}
bgEffect();
});:D Semmi :D
-
Jim-Y
veterán
-
Sk8erPeter
nagyúr
Nem erre gondolsz?
http://prohardver.hu/tema/jquery_kerdesek/hsz_978-978.html
http://prohardver.hu/tema/jquery_kerdesek/hsz_966-966.htmlSk8erPeter
-
Karma
félisten
válasz Sk8erPeter #3176 üzenetére
Nem egészen. Volt később egy olyan is, ahol piros-zöld-kék négyzetek fade-elnek egymásba. Megnézem, hátha rajta van a dashboardomon. Köszi amúgy hogy rákerestél
Szerk.: Sajnos nincs meg.
[ Szerkesztve ]
“All nothings are not equal.”
-
Sk8erPeter
nagyúr
Ja OK, de végül is workaround lehet a háttérkép-változtatás helyett a sima img tagekkel szórakozás, ezért írtam, tudom, hogy itt nem konkrétan backgroundok változtak.
így meg így meg így kerestem a nevednél, ezek alapján még nincs meg, szóval nem tudom, melyikre gondolsz
Szerk.: piros-zöld négyzetek már megvannak:
http://prohardver.hu/tema/javascript_topic/hsz_3035-3035.html
De ennek nincs sok köze a témához, szóval sanszos, hogy nem erre gondoltál, vagy nem vágom[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
Hehh:
http://prohardver.hu/tema/jquery_kerdesek/hsz_1742-1742.htmlMost nem tudom, miért szottyant kedvem eltölteni 10 percet azzal, hogy ezt csak azért is megtaláljam. (mondjuk csak végig kellett pörgetni a másik topicban a hsz.-eidet, és az összes jsFiddle-példára ráklattyintani )
[ Szerkesztve ]
Sk8erPeter
-
Dave-11
tag
Na hát végül is sikerült megoldanom, vetnétek rá egy pillantást, meg esetleg mondanátok egy véleményt a kódról, hogy mennyire jó? Igazából kezdő javascript/jquery tanonc vagyok
Első jsfiddle dokumentumomt!!
:D Semmi :D
-
Sk8erPeter
nagyúr
válasz Dave-11 #3180 üzenetére
Nem rossz, de ezzel a randommal az a baj, hogy kevés elemnél nyilván könnyen előfordulhat, hogy ugyanaz a kép többször előfordul egymás után.
Amúgy a jsFiddle-re felrakott kódnál nincs szükség a html, head részre.jQuery Cycle pluginnel, mint könnyen konfigurálható alternatíva (ehhez az "Add Resources"-nél beraktam a plugin JS-fájlját:
Sk8erPeter
-
Dave-11
tag
válasz Sk8erPeter #3181 üzenetére
Hú ez szuper, és akkor ez teljesen random csinálja a dolgot úgy hogy lehetőleg ne váltson arra a képre, ami éppen van
Meg van egy csomó effekt lehetőség:D Semmi :D
-
Dave-11
tag
-
Sk8erPeter
nagyúr
válasz Dave-11 #3184 üzenetére
Szerintem nem kár, hát pont ezt írtam korábban, hogy a randomizálás nem sok kép esetén hülyeség, mert akkor könnyen előfordulhat az, hogy egymás után ugyanazok a képek jelennek meg fadeTo-val.
Viszont tudja a randomizálást is:
http://jquery.malsup.com/cycle/begin.html4 - Choose Other Options
...
$('#s6').cycle({
fx: 'scrollDown',
random: 1
});Sk8erPeter
-
Dave-11
tag
Egy kis kamu webshopot csinálok, igazából az egész csak egy oldalból áll, jelenleg van benne egy lenyíló lista pár termékről, és e mellett egy html input mező. Az lenne a lényeg, hogyha a termék nevére kattintok a lenyíló listában, akkor az a lenyíló lista mellett egy szöveget módosít, annak megfelelően, hogy mennyi az ára (az option tag value értéke) a terméknek. Valahogy így:
<select id="proci">
<option value="10000" onClick="document.getElementById('ar').innerHTML = this.value;">Kétmagos proci</option>
<option>...</option>
<option>...</option>
<option>...</option>
</select>
<p id="ar"></p> // ezt fogja a kattintás megváltoztatni
Na ez eddig jó is, csak kicsit zavaró, hogy így kell beírnom a javascript kódot. Próbáltam, hogy csinálok neki egy külön függvényt, de valamiért nem volt jó. Pl.:
<script language="javascript">
function arValt(ar){
document.getElementById('ar').innerHTML = ar;
}
</script>
<select id="proci">
<option value="10000" onClick="arValt(this.value);">Kétmagos proci</option>
</select>
Mi lehet a gond?:D Semmi :D
-
Jim-Y
veterán
-
Jim-Y
veterán
De ha jól értettem, hogy mit szeretnél megvalósítani, akkor azt így lenne célszerű(bb): http://jsbin.com/ukilit/4/edit
-
Dave-11
tag
Na műkszik a dolog
Próbáltam már korábban is ezt az onChange dolgot, csak akkor nem volt jó, utána meg az volt a baj hogy nem működtek a függvények, amiket ezekhez az eseményekhez párosítottam. És az volt a gond, hogy a $(document).ready(); -n belülre írtam meg őket:D Semmi :D
-
Jim-Y
veterán
válasz Dave-11 #3190 üzenetére
a $(document).ready() az jquery, amivel szintén egyszerűen meg lehet oldani a dolgot:
A működése nagyon hasonló a pure js-éhez, a JQ kód figyeli, hogy a proci element mikor változik, ha változik, akkor az ar elem. text fieldjébe beleírja a változás (change) eseményt kiváltó event egyik propertyjét, esetünkben ez a target.value ami épp az lesz, ami kell nekünk.
-
Sk8erPeter
nagyúr
Az e.target.value sem rossz, de jelen esetben a this.value beszédesebb lehet, meg első ránézésre is könnyen érthető. Tehát
$("#ar").text(e.target.value);
helyett itt
$("#ar").text(this.value);
is teljesen jó: http://jsfiddle.net/4qbAg/3/Ettől függetlenül jó megoldást mutattál!
Sk8erPeter
-
Sk8erPeter
nagyúr
Ezt a Visual Event bookmarkletet vágjátok?
http://www.sprymedia.co.uk/article/Visual+Event+2
"Visual Event is an open source Javascript bookmarklet which provides debugging information about events that have been attached to DOM elements. Visual Event shows:
» Which elements have events attached to them
» The type of events attached to an element
» The code that will be run with the event is triggered
» The source file and line number for where the attached function was defined (Webkit browsers and Opera only)
» In addition to being useful for debugging your own code, Visual Event can be used as an educational tool, showing how many web-sites have been authored."Van Opera-extension is:
https://addons.opera.com/en/extensions/details/visual-event-2/?display=enSzépen mutatja az event handlereket, ha az adott elem fölé visszük az egeret, például most megnéztem a jquery.com-ot, az alsó Quick Access mező fölé vittem:
Ezt elvileg lehet a developer toolbar segítségével is, de szerintem sokkal macerásabb, meg nem ennyire gyorsan áttekinthető.
Sk8erPeter
-
nobela
senior tag
Sziasztok, összeütöttem egy kis céges honlapot, IE10, Chrome és Opera Mini alatt hibátlan, de IE9 alatt nem töltődik be rendesen, pár elem kimarad.
Ráguglizva azt gyanítom, hogy a Google Analytics javascript kódjával lehet valami, ami IE9 alatt nem fut le normálisan.
Mivel csak hobbista vagyok, jól jönne bármilyen (egyszerű) segítség azzal kapcsolatban, hogy merre induljak el?
Köszi.
ÁRESÉS !!! Sennheiser HD 650 (szinte teljesen új) magyar garanciával, akár ezüstözött szimmetrikus kábellel is eladó 119.900.- Ft
-
nobela
senior tag
Bocs, lejárt a szerkesztési idő...
Az is elég lenne, ha IE9 alatt egyszerűen át lehetne ugrani a Google Analyticset, egyelőre ez még nem olyan fontos (félig-meddig még csak tesztüzemben megy az oldal).
Ezt a kódot találtam, esetleg segíthet?
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
[ Szerkesztve ]
ÁRESÉS !!! Sennheiser HD 650 (szinte teljesen új) magyar garanciával, akár ezüstözött szimmetrikus kábellel is eladó 119.900.- Ft
-
nobela
senior tag
válasz martonx #3196 üzenetére
Szívesen, de mivel ez egy (igaz csak kezdemény), de céges oldal, nem szeretném ha reklámnak minősülne, és bannolnának...
Nyilván én is örülnék ha nálam komolyabb szakértők (szerintem itt csak ilyen van) megnéznék hogy mi lehet a gond.
[ Szerkesztve ]
ÁRESÉS !!! Sennheiser HD 650 (szinte teljesen új) magyar garanciával, akár ezüstözött szimmetrikus kábellel is eladó 119.900.- Ft
-
nobela
senior tag
Ha nem hát nem
www.nyugdijportal.hu
Chrome, IE10, Opera Mini és Opera Mobile 9.5 alatt többé-kevésbé azt kapom amit szeretnék...
Csak az a fránya IE9ÁRESÉS !!! Sennheiser HD 650 (szinte teljesen új) magyar garanciával, akár ezüstözött szimmetrikus kábellel is eladó 119.900.- Ft
Új hozzászólás Aktív témák
- Gaming notebook topik
- PlayStation 5
- Autós topik
- A fociról könnyedén, egy baráti társaságban
- Steam Deck
- AMD Ryzen 9 / 7 / 5 / 3 5***(X) "Zen 3" (AM4)
- Milyen CPU léghűtést vegyek?
- Fejhallgató erősítő és DAC topik
- Bugok, problémák a PROHARDVER lapcsaládon
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- További aktív témák...