Hi!
I'm trying to add preview to my InfoboxTablesPlugin (1). Basically, if you
change the image in edit mode, the preview beneath the textarea where you
enter the new URL would show the new picture. The plugin generates HTML
output, so the code needs to be inserted there. Currently this is my
onchange handler, where imageID is the ID of the img tag:
onchange=\"this.defaultValue = this.value; document.getElementById('" +
imageID + "').setAttribute('src',this.value);\"
DOM structure:
<div>
<textarea with the onchange handler></textarea>
<div for preview>
<img for preview>
</div for preview>
</div>
When I added an alert at the end, it showed the new URL (interestingly,
console.log showed nothing), but the image didn't change. How do I push the
changes to the image? I suspect I need to refresh something, but I'm not
sure what or how. Or do I need to push the changes (the entire new img tag
with the new URL) to the "div for preview"?
I've set up a test (2).
(1) http://infoboxes.tiddlyspot.com
(2) http://infoboxestest.tiddlyspot.com/
w
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
