ugrás a tartalomhoz

divbe írás

cica · 2014. Okt. 30. (Cs), 17.50
Üdv!

Van néhány egyszerű progim js-ben, metek gyakorlásra való (összeadás, kivonás, stb).
Szépen működnek. Arra gondoltam egyberaknám az egészet checkbox-al kiválasztva betöltené egymás után a kiválasztottakat.

A js-ben <div>-be írást a "document.getElementById" -vel oldottam meg.
Ha jól emlékszem láttam olyan programot ahol nem ez volt használva, csak már nem találok ilyet.

Előszöt kiírja a menüt, megtörténik a kiválasztás, a menü eltűnik jön az első feladat.
Ezt "document.getElementById" -vel megoldom, de anélkül hogyan lehet?

Segítséget köszi.
‹ Egy sima link kérdés. Jquery állítsa be a div magasságát a kép magasságára ›
 ■
1

Mi a kérdés?

Poetro · 2014. Okt. 30. (Cs), 18.13
A document.getElementById-vel egy elemet választasz ki. Van még egy pár tucat módszer elemek kiválasztására: element.getElementsByTagName, element.querySelector, element.querySelectorAll, element.getElementsByClassName stb. Ezen kívül lépdelhetsz a DOM fában rengeteg módszerrel (parentNode, nextSibling, previousSibling, firstChild, childNodes stb.).

Beszúrni is sok módszerrel lehet: element.appendChild, element.insertBefore stb.
2

ezt köszi

cica · 2014. Okt. 30. (Cs), 18.49
Ez jó köszi.
Olyat szeretnék hogy ne kelljen aposztrófok közé írni amit divbe iratok ki, lehessen benne sortörés, szóval egyszerű kód kelljen oda.
3

Példa

Poetro · 2014. Okt. 30. (Cs), 19.11
Jó lenne, ha írnál egy példát, vagy legalább több részletet árulnál el, mert így csak a levegőbe beszélünk.
Én eleve a HTML-be raknám bele a tartalmat, vagy AJAX-szal tölteném be.
4

Közben rájöttem; Köszi a

cica · 2014. Okt. 30. (Cs), 19.34
Közben rájöttem;

Köszi a segítséget.
5

Közben rájöttem Mire is?

Poetro · 2014. Okt. 30. (Cs), 19.55
Közben rájöttem

Mire is?
6

Illene ilyenkor megosztani a

bamegakapa · 2014. Okt. 30. (Cs), 20.08
Illene ilyenkor megosztani a megoldást.
7

Előről az egészet. Az a

cica · 2014. Okt. 31. (P), 18.00
Előről az egészet.

Az a gondom hogyan lehet <div>-be írni. Erre a document.getElementById("divname").innerHTML=' ' használtam elég is volt eddig.
Ennek az a hátránya hogy aposztrófok közé kellett tennem a kódot és nincs sortörés.
pl. js-ben egy checbox listából kiválasztok néhányat, ezután el kellene tűnnie a checkboxoknak. A fent leírtakkal ez már nehézkes. (select option is)

Láttam valahol hogy agyszerű html kód tartamát jelenítették meg. Értsd úgy mint száraz html-t. Ezt betettek a divbe. Tehát nincs aposztróf, van sortörés. Remélem jól láttam.

Ebben kértem segítséget.

Kaptam segítséget ezeknek utánanéztem és láttam egy videón hogy függvényt is bele lehet rakni. Ezt document.write()-tal oldottam meg. Itt már szebb a kód, van sortörés de az aposztróf marad. Erre jöttem rá, ez félig jó.

Ha van szebb megoldás megköszönném.
8

Az innerHTML-lel nem írsz

Poetro · 2014. Okt. 31. (P), 18.09
Az innerHTML-lel nem írsz bele, hanem lecseréled a tartalmát. De egyéltalán miért van JavaScript-ben a HTML kód? Miért nincs a HTML-ben? Ekkor egyszerűen a láthatóságát kellene csak kapcsolgatni, esetleg mozgatni kellene a DOM-ban. A document.write pedig a legrosszabb, amit csinálhatsz. Szinte hátránya van az innerHTML-hez képest (kivéve, hogy lefut a benne levő JavaScript kód is), például a már lezárt dokumentumot teljesen felülírja.
9

Igazad van

cica · 2014. Okt. 31. (P), 21.07
Igazad van, rosszul fejeztem ki magam. "Az innerHTML-lel nem írsz bele, hanem lecseréled a tartalmát."

A DOM-ban mozgatásnak utánanézek