Keresés: - JavaScript topic - LOGOUT Hozzászólások

Hirdetés

Legfrissebb anyagok

LOGOUT témák

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

Keresés

LOGOUT

Frissítve: 2014-02-25 10:20 Téma összefoglaló

LOGOUT

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

libamajas tag

#5781
#5777 Sk8erPeter
2015-12-13 18:13:19

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5777 Sk8erPeter

#5777 Sk8erPeter
Több hiba is van benne. Egyrészt az a nagy hiba, hogy nem raktad fel nekünk jsFiddle-re, hogy egyből tesztelni tudjuk, másrészt nem használtad a kód kijelölése után itt a fórumon a Programkód gombot, hogy normálisan nézzen ki.
Aztán:
1.
var napok = ["H", "K", "Sz", "Cs, P"];
ez ez akart lenni:
var napok = ["H", "K", "Sz", "Cs", "P"];
(külön a "Cs", "P" stringek)
2.
document.write("<div>" + napok + "</div>");
Ennek semmi értelme, mert a napok egy tömb, míg te a tömb cikluson belüli aktuális elemére vagy kíváncsi, ami a napok[i], vagyis az előzőnek a ciklusváltozóval indexelt formája.
Ezenkívül document.write()-ot nem használunk a gyakorlatban. SOHA. Még ha a tanár azt is mondja, akkor sem. Ha a tanár azt mondja, akkor le van maradva. Bár már akkor sem volt értelme, amikor divatos volt használni.
3.
fokok(i)
itt már láthatóan indexelni akartál, csak nem jött össze. Indexelésre a szögletes zárójelet használjuk, tehát így: fokok[i].
4.
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
Itt az <img ...> részt úgy kezded el, hogy elfelejtetted stringként átadni. Tehát ez így nem lesz jó.
Így jó lenne:
document.write("<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>");
A feltétel másik részénél ugyanez.
Itt láthatsz egy működő változatot:
http://jsfiddle.net/5hvwzquf/
=====================================
(#5776) Agostino:
Akkor jó.
libamajas tag

#5775 2015-12-13 15:40:56

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

Sziasztok!
Megtudjátok mondani mi a hiba?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Időkép demo</title>
<style type="text/css">
.element {
float: left;
}
.element div {
text-align: center;
}
</style>
</head>
<body>
<div id="container"></div>
<div>
<script>
var i;
var napok = ["H", "K", "Sz", "Cs, P"];
var fokok = [2 3, 8, 5, -6];
for(i = 0; i < napok.length; i++) {
document.write("<div>" + napok + "</div>");
document.write("<div>" + fokok(i) + "</div>");
if(fokok(i) < 5) {
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
} else {
document.write(<img src='https://cdn0.iconfinder.com/data/icons/good-weather-1/96/weather_icons-68-128.png'>);
}
}
</script>
</div>
</body>
</html>
libamajas tag

#5734
#5730 Speeedfire
2015-12-08 09:27:39

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5730 Speeedfire

#5730 Speeedfire
Lassan itt a téli szünet, ha érdekel a dolog, akkor feküdj rá.

Tudsz ajánlani néhány magyar oldalt ahol a teljes JS-t áttudnám nézni?
libamajas tag

#5729
#5728 Speeedfire
2015-12-07 20:07:47

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5728 Speeedfire

#5728 Speeedfire
"De ezt már nem valószínű, hogy betudom építeni."
Ugye most csak viccelsz velünk?

Úgy értem hogy nincs rá időm.
libamajas tag

#5727
#5726 fordfairlane
2015-12-07 19:16:12

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5726 fordfairlane

#5726 fordfairlane
Mondjuk ha valami ősrégi anyag alapján megy a js tanítás, akkor esetleg lehet az egész ciklus helyére tenni valami document.write -ot. A document.write-ba a teljes html-t bele kell pakolni. Valami ilyesmire gondolok, nem kidolgozva, csak hevenyészett pszeudokód szinten:
<div> <script> var i; var napok = ["H", "K", "Sz", "Cs"]; var fokok = [2 3, 8, 5]; for(i = 0; i < napok.length; i++) { document.write("<div>" + napok[i] + "</div>"); document.write("<div>" + fokok[i] + "</div>"); if(fokok[i] < 5) { document.write("<img src='hideg.jpg'>"); } else { document.write("<img src='meleg.jpg'>"); } } </script> </div>
Ez épp eléggé elavult módszer ahhoz, hogy megfeleljen az oktatási rendszer színvonalának.

Igen, valami ilyesmi
De ezt már nem valószínű, hogy betudom építeni.
libamajas tag

#5725
#5724 fordfairlane
2015-12-07 18:53:52

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5724 fordfairlane

#5724 fordfairlane
Csak aztán nehogy az legyen a probléma, hogy olyan technika van benne, amit nem tanultatok, és emiatt esetleg gyanús lesz. Igyekeztem a lehető legáltalánosabb DOM metódusokat használni.

Ez már legyen az én bajom. Köszönöm még egyszer!
libamajas tag

#5723
#5722 fordfairlane
2015-12-07 18:47:58

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5722 fordfairlane

#5722 fordfairlane
De csak mert nagyon ráérek:
Szerk:
[link]

Köszönöm!
A tanár 100% nem hiszi el, hogy ezt én csináltam, de azért jobb beadni valamit mint semmit.
libamajas tag

#5721
#5720 fordfairlane
2015-12-07 18:33:09

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5720 fordfairlane

#5720 fordfairlane
[link]
Ez a sor nem kell, véletlenül maradt benne:
background-size: 64px 64px;

Itt meg a napok maradtak le .
Mind 1, megpróbálom magamtól megoldani.
Azért köszönöm a segítségeteket!
libamajas tag

#5718
#5717 trisztan94
2015-12-07 17:36:37

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5717 trisztan94

#5717 trisztan94
"...a html és css megy"
Azt nehezem tudom elképzelni annak tükrében, hogy nem tudtad hova rakd a stílusokat és a scripteket.
"Hogyan tudom kiiratni a fokokat a képek alá?"
Tétrehozol egy új sort és annak a megfelelő cellájába írod. Ha megy a HTML, mennie kell.
document.write(napokHomerseklete+" ");
A napokHomerseklete egy tömb. Ha simán kiírod így, az egész tömböt írja ki, nem az adott nap hőmérsékletét. Az i-edik (ciklus indexe, mely megfelel a tömb indexeinek) napnak akarod a hőmérsékletét.
Ezt a cikluson belülre kell, hogy a megfelelő naphoz rakja be.

Én ide írtam
for (var i = 0; i < napokHomerseklete.length; i++)
{
document.write(napokHomerseklete+" "); <==========
}
{
if (napokHomerseklete <= 5) {
idojarasClass = 'hideg';
} else {
idojarasClass = 'meleg';
}
currentElement = document.getElementsByTagName("td")(i);
currentElement.classList.add(idojarasClass);
}
}
libamajas tag

