Ú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
- Formula-1
- Mibe tegyem a megtakarításaimat?
- iPhone topik
- Víztisztító berendezések - kancsók - szűrőbetétek
- Android alkalmazások - szoftver kibeszélő topik
- Windows 11
- Samsung Galaxy Felhasználók OFF topicja
- Sütés, főzés és konyhai praktikák
- Apple Watch Ultra - első nekifutás
- Vicces képek
- További aktív témák...
- Dell Latitude 5410 Laptop 14", i5-10310U, 8 GB, 512 GB, Touch, Win11 - B
- BESZÁMÍTÁS! Sony PlayStation 5 Slim 1TB SSD lemezes konzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! Microsoft XBOX Series S 512GB játékkonzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! Sony PlayStation 4 PRO 1TB fekete játékkonzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! Nintendo Switch OLED 64GB fehér játékkonzol garanciával hibátlan működéssel
- BESZÁMÍTÁS! 1TB Samsung 980 Pro NVMe SSD meghajtó garanciával hibátlan működéssel
- BESZÁMÍTÁS! 750W Seasonic PRIME TX-750 Titanium tápegység garanciával hibátlan működéssel
- Lenovo IdeaPad 3 17ITL6 - 17.3" HD+ Intel 6305 - 8GB - 256GB SSD - Win11 - MAGYAR
- HIBÁTLAN iPhone 12 Pro Max 256GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS3035, 100% Akkumulátor
- AKCIÓ! ASUS PRO WS W790E-SAGE SE alaplap garanciával hibátlan működéssel
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest