- Tombol az AI-láz: az NVIDIA már értékesebb, mint az Apple
- AI-gyártású celebpornóval küzd a Facebook
- Gyorsabban hozná el az önvezetést Kína
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Perelnek a vallásos kripto-piramisjáték miatt
- 10 éve nem változott ekkorát a Netflix tévés appja
- Microsoft Excel topic
- Zyxel NAS326
- Facebook és Messenger
- Hálózati / IP kamera
Új hozzászólás Aktív témák
-
CSorBA
őstag
-
CSorBA
őstag
válasz KaiotEch #6516 üzenetére
1, Letöltöd ezt itt: [link]
2, Beimportálod a HTML fájlod elején, pl.:
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
3, Csinálsz egy pl.: init.js nevű fájlt. Ezt írod bele:$(function(){
$("table.valami> tbody > tr").hover(
function(){
$(this).toggleClass("active")
}
);
});4, Beimportálod a HTML fájlod elején, pl.:
<script type="text/javascript" src="init.js"></script>
5, A .css fájlodban csinálsz egy ilyet:
table.valami tr.active {
tetszőleges formázást írsz ide, de pl:
border: 1px dashed red;
}a valami osztály adod meg a táblázatodnak, és kész. (Azért adod meg, hogy ne minden táblázatnál csinálja. Persze úgy hívod, ahogy akarod.)
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz KaiotEch #6516 üzenetére
Ennyire elképesztően bonyolult, hogy ez 2 percbe telt:
http://jsbin.com/urexom/1katt a jobb fölső sarokba a kódhoz, IE8 alatt is megy.
Ehhez felesleges jQuery-t használni.Itt lehet még egy kerülő megoldás, hogy a cella tartalmát divbe rakom:
http://jsbin.com/urexom/2/
Itt a jQuery-t is behúztam, hátha nagyon kéne...[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz KaiotEch #6529 üzenetére
Az teljesen mindegy, nézd meg, a Prohardver forráskódjában hány "link rel" van.
Nem ártana látnunk, mi van a table.css-ben. De valószínűleg nem is úgy csináltad meg, ahogy a példában mutattam, bár annál egyértelműbben nehéz lenne megmutatni. Ott igazából így adtam meg:
tr:hover, td:hover, .cell-content:hover
{
background-color:yellow;
}
szóval sorra is, cellára is, cell-content class-szal ellátott div fölé vitt egér hatására is változnia kellene a háttérszínnek, változik is a példában.class="h"
class="l"remélem, ezek csak átmeneti class-ok a tesztelés erejéig, és nem ilyeneket akarsz majd használni a gyakorlatban.
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz KaiotEch #6531 üzenetére
"Az a class csak align-ra vonatkozik és, de marad élesben
td.l
{
text-align:left;
}
"Miért művelsz ilyet? Miért nem adsz neki valami normális, olvasható nevet (amitől az ember tépi a haját, hogy a fejlesztő miért nem volt képes ezt megtenni )?
Például
td.left-aligned
{
text-align:left;
}VAGY
td.align-left
{
text-align:left;
}stb. Ezekből legalább lehet sejteni, mégis mit akar művelni az osztályod.
a:visited
{
color:;
}Ez micsoda, miért van üresen hagyva?
font-size:12;
12 micsoda?
így jó például:
font-size:12px;Sk8erPeter
-
Sk8erPeter
nagyúr
válasz KaiotEch #6533 üzenetére
"én értsem mit takar, másnak azt nem kell tudnia"
Hosszú távon saját magadat is megszivatod az olvashatatlan kóddal, két év múlva már nem biztos, hogy egyből be fog ugrani, itt mit műveltél."Html-es font size-nál sem szoktam megadni, hogy px, elég az és jól is müxik."
Attól még, mert sajnos a böngészők elég toleránsak az ilyen hibákkal szemben, az nem azt jelenti, hogy jól is csinálod.
http://www.alistapart.com/articles/howtosizetextincss/
http://www.w3schools.com/cssref/pr_font_font-size.asp"A visited-ig meg nem jutottam el még, mert az marad a legutoljára"
Akkor addig kommentezd ki, amíg ilyen hibák vannak a kódodban, mert ha szintaktikai hibák vannak a CSS-fájlodban, akkor nem biztos, hogy elvárható a helyes működés a megjelenítésnél...
Hidd el, ez a túl laza kódolási stílus káros, majd hosszú távon tapasztalni fogod. Legyél szigorú a saját kódjaiddal szemben is.[ Szerkesztve ]
Sk8erPeter
-
martonx
veterán
-
Sk8erPeter
nagyúr
válasz KaiotEch #11295 üzenetére
Csak a teljesség kedvéért, van egy komment a martonx által linkelt CodePenes példánál:
"You don't need JavaScript to do this: http://codepen.io/cimmanon/pen/KqoCs"Sk8erPeter
-
Sk8erPeter
nagyúr
válasz KaiotEch #11297 üzenetére
Tessék:
http://codepen.io/chriscoyier/details/wLGDz#comment-id-14577
(Log In gomb melletti legördülőnél Details. )
Bár nem tudom, ez miért lényeges, ez a lényeg:
http://codepen.io/cimmanon/pen/KqoCs[ Szerkesztve ]
Sk8erPeter
Új hozzászólás Aktív témák
- HP Elitebook 850 G3 i5 / 15.6" Full HD / 8Gb / 512Gb ssd / USB Type C / Win10
- TP-Link TL-SG1016D 16 portos gigabites Switch, első magánszemély tulajtól
- Dell Latitude 5590 / i5 8350u / IPS FHD 15,6" / 16GB DDR4 / 256Gb SSD / Win11
- Bomba ár! Acer Travelmate P215 - i3-8GEN I 8GB I 256GB SSD I 15,6" FHD I HDMI I Cam I W10 I Gari!
- Bomba ár! HP Pavilion 15 - i5-8GEN I 8GB I 256SSD I 15,6" FHD I Nvidia MX150 I Cam I W11 I Garancia!
- Kiváló ár! Dell Latitude E7450 laptop - i5-5GEN I 8GB I 128SSD I 14" HD I HDMI I Cam I W10 I
- Noblechairs Hero Black Edition hibrid bőr újszerű prémium gamer szék
- Kiváló ár! Lenovo ThinkPad T450 laptop - i5-5GEN I 8GB I 128SSD I 14" HD+ I Cam I W10 I Magyar
- Logitech G PRO X Superlight 2
- Kiváló ár! Lenovo ThinkPad T440 laptop - i5-4GEN I 8GB I 128SSD I 14" HD+ I Cam I W10
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Alpha Laptopszerviz Kft.
Város: Pécs