hi all,
i have used jQuery with thickbox and editInPlace
(http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/)
successfully in Firefox. However doesnt seem to work at all in IE.
Basically its meant to work like if there is a section of text, click on
it and it will display the text in a textarea and then can be edited and
updated to the database (using a post to a PHP file). Anyway, that works
in FF as mentioned.
Now in IE, I click the text that is in the Div and nothing happens at
all, very strange. Been googling and cant really find answers. Here is
some of my code:
<code>
my JS file that gets included:
$(document).ready(function(){
setClickable();
});
function setClickable()
{
$('#editInPlace').click(function() {
var textarea = '<div><textarea rows="2"
cols="20">'+$(this).html()+'</textarea>';
var button = '<div><input type="button" value="SAVE"
class="saveButton" /> OR <input type="button" value="CANCEL"
class="cancelButton" /></div></div>';
var revert = $(this).html();
$(this).after(textarea+button).remove();
$('.saveButton').click(function(){saveChanges(this, false);});
$('.cancelButton').click(function(){saveChanges(this, revert);});
})
.mouseover(function() {
$(this).addClass("editable");
})
.mouseout(function() {
$(this).removeClass("editable");
});
};
</code>
So basically this code sets the DIV 'editInPlace' to editable IE: when
you click on it, it shows the textarea etc...
This isnt even called at all with IE? Now im not sure if this is a
JQuery issue or the JS and IE?
Does anyone have any suggestions what the problem could be? Perhaps its
not even related to jQuery and Thickbox and EditinPlace?
Any suggestions will be most welcome or links to help etc...
Thanks in advance.