contentEditable image


This is a sort of continuation to the

The thing is working nicely except for the jumping of the page when the editable area is selected and for the initial 2 clicks it takes before the hand cursor kicks in...

Now the next step, changing the picture in the contentEditable area... can this be done?

Have a look at what's done so far, here:

I'm shooting for the simplest most efficient solution, I could have used any of hundreds rich text editors out there, but it just wouldn't be the same =)
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

what do you mean.

where will you get the picture form?
you must have it somewhere.

do you want to paste it on the old one?
ark2000Author Commented:
the image will be on the server in images directory, so for this thing I guess we need a little pop up window to select the available images and/or upload a new one.
ark2000Author Commented:
replace or add, adding I guess will require some sort of button to be produced when in editable mode.
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

ark2000Author Commented:
I'm gonna end up propably with going thru the javascript in one of those free rich text editors...
i can recommand you on:

you first have tio decide what you want to do.
you can simply use browse window to find the imag you want and then replace it
over the old one using :

// find the img object
//replace the src
... .src='newSource'

document.getElementById('imageId').src = 'new Source'


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
ark2000Author Commented:
If it would be possible to use FCKeditor with the span rather than iframe that would do it, then I would just use it with a subset of features that's it... do you know if it's possible?
ark2000Author Commented:
I'm trying to make it work with FCKeditor elements,
ark2000Author Commented:
hey NetGroove what's up? you've been 3 times to my site and still no help? =)

I'm using 2 different stats packages right now, trying to decide which one to adopt and waiting for some russian ppl to get back to me with their stats package =)

this thing is gonna rock!

I've set it up so if I go to site the stat javascript isn't even called, and vice versa, the editing javascript isn't going to be there if I'm not coming to the site... once it's done, as well as the statisticks.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.