#5716
#5714 Speeedfire
2015-12-07 17:20:50

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5714 Speeedfire

#5714 Speeedfire
Innen másold ki. A jsfiddle csak egy "homokozó", ott elég sok mindent ki lehet próbálni.

Hogyan tudom kiiratni a fokokat a képek alá?
Sajnos ez nem vált be.
Kiiratja a fokok számát, de viszont akkor már nincs ott a kép és a napok sem.
document.write(napokHomerseklete+" ");
libamajas tag

#5715
#5714 Speeedfire
2015-12-07 17:04:51

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5714 Speeedfire

#5714 Speeedfire
Innen másold ki. A jsfiddle csak egy "homokozó", ott elég sok mindent ki lehet próbálni.

Ezer hála!
Megpróbálok több időt fektetni a JS-be, a html és css megy. Sajnos nagyon szegényesen tanították anno nekem a JS-t. Már magát a javát is.
libamajas tag

#5712
#5710 Speeedfire
2015-12-07 16:43:09

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5710 Speeedfire

#5710 Speeedfire
Ez teljesen vanilla js. Kivettem belőle a jQuery-t.

Bemásoltam geanybe de nem akar működni
libamajas tag

#5709
#5708 martonx
2015-12-07 16:33:02

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5708 martonx

#5708 martonx
Mi lenne, ha egy sornyi js-t megpróbálnál magadtól megérteni, és átírni, olyanra amilyenre neked kell?

