Здесь я создал функцию jquery, которая получает css-цвет и создает элемент с фоном css-color: Edit my jsFiddle
<div ID="wrapper"> <div ID="addColor"> <input type="text" ID="hex"> <div ID="color">Your color</div> <button ID="add">Add color</button> <div CLASS="clear"></div> <!-- Clear float --> </div> <div ID="wrapGallery"> <h1>My Color Gallery</h1> <ul ID="gallery"></ul> </div> </div> $(function() { //float left with some margin $('#addColor') .children().not('#add, .clear').css({ 'float':'left', 'margin-right': '5px' }); //Showing color on keyup $('#hex').keyup(function() { var hexCode = $(this).val(); $('#color').css('background-color', hexCode); if ( hexCode !== '') { $('#color').text(''); }else{ $('#color').text('Your color'); } }); //Adding colors $gallery = $('#gallery'); $('#add').click(function() { var storedHex = $('#hex').val(); //check if empty if (storedHex == '') { alert('Enter something'); } else { //adding li $("<li>").css('background-color', storedHex) .hover( function () { $(this).text(storedHex); }, function () { $(this).text(''); }) .appendTo($gallery); } }); });
Единственное, что мне нужно сделать, это сохранить созданные элементы в файле постоянно, поэтому я могу получить доступ, когда захочу. Я не знаю, как это сделать.