Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
ITnetwork	ITnetwork	Provoz webu, relace, přihlášení a uložení nastavení cookies.	PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent	Relace až 1 rok
Google Tag Manager	Google	Správa značek a načítání měřicích nástrojů webu.	Žádné	Neukládá se
Google Fonts	Google	Načítání typografie webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google Hosted Libraries	Google	Načítání potřebných knihoven a stylů webu.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Google reCAPTCHA	Google	Ochrana formulářů a webu před zneužitím.	_GRECAPTCHA, rc::a, rc::b, rc::c, rc::f	Relace až 180 dní
YouTube	Google	Přehrávání vloženého video obsahu.	localStorage, IndexedDB; cookies after playback interaction	Relace až trvalé úložiště
Vimeo	Vimeo	Přehrávání vloženého video obsahu.	__cf_bm, _cfuvid, vuid, localStorage, IndexedDB	Relace až 2 roky
Facebook Login	Meta	Přihlášení pomocí účtu třetí strany.	Úložiště řízené poskytovatelem	Relace až 1 rok
GoPay	GoPay	Zpracování uživatelem vyžádané platby.	Úložiště řízené poskytovatelem	Dle podmínek poskytovatele

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Analytics 4	Google	Měření návštěvnosti a používání webu.	_ga, _ga_*	Až 2 roky
Microsoft Clarity	Microsoft	Měření návštěvnosti a používání webu.	_clck, _clsk, _cltk	Relace až 1 rok

Služba	Poskytovatel	Účel	Cookies a úložiště	Doba uložení
Google Ads	Google	Měření kampaní, reklama a remarketing.	_gcl_au, _gcl_ls	Relace až 90 dní
Meta Pixel	Meta	Měření kampaní, reklama a remarketing.	_fbp, _fbc, localStorage	Až 90 dní
Sklik	Seznam.cz	Měření kampaní, reklama a remarketing.	retargeting, sid, szn:*	Relace až trvalé úložiště
LinkedIn Insight	LinkedIn	Měření kampaní, reklama a remarketing.	bcookie, li_gc, lidc, __cf_bm	Relace až 1 rok
Ecomail	Ecomail.cz	Měření kampaní, reklama a remarketing.	ecmid, Úložiště řízené poskytovatelem	Dle podmínek poskytovatele
Atribuce kampaní ITnetwork	ITnetwork	Přiřazení návštěvy a objednávky ke kampani.	campaign_clid[*], user_session_context	Až 1 rok

Diskuze: Uprava farby textu pomocu - Bootstrap Colorpicker

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

MichalOškera

Člen

MichalOškera:15.1.2021 15:31

Dobrý deň,
prosím Vás o radu
V konzole vidím, ako sa v html kóde mení farba, ale na stránke je to bez zmeny...

Zkusil jsem: HTML:

<div id="cp-component" class="input-group">
  <span class="input-group-addon col-4 m-0 p-0"><i id="color-picker-leftCol"></i></span>
  <input type="text" value="#269faf" class="form-control col-8 text-center p-0 small text-white" id="color-picker-rightCol">
</div>

Javascript

$(function () {
$('#cp-component').colorpicker();
$('#cp-component').colorpicker().on('changeColor', function(e) {
    document.getElementById("textFarba").style.color = e.color.toString('rgba');
        });
});

Chci docílit: Chcem, aby po zmene farby v inpute sa zmenila farba aj na stránke

Editováno

Odpovědět

15.1.2021 15:31

Peter Mlich

Člen

Peter Mlich:15.1.2021 19:54

https://www.jquery-az.com/boots/demo.php?…

<!DOCTYPE html>
<html>
<head>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-colorpicker/bootstrap-colorpicker.css" rel="stylesheet">


    <script src="//code.jquery.com/jquery-2.2.2.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="js/bootstrap-colorpicker/bootstrap-colorpicker.js"></script>


</head>

<body>
<div class="container">

<div class="row">
    <div class="col-md-5">
<div class="example">
    <div class="example-title">Working with events</div>

    <div class="example-content well">
        <div class="example-content-widget">
      <a href="#" class="btn btn-default" id="color-picker-background">Change background color of div</a>

        </div>
     </div>

<div id="chgcolor" style="background-color: #eee;heihgt:50px;width:300px;border:solid 1px">
The color will change here

</div>
</div>

  </div>
</div>
</div>
      <script>
          $(function () {
              $('#color-picker-background').colorpicker().on('changeColor', function (e) {
                  $('#chgcolor')[0].style.backgroundColor = e.color.toHex();
              });
          });
      </script>
</body>
</html>

//---
//Si tam misto
document.getElementById("textFarba").style.color = e.color.toString('rgba');
//dej
alert(document.getElementById("textFarba")) // jestli existuje element
alert(e.color.toString('rgba')); .. jakou barvu, string, to vraci
// a jinak, misto e je dobre psat tam slovo event

Nahoru Odpovědět

15.1.2021 19:54

MichalOškera

Člen

MichalOškera:15.1.2021 20:22

Ďakujem
Toto mi funguje že zmení pozadie ale ako náhle zmením na style.color tak v konzole vidím že mi pridá JavaScript
Do div style=“color:rgb(......)”
Ale text sa nezmení farbu

Nahoru Odpovědět

15.1.2021 20:22

Peter Mlich

Člen

Peter Mlich:18.1.2021 9:31

Tak si zkus alertnout outherHTML toho divu a zkopirovat kod do samostatne stranky. Je mozne, ze tve funkce nepridaji spravny html kod. Firefox to treba umi pres ctrl+a (vybrat vse), prave tlacitko, zobrazit html kod / zobrazit generovany kod.
Pripadne mrkni do js konzoly, jestli to nepise nejakou chybu, kdyz zmenis barvu.

<div id=xxx>aaa</div>
<script>
var color = 'rgba(117, 190, 218, 0.5)';
document.getElementById("xxx").style.color = color;
</script>

Mne to text zmeni na modro zelenou. Jednoduchy priklad na otestovani. klidne to tak podobne prepis do tve funkce.

Ve tvem kodu, treba nic, co ma id=textFarba nevidim. Navic, id jmeno musi byt unikatni pro celou stranku. Nesmis ho tam mit dvakrat. js se s tim vyporada tak, ze zmeni jen prvni nebo posledni. Jquery nevim, mozna vyhodi error.

document.getElementById("textFarba").style.color = e.color.toString('rgba'); // to muzes psat i takhle, kdyz tam mas jquery (nebo ty funkce s $)
$('#textFarba').style.color = e.color.toString('rgba');

Editováno

Nahoru Odpovědět

18.1.2021 9:31

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.

Nejčastěji vyhledáváné

Diskuze: Uprava farby textu pomocu - Bootstrap Colorpicker