nem lenne rossz.
libamajas tag

#5707
#5706 trisztan94
2015-12-07 16:18:54

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5706 trisztan94

#5706 trisztan94
Arra figyelj, hogy jQuery-t is rakott bele a kolléga, így ha vanilla JS-ben kell megcsinálni a feladatot, nem feltétlen fogják így elfogadni.
Gondolom sulis beadandó ebben a remek oktatási rendszerben?

Pontosan! Akkor ez így kuka?
Szerintem vanillába kell. Vanillába hogy nézne ki?
libamajas tag

#5704
#5703 Speeedfire
2015-12-07 14:00:50

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5703 Speeedfire

#5703 Speeedfire
Igen.
//az adott i-edik td elemhez hozzá adok egy css osztályt hideg/meleg
$("td:eq(" + i + ")").addClass(idojarasClass);
//ez a 2 sor csak logolás debug miatt
console.log(i);
console.log(idojarasClass);

Sokat kell még tanulnom 😞
libamajas tag

#5702
#5701 Speeedfire
2015-12-07 13:51:28

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5701 Speeedfire

#5701 Speeedfire
Itt egy példa rá.

Ezt te csináltad? ☺
Ezt a sort nem igazan értem.
$("td:eq(" + i + ")").addClass(idojarasClass);
console.log(i);
console.log(idojarasClass);
libamajas tag

#5697
#5696 Speeedfire
2015-12-07 09:52:08

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5696 Speeedfire

#5696 Speeedfire
Fijuba nem vót?
Itt van egy kis js alapozó.

Mivel egészítenéd ki?
alert helyére képet szeretnék tenni, ha hideg ,akkor ilyen kép ha meleg akkor olyan.
libamajas tag

#5695
#5694 Speeedfire
2015-12-07 09:44:13

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5694 Speeedfire

#5694 Speeedfire
Itt az alapokkal is baj van.

libamajas: Javaslom, hogy ezt fusd át.

Magyarba nincs?
Szerk: De egyébként ez a megoldás jó?
var napokHomerseklete = [
10, -20, 5, 8, 12
];
for (var i = 0; i < napokHomerseklete.length; i++) {
if(napokHomerseklete <= 5) {
alert("hideg");
} else {
alert("meleg");
}
}
libamajas tag

#5692
#5691 trisztan94
2015-12-06 20:56:40

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5691 trisztan94

#5691 trisztan94
"var i = 0" ==> var=0?
Ez mi akar lenni?
"A feladatnak nagyjából úgy kell kinéznie mint az idokep.hu-nak."
Ahhoz HTML + CSS is kellene, nem csak Javascript.

Var=0
A css html nem g
Annyira lenyeges. A javascript a fontos.
libamajas tag

#5690
#5689 trisztan94
2015-12-06 19:09:53

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

#5689 trisztan94

#5689 trisztan94
var napokHomerseklete = [ 10, -20, 5, 8, 12 ]; for (var i = 0; i < napokHomerseklete.length; i++) { if(napokHomerseklete[i] <= 5) { alert("hideg"); } else { alert("meleg"); } }
Valahogy így. Az alertek helyére pedig berakod a logikát ami kiírja a megfelelő helyre a megfelelő infót.

Ezt lehet így is?
"var i = 0" ==> var=0?
(I)A feladatnak nagyjából úgy kell kinéznie mint az idokep.hu-nak. (/I)
libamajas tag

#5688 2015-12-06 18:54:33

Új Válasz
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

libamajas

tag

Sziasztok.
Programot kell írnom, ami Hétfőtől Péntekig kidobja a Celsius fokot és eldönteni hogy hideg van-e meleg van-e, mellé meg kitesz egy képet pl: ha hideg van akkor egy téli képet kitesz, ha mondjuk meleg van akkor értelem szerűen napos képet.
Hogy lássak hozzá?
Köszönöm előre is!