-
Fototrend
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
-
spammer
veterán
válasz
ahetaton #3546 üzenetére
Tessék [link]. Biztos lehet szebben, jobban, de nem én találtam ki, régebben találtam, működik, ez a lényeg. A last_name mező nevét átírtam phone-ra, mert elvileg annak a mezője.
szerk:
input mezők esetében be lehet tolni egy required attribot is:
pl.: <input type="text" required>
Modern böngészőt felismerik, régi szarokon nem megy, arra jó a js.
-
Sk8erPeter
nagyúr
válasz
ahetaton #3546 üzenetére
Javaslom, hogy kezdd el túrni az internetet "JavaScript validation" kulcsszavakra keresve, hidd el, előbb-utóbb rá fogsz jönni, hogy kell megoldani a feladatot. Itt senki nem szeret ingyen dolgozni, tanácsokat szívesen adunk, segítünk is a konkrét kódban, de legalább a minimális erőfeszítést lehetne látni a kódodban... amúgy remélem tudod, hogy a szerveroldali validálás az elsődleges (akár PHP-ben dolgozol, akár ASP.NET-ben, akár Javában, tök mindegy), a kliensoldali csak ezután következik (az mindig másodlagos).
-
Sk8erPeter
nagyúr
válasz
ahetaton #3534 üzenetére
A getStyle() nem túl jó név, mivel itt konkrétan a visibility tulajdonságot kéred le, tehát szerencsésebb lenne akkor már a getVisibility() elnevezés...
JavaScript-kódba beégetett CSS-módosításokat nem érdemes használni, inkább hozzáadni és elvenni osztályokat, amik kinézetét CSS-ben határozod meg.
Pl. legyen egy .hidden osztályod, ami a display:none tulajdonságot állítja be. Ezt hozzáadod vagy elveszed.Így:
http://jsfiddle.net/pXRfT/Látom, megelőztek.
Felejtsétek el az inline, HTML-kódokkal összekutyult ocsmány JavaScript-kódokat!! -
Jim-Y
veterán
válasz
ahetaton #3534 üzenetére
<script>
function switchMain(item, button) {
(item.style.visibility == "hidden") ? item.style.visibility = "visible" : item.style.visibility = "hidden";
button.style.visibility = "hidden";
}
</script>
<div id="main" style="visibility: hidden">
Hello World!
</div>
<p>
<a href="#" onclick="switchMain(document.getElementById('main'), this);" id="button">Change</a>
</p>De ha csak el akarod tűntetni a gombot, és megjeleníteni a "main"-t, akkor:
<script>
function hideMain() {
document.getElementById("main").style.visibility = "visible";
}
</script>
<div id="main" style="visibility: hidden">
Hello World!
</div>
<p>
<a href="#" onclick="hideMain(); this.style.visibility = 'hidden';" id="button">Change</a>
</p> -
Sk8erPeter
nagyúr
válasz
ahetaton #3477 üzenetére
Ha használsz jQuery UI-t, akkor van hivatalos jQuery UI-féle megoldás is:
http://jqueryui.com/tabs/#ajax
Persze biztos lehet találni igényeseket plain JS-ben is, én ilyet most hirtelen csuklóból nem ismerek. Hátha ajánl valaki plain JS-megoldást is, hogy ne legyen az, hogy csak a jQuery-t sz×pja mindenki.
Új hozzászólás Aktív témák
- Intel Core i7 6700K / GTX 1660TI / 16GB DDR4 RAM / 500 GB SSD konfig eladó
- Samsung Galaxy S23 128GB, Kártyafüggetlen, 1 Év Garanciával
- Samsung Galaxy A53 5G 128GB, Kártyafüggetlen, 1 Év Garanciával
- Megkímélt állapotú Xbox Series X 1TB eladó. Kitisztítva és újrapasztázva!
- Gamer PC - i5 13400F, GTX 1080ti és 16gb DDR5
- HP Victus 15-fb1002AX - 15,6"FHD IPS - Ryzen 5 7535HS - 8GB - 512GB SSD - RTX 2050 - Win11
- BESZÁMÍTÁS! Gigabyte A620M R5 7500F 32GB DDR5 512GB SSD RX 6700 XT 12GB ZALMAN S3 TG CM 700W
- BESZÁMÍTÁS! HP ZBook 15 G6 munkaállomás - i7 9850H 16GB DDR4 RAM 512GB SSD Quadro T2000 4GB WIN10
- BESZÁMÍTÁS! ASUS B450 R7 1700X 16GB DDR4 512GB SSD RX 580 8GB Rampage SHIVA Corsair 450W
- Apple Watch SE 2 44mm, Újszerű, 1 Év Garanciával
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest