Diskuse

Téma: Zvýraznění příspěvku podle odkazovaného ID

VývojářiJirka Daněk (2.2.2013 10:13)
Máte někdo zkušenosti s pseudo třídou :target chtěl bych udělat highlight pro post v topicu. Podle anchoru v url (#post-1234).

edit: snažil jsem se udělat to JS
(to post-1234 by se melo nejak vytahnout z url)
document.getElementById("post-1234").className += " zvyraznit"ovšem tam narážím na chubu v konzoli Uncaught TypeError: Cannot read property 'className' of null
Já se v JS skoro nevyznám
postZaslat odpověď
Hlavní administrátořiShira (2.2.2013 10:38)
getElementById() vrátí null, když element s daným ID neexistuje.
VývojářiJirka Daněk (2.2.2013 10:46)
no to jsem tak nějak pochopil, ale
<a class="post-postlink" href="index.php?m=topic&amp;id=1230&amp;page=1#post-1234" id="post-1234">#001234</a>
6efafd68 (2.2.2013 13:49)
<script type="text/javascript">
$(function() {
if(window.location.href=== "http://domena.cz/tvujtopic") {
$("#main").addClass("red");
}
});
</script>Ale musíš si přidat k <div class="post"> nějakou další class s ID příspěvku, kterou zadáš místo #main, aby jsi rozlišil ke kterému příspěvku přidat tvoji novou class na zviditelnění.

Nebo Shiro nedokázal by jsi najít dannou URL (href) v post-postlink a přidat class pro parent div (.post)?
Hlavní administrátořiShira (2.2.2013 15:32)
$(document).ready(function(){

if(window.location.hash) {
var post = document.getElementById(window.location.hash.substr(1));
if(post) {
$(post).parents('div.post').addClass('zvyraznit');
}
}

});
VývojářiJirka Daněk (2.2.2013 15:45)
díky, zkusím
VývojářiJirka Daněk (3.2.2013 10:37)
je to přesně to co jsem potřeboval, díky
9ab177d5 (3.2.2013 15:24)
Částečně to jde přes css - např.:http://www.vaszrak.cz/casto-kladene-otazky#post-292.
VývojářiJirka Daněk (3.2.2013 16:09)
me prave :target zlobil
9ab177d5 (3.2.2013 18:05)
http://www.jakpsatweb.cz/priklady/zalozka-target.html

Ale na komentáře to funguje jen na odpovědi.
VývojářiJirka Daněk (4.2.2013 6:46)
s tím co psal Shira si můžeš označit celý příspěvek nebo já pro klanovky co spravuju udelal jen decentní border
.zvyraznit
{
border-left: 1px solid yellow;
border-bottom: 1px solid yellow;
}
img
Strana: 1 2 další »