Well I haven't had any responses but I am making some progress
Basically the popup file (thickbox AJAX popup) doesnt have a link to
jquery.js but the file that calls it does have a link to it, so if I
call the popup file directly in the browser it wont work, however if I
put a link in that file to the JS file then it works in IE but then when
I use it as a popup it doesnt work, so there is something fishy with the
popup and when its meant to call the JQuery library, also its still
weird that the whole thing works in FF and not in IE? I've checked for
HTML errors there arent any and there are no JS errors.
Please if anyone can assist that would really be a help, anything, thanks
Angelo Zanetti wrote:
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.