Çeşitli kuralları olan bir stil göz önüne alındığında, bazıları köprüler için, ben (sadece "bir" etiketlerini içerenler) "renk" için geçerli değeri ile birlikte son kullanıcı colorpicker alette tıklayın sağlamak amacıyla her kural sunmak istiyorum ediliyor ve rengini değiştirmek. Geri biçembente güncellenmiş renk kaydetmek için PHP ile jQuery Ajax kullanma.

Örneğin, stil aşağıdaki içeriğe sahip olabilir ...

  body {some rules here}
  .header {more rules}
  .menu a {color:#800000; text-decoration:none;}
  .sidebar a {color:red;}
  .footer a, .content a {color:#fff}

Yani her "a" kuralı, "renk" değeri için geçerli değerini gösteren bir giriş kutusu ile birlikte listelenmiş olacaktır içine son kullanıcıya geri fieldset sunmak istiyorum. Tıklandığında, renk değeri cari değerini yansıtacak ve kullanıcı yeni bir değer seçmek için izin önceden olacak bir küçük colorpicker Widget (yine jQuery) açacak. Seçildikten sonra, değeri bir jQuery ajax çağrı yoluyla biçembente geri yazılı olacaktır.

Link Colors:

  Menu Color: #800000 [edit]
  Sidebar Color: #ff0000 [edit]
  Footer Color: #ffffff [edit]
  Content Color: #ffffff [edit]

[Değiştir] düğmesi o sınıf atama ve açık tıklayarak colorpicker üzerinde "Uygula" için rengini değiştirmek için bir colorpicker açar Nerede, biçembente güncelleştirilmiş değeri yazıyor ...