Archívum - Nov 25, 2011
CHECKBOX kipipálásra legördülő lista
Sziasztok!
Rengeteget Google-ztam mielőtt feltettem a kérdést. Jelenleg szeretnék csinálni egy programot, ami abból áll, hogy van egy CHECKBOX "listám" (egymás alatt jelennek meg) tegyük fel, hogy így:
□ Gabona
□ Zöldség
□ Gyümölcs.
Ha bepipálom a Gabona előtti CHECKBOX-ot, akkor gördüljön le egy lista és tolja le a többi elemet így:
■ Gabona
- Búza
- Zab
□ Zöldség
□ Gyümölcs.
Addig eljutottam, hogy sikerült kipipálástól függően eltüntetni/megjeleníteni az elemeket, de hogyan tudom megcsinálni, hogy ne legyen alattuk az a hely, ami az eltüntetett elemeknek szükséges, hanem kipipáláskor csússzon le?
Javasript:CSS:HTML:
■ Rengeteget Google-ztam mielőtt feltettem a kérdést. Jelenleg szeretnék csinálni egy programot, ami abból áll, hogy van egy CHECKBOX "listám" (egymás alatt jelennek meg) tegyük fel, hogy így:
□ Gabona
□ Zöldség
□ Gyümölcs.
Ha bepipálom a Gabona előtti CHECKBOX-ot, akkor gördüljön le egy lista és tolja le a többi elemet így:
■ Gabona
- Búza
- Zab
□ Zöldség
□ Gyümölcs.
Addig eljutottam, hogy sikerült kipipálástól függően eltüntetni/megjeleníteni az elemeket, de hogyan tudom megcsinálni, hogy ne legyen alattuk az a hely, ami az eltüntetett elemeknek szükséges, hanem kipipáláskor csússzon le?
Javasript:
function rejtes(chkbox, group)
{
var visSetting = (chkbox.checked) ? "visible" : "hidden";
document.getElementById(group).style.visibility = visSetting;
}
#rejtett
{
visibility:hidden;
}
#rejtett1
{
visibility:hidden;
}
<input type="checkbox" name="gabona" onclick="rejtes(this, 'rejtett')" /> Gabona
<span id="rejtett">
<li><input type="checkbox" />Búza</li>
<li><input type="checkbox" />Rizs</li>
<li><input type="checkbox" />Korpa</li>
<li><input type="checkbox" />Árpa</li>
</span>
<input type="checkbox" name="zoldseg" onclick="rejtes(this, 'rejtett1')" /> Zöldség
<span id="rejtett1">
<li><input type="checkbox" />Répa</li>
<li><input type="checkbox" />Krumpli</li>
</span>
Porting 3D graphics to the web — WebGL intro part 2
Külső alkalmazásban szerkesztett 3D modellek importálása a böngészőbe
■ Love your devices: adaptive web design with media queries, viewport and more
A rugalmas látványról
■ MongoDB – első lépések
Első lépések MongoDB-ben - telepítés, alapfogalmak, beszúrás, alapvető keresés
■ Ruby 1.9 changes, cherry picked
A legfontosabb változások ruby 1.9-ben az 1.8-as vonalhoz képest
■ HTML5 context menus in Firefox (Screencast and Code)
Leírás az aktuális Firefoxban (8-as) már jelenlévő HTML5 helyi menüről és használatáról
■ 
