Премини към съдържанието

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.

asdfag

HTML5 color

Препоръчан отговор


Добър вечер. Имам следния код:

<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <link rel="stylesheet" type="text/css" href="css/adminpanel.css">           <script type='text/javascript' src="lib/jquery.js"></script>       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script><script type="text/javascript">    function myBg(){    document.body.style.backgroundColor = document.getElementById('background-color').value, document.getElementById('chosen-color').value = document.getElementById('background-color').value;    }</script>          </head>    <body>               <div>    <label for="background-color">Choose a color for background : </label>    <input id="background-color" type="color" value="#ffffff" onchange="myBg()"></div><div>    <label for="chosen-color">You have chosen : </label>    <input id="chosen-color" type="text" readonly value="#ffffff"/></div>        <a href="cs.php?status=loggedout">Log Out</a>    </body></html>

С помоща на HTML5 и JS мога да променям background на всеки един елемент(в този случай на самата страница). Разбира се всичко си работи добре, обаче искам да имплементирам това за jQuery, защото всички други скриптове съм ги писал на jQuery.

 

Пробвах следното нещо:

<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <link rel="stylesheet" type="text/css" href="css/adminpanel.css">           <script type='text/javascript' src="lib/jquery.js"></script>       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script><script type="text/javascript">    $("input[type='color']" ).change(function() {    var color = $('#background-color').val();    $(document).css('background-color',color);    $('#chosen-color').val(color);});</script>    </head>    <body>               <div>    <label for="background-color">Choose a color for background : </label>    <input id="background-color" type="color" value="#ffffff"></div><div>    <label for="chosen-color">You have chosen : </label>    <input id="chosen-color" type="text"/></div>        <a href="cs.php?status=loggedout">Log Out</a>    </body></html>

В .css файла за background имам само това:

body{    background-color: white;}

Когато ползвам само JS всичко си е наред, обаче с jQuery не работи. Някакви идеи къде може да бъркам?

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Открих къде е грешката:

<script type="text/javascript">    $(document).ready(function(){   $("input[type='color']" ).change(function() {    var color = $('#background-color').val();    $("body").css('background-color',color);    $("#chosen-color").val(color);    })});    </script>
  • [*]Бях забравил
.ready [*]$("body").css('background-color',color); //вместо body бях писал document [*]Сега всичко си работи

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
Гост
Тази тема е заключена за нови отговори.

×

Информация

Поставихме бисквитки на устройството ви за най-добро потребителско изживяване. Можете да промените настройките си за бисквитки, или в противен случай приемаме, че сте съгласни с нашите условия за ползване.