Diskuze: Display none pro vybrané divy
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 7 zpráv z 7.
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
id je unikatni, jedinecne, jedine v celem dokumentu, proto veta nedava
smysl...
"Chci docílit: display: none pro všechny id="btnd" "
Ale ten element muze byt pouze jeden.
Jo, neco jineho je pouzit class.
arr = document.querySelectorAll('.btnd');
// <a class="btnd"> ... </a>Tak jsem si myslel, že už to mám a opět nic. Zadrhnul jsem se v jediné
věci. Do js funkce potřebuji dát i něco z PHP. Nicméně nedaří se mi to
umístit správně.
Poradil by někdo prosím?
<script>
var n = <?= htmlspecialchars($blo['id_bloku']) ?>;
function od+n() {
document.getelementbyid("bldet<?= htmlspecialchars($blo['id_bloku']) ?>").style.display = "block";
}
</script>proměnná n má ssebou nést id, které je v DB.
Nevím jak všelijak to napsat.
Výsledek je vždy
onclick="od()1"Tak se omlouvám. Moje hloupost. Našel jsem chybu. Sice to ještě nepracuje ale chybu jsem našel.
Co tak si napsat zkracene funkce?
var $ = document.querySelector.bind(document);
var $$ = document.querySelectorAll.bind(document);
//nebo
function $(id) {return document.getElementById(id);}Pomuze to eliminovat chyby.
Nicmene, v php muzes vypsat cely ten kod, kdyz to neumis po jednom znaku.
$n = (int)$blo['id_bloku'];
$str = "
<script>
function od$n() {
document.getelementbyid('$n').style.display = 'block';
}
</script>
";
echo $str;Ale to stale neni reseni.
<script>
function od(id) {
document.getelementbyid(id).style.display = 'block';
}
</script>
<a id="btnd1" onclick="od(this.id)">Odkaz</a>
<a id="btnd2" onclick="od(this.id)">Odkaz</a>
<a id="btnd3" onclick="od(this.id)">Odkaz</a> nebo
<a id="btnd4" onclick="od('btnd4')">Odkaz</a> a nebo pouzij pole
<a id="btnd[0]" onclick="od(this.id)">Odkaz</a>
<a id="btnd[1]" onclick="od(this.id)">Odkaz</a>Zobrazeno 7 zpráv z 7.