Autor Zpráva
mickeymouth
Profil *
Zdravím pokouším se zprovoznit color picker (konkrétně tento: bgrins.github.io/spectrum) ale pořád se mi místo něj zobrazuje jen textové pole.
Mohli by jste mi prosím poradit co dělám špatně?

skript:
<html>
<head>
<title>neco</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script src='spectrum.js'></script>
<link rel='stylesheet' href='spectrum.css' />
</head>
<body>
<input type='text' class="basic"/>
<em id='basic-log'></em>
<script>
$(".basic").spectrum({
    color: "#f00",
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
    }
});
</script>
</body>
</html>
Keeehi
Profil
mickeymouth:
Ono to z té stránky není moc patrné, ale je to projekt postavený nad jQuery. Takže ti tam chybí přilinkovaná ta knihovna.
mickeymouth
Profil *
Zkoužel jsem to ještě okopírovat z téhle stránky : jsfiddle.net/bgrins/ctkY3 ale ani to nefunguje )ale místo textového pole se už objeví ten rámeček s barvou ale po kliknutí nic nedělá)

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>

<link rel="stylesheet" type="text/css" href="/css/result-light.css">
  
<link rel="stylesheet" type="text/css" href="http://bgrins.github.com/spectrum/spectrum.css">
    
<script type="text/javascript" src="http://bgrins.github.com/spectrum/spectrum.js"></script>

  <style type="text/css">
    .full-spectrum .sp-palette {
max-width: 200px;
}

  </style>

  <title>Spectrum From Master by bgrins</title>

  
</head>

<body>
  <a href="http://bgrins.github.com/spectrum">&lt;--Spectrum Homepage</a>

<h2>Basic Usage</h2>
<input style="display: none;" class="basic" type="text"><div class="sp-replacer sp-light sp-active"><div class="sp-preview"><div style="background-color: rgb(255, 0, 0);" class="sp-preview-inner"></div></div><div class="sp-dd">▼</div></div>
<em id="basic-log"></em>



<script type="text/javascript">

$(".basic").spectrum({
    color: "#f00",
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
    }
});


</script>


</body>
</html>
RastyAmateur
Profil
mickeymouth:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
Jediná "chyba" je, že ty čtverečky jsou aktuálně 2 vedle sebe - jeden funkční, druhý ne. Ale předpokládám, že to již dokážeš vyřešit sám a jednoduše :-)
juriad_
Profil *
RastyAmateur:
To neuvedení http ve skutečnosti není chyba, jedná se o relativní protokol.
RastyAmateur
Profil
juriad:
Ale stejně, když jsem to tam dodal, kód začal být z poloviny funkční.
mickeymouth
Profil *
Díky moc
RastyAmateur
Profil
mickeymouth:
Funguje to tedy dle tvých představ, nebo ne?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: