jQuery - Indsætte elementer on the fly

Sjovt projekt : )
- men også et stort et...

Du skal nok arbejde med (mindst) 2 typer af blokke (tekst og billede) med hver deres properties.

Når du klikker på et element, suges de relevante properties ud af elementet med en LAANG stribe:
fontSize = $("#element-id").css("font-size")
fontFam = $("#element-id").css("font-family")
BwL = $("#element-id").css("border-width-left")
osv. (der er reelt hundredevis..)

Vises i dit sidepanel, hvor man så med dropdowns, checkbokse osv. kan ændre dem.
- og straks se ændringerne live:
$("#element-id").css("font-size","21px")
$("#element-id").css("fony-family","Trebuchet MS")
$("#element-id").css("border-width-left","2px")
osv.

Save-funktionen må så gemme alle værdierne (nok lettest som JSON i ét stort tekst-felt i db'en)

Men hvad med indholdet i hver tekst-blok - kun én slags ?
- så hvis forfatteren vil skifte farve, må hun bare oprette en ny blok..
(skal så være let at kopiere, i hvertfald)

Jeg har faktisk lavet (noget af) CSS-delen på DagForDag.dk - billede her: http://dagfordag.dk/Demo/index.html?show=Design
- men jeg arbejder kun med én blok - og CKeditor til indholdet i den..

Mange tak for dit svar. Jeg har dog fået løst problematikken ved at bruge følgende ved oprettelse:

$('#element'+count).bind('click',function(event) { handleClick(event); });

Men ja, du har nok ret i at det bliver et større projekt, men også en dejlig udfordring.

Selvom du ikke egentlig ramte plet gav du mig et hint omkring json som jeg ikke havde overvejet, derfor må du gerne ligge et svar så får du point :)

svar