- Xiaomi 13 - felnőni nehéz
- Milyen okostelefont vegyek?
- Samsung Galaxy A36 5G - a középső testvér
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Honor Magic6 Pro - kör közepén számok
- Honor 200 - kétszázért pont jó lenne
- Redmi Note 13 4G
- Yettel topik
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- iPhone topik
Új hozzászólás Aktív témák
-
hiperFizikus
senior tag
válasz
martonx #2410 üzenetére
No izé, te biztosan tájékozódtál felőlem, így tudhatod, hogy régen egy HTML lapot szeretem volna eladható árúvá csinálni, amit megvitattunk, és nehéz esetnek találtunk . Végül is 1 évre rá meg lett csinálva, és most webshopként van konkretizálva, ami főleg a munkatársaim érdeme .
Mivel a fórum nem a reklám helye, ezért csak privátban tudom megadni a webshopom linkjét, ami az itteni vitánk eredményeként született, de csak annak aki privátbán felcsörget, ill. kéri .
-
-
hiperFizikus
senior tag
válasz
rikxjeee #2400 üzenetére
Próbálgattam, a z00 jól megy, a this.id nem megy . Hogyan kell a this.id -hez megcsinálni ?
<script type="text/javascript">
function z00 () {
alert('bokor');
alert(z00thval);
}
document.addEventListener('click', function (event) {
if (event.target.matches('.myCustomClass')) {
alert('Alerted');
z00thval = this.id
z00()
}
}, false);
</script>
-
hiperFizikus
senior tag
válasz
rikxjeee #2400 üzenetére
Természetesen, ki is próbáltam a kódod, láthatod sikeresen szurkáltam is bele . A további instrukciódat pedig hamarosan meg fogom vizsgálni .
Egyébbként Martonx mindig piszkálódik velem, más ra sem képes, nem teszek neki jelzőket, mert őstag . Kérlek tekints el Martonx megjegyzéseitől .
-
hiperFizikus
senior tag
Várjunk csak, a
z00thval=this.id ; z00()
az onClick -hez hogyan kell beszúrni ?
z00thval vátozó
z00() funkció
A z00 -át az event szó helyére kell írni ? - de mi legyen a z00thval -vel ? -
hiperFizikus
senior tag
Köszönöm mindkettőtöknek . Így már célba értünk . Picit módosítva ilyen lett:
<!DOCTYPE html>
<html lang="hu">
<script type="text/javascript">
document.addEventListener('click', function (event) {
if (event.target.matches('.myCustomClass')) {
alert('Alerted')
}
}, false);
</script>
<style>
.myCustomClass{
text-decoration: none;
}
.myCustomClass:hover{
text-decoration: underline;
cursor: pointer;
}
</style>
<head>
<meta charset="UTF-8">
<title>Ez az 03</title>
</head>
<body>
<a href="#" class="myCustomClass">Example</a>
<a href="#" class="myCustomClass">Example2</a>
<a href="#" class="myCustomClass">Example3</a>
<br>
<span class="myCustomClass" >alma</span>
</body>
Kipróbáltam
span.myCustomClass
-val is, ment mindegyik tag-en, de nem specializálta magát csak a span -ra . -
-
hiperFizikus
senior tag
A pointer-rel jól megy . Kérlek mond meg, hogy a style-be és a class-hoz hogyan kell a onClick-et megadni.
<!DOCTYPE html>
<html lang="hu">
<style>
.LDSevent{
text-decoration: none;
}
.LDSevent:hover{
text-decoration: underline;
cursor: pointer;
}
</style>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="#" class="LDSevent">Example</a>
<a href="#" class="LDSevent">Example2</a>
<a href="#" class="LDSevent">Example3</a>
<br>
<spAn class="LDSevent">alma</spAn>
</body>
-
hiperFizikus
senior tag
Lehet egyáltalán direkt eventeket style és class -val deklarálni ?
-
hiperFizikus
senior tag
válasz
hiperFizikus #2388 üzenetére
Úgy gondolom, hogy a
hover
a nem jó, a nem az igazi . -
hiperFizikus
senior tag
válasz
hiperFizikus #2388 üzenetére
Amikor kivettem az
<meta charset="UTF-8">
-et, akkor az ó betűt rendesen írta ki a title-ben. -
hiperFizikus
senior tag
válasz
rikxjeee #2387 üzenetére
Alakul de nem teljes:
A cursor tulajdonság hand értéke nem megy, none félre megy .
Aztán az onClick is kell, mert evvel változónak értéket adok, és funkciót meghívok.<!DOCTYPE html>
<html lang="hu">
<style>
.LDSevent{
text-decoration: none;
cursor: none;
}
.LDSevent:hover{
text-decoration: underline;
cursor: hand;
}
</style>
<head>
<meta charset="UTF-8">
<title>próba 03</title>
</head>
<body>
<a href="#" class="LDSevent">Example</a>
<a href="#" class="LDSevent">Example2</a>
<a href="#" class="LDSevent">Example3</a>
<spAn class="LDSevent">alma</spAn>
</body>
-
hiperFizikus
senior tag
1. ha felviszem a szóra a kurzort, akkor mutatóúj jelenik meg rajta, és aláhúzás formázás. Ha leviszemróla a kurzort, akkor mindez megszűnik. Ez a <A>link</A> helyet van, hogy specializálva többre legyen képes.
2. az onklick azért kell mert vele bármire rávehet a JS-et, ha klick éri a spAn -os szavamat . Konkétan változónak értéket adhatok, funkciót indíthatok vele, kombináltan is.
3. a class="LDSevent" pedig a helypazarlás ellen lép fel, ami ugye több szempontból is kedvező.
4. A 130 oldalas programom úgy működik, hogy sorozatban betölt résztartalmakat a html oldalra-környezetbe, amihez kellene a style LDSevent, ez aktiválná minden új betöltés class="LDSevent" -jét. Hogy technikásabb legyen az oldal kódja. -
hiperFizikus
senior tag
A jóval bonyolultabb CSS kódom a következő:
<HTML>
<HEAD><title>EA próba 01</title>
</HEAD>
<BODY>
<br>
<br><spAn id="a1" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>alma</spAn>
<br><spAn id="a2" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>körte</spAn>
<br><spAn id="a3" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>szilva</spAn>
<br><spAn id="a4" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>dió</spAn>
<br>
</BODY>
</HTML>
Ez rendben megy, de ennek a következő rokon kódja viszont nem :
<HTML>
<HEAD><title>EA próba 02</title>
<style>
spAn.LDSevent { onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" ' }
</style>
</HEAD>
<BODY>
<br>
<br><spAn id="a1" " title="+ ..." class="LDSevent" >alma</spAn>
<br><spAn id="a2" " title="+ ..." class="LDSevent" >körte</spAn>
<br><spAn id="a3" " title="+ ..." class="LDSevent" >szilva</spAn>
<br><spAn id="a4" " title="+ ..." class="LDSevent" >dió</spAn>
<br>
</BODY>
</HTML>
Kérlek titeket, hogy ha tudjátok, akkor tegyétek helyre ezt a második kódomat, mert egy 130 oldalas fontos programhoz lesz rendelve.
-
hiperFizikus
senior tag
Még evvel az egyszerű kódal sem bírok el . Mi a hézag benne ? Csak nem akar piros lenni az alma . Nem hogy valami bonyolult kódal jöttök, mert én egy kicsit maradi kódoló vagyok. Ugyanis ennél jóval bonyolultabb kódott szeretnék CSS -be átteni, és félek tőle.
<html>
<head><title>próba 01; CSS</title>
<style>
.st1 {color:'red'}
</style>
</head>
<body>
<p class="st1">alma</p>
</body>
</html>
-
hiperFizikus
senior tag
válasz
radi8tor #2350 üzenetére
Szia Moderátor !
Azt szeretném megkérdezni, hogy a DHTML kódolás problémámmal ide kell-e fordulnom, mert a HTML topikban megint lebarmoltak és trolkodásnak minősítették, ami sziven ütött! Tehát nem a CSS kód érdekell, hanem a DHTML kód CSS nélkül. Találtam is egy Css dhtml probléma topikot, de ez zárolva van !
Új hozzászólás Aktív témák
Hirdetés
- Fali konzol lapos tévékhez
- Fejhallgató erősítő és DAC topik
- Kevesebb dolgozó kell az Amazonnak, AI veszi át a rutinfeladatokat
- Autós topik
- Eléggé lekorlátozza az NVLink Fusiont az NVIDIA
- Windows 11
- Xiaomi 13 - felnőni nehéz
- Kazy Computers - Fehérvár - Megbízható?
- Tőzsde és gazdaság
- Székesfehérvár és környéke adok-veszek-beszélgetek
- További aktív témák...
- ThinkPad P16 Gen1 16" FHD+ IPS i9-12950HX RTX A3000 32GB 1TB NVMe ujjlolv gar
- TUF F15 FX506HC 15.6" FHD IPS i5-11400H RTX 3050 16GB 512GB NVMe magyar vbill gar
- Precision 7670 27% 16" FHD+ IPS i7-12850HX RTX A1000 32GB 1TB NVMe IR kam gar
- AKCIÓ! GAMER PC: Új RYZEN 5 4500-5600X +RTX 3060/3070/3080 +Új 16-64GB DDR4! GAR/SZÁMLA! 50 FÉLE HÁZ
- UHH! HP EliteBook 840 G8 Fémházas Laptop 14" -45% i5-1145G7 4Mag 32/512 FHD IPS Intel Iris Xe Magyar
- ÁRGARANCIA!Épített KomPhone Ryzen 7 5800X 32/64GB RAM RX 7800 XT 16GB GAMER PC termékbeszámítással
- BESZÁMÍTÁS! XFX MERC 310 RX 7900 XTX 24GB videokártya garanciával hibátlan működéssel
- Lenovo ThinkPad X1 Carbon G8, i7-10510U, 16GB, 1TB SSD, 4K kijelző + WWAN (ELKELT)
- Bomba ár! Lenovo X1 Carbon G6: i7-8G I 16GB I 256-512 SSD I 14" FHD I HDMI I Cam I W11 I Gari!
- Csere-Beszámítás! Asus Rog Strix G731GU Gamer Noti! I7 9750H / GTX 1660TI / 16GB D4 / 512 SSD
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged