Hey everybody,
I use scriptaculous for a sortable list of images. I want to put text
to the images and do it as follows:
<li id="image1" class="imghandle">
<span id="imagetext" class="imagetext" style="display:
none;">Description</span>
<img id="someimage" src="image.jpg" alt="text" onclick="showText(1)" /
>
</li>
and
function showText(id){
txtname = 'imagetext_' + id;
imgname = 'someimage' + id;
Position.absolutize($(txtname));
var editor = new Ajax.InPlaceEditor(txtname, 'change.php', {
submitOnBlur: true
});
editor.enterEditMode('click');
}
and the CSS
.inplaceeditor-form{
position: absolute;
z-index: 1;
}
I hope, you get the idea: The text for the image should be hidden and
when you click on the image, the in-place-editor shall appear. The li-
items are ordered left-to-right, not below each other and the
But I do have several problems now:
The "new" text which I enter in the form is being displayed
afterwards, it seems like the display: none; is not in effect any
longer (which firebug confirms)
When the editor-form appears, sometimes the word "Description" which
should be in the input-field does not appear. When I start typing, it
suddenly appears.
Sometimes the input-form is being covered partially by one of the
images within the <li>
I hope, you can help me or if not directly, give me some hints on how
to implement such a "edit-text-without-showing-it"-functionality.
Thanks a lot in advance and I hope, my problems are at least a little
understandable ;)
Bye,
Dominik
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
