TinyMCE and jquery.colorbox - javascript

I have TinyMCE opening in jquery.colorbox, everything is working, all the icons are clickable and I can update the textarea via the HTML icon but I can’t click into the actual editor box!
If I open TinyMCE outside Colorbox everything works fine.
Has anyone come across this before and if so how can I fix it?
Latest Edit, not getting any loving here!
I just worked out that this actually almost works perfectly in IE. In Chrome and FF I can’t type into the box but in IE I can, BUT only if I hit "THE ANY KEY" while my cursor has the focus of the box. The text then miraculously appears and I can type and update at will.
Anyone???
Old Edits Below
Could this be a z-index issue, I'm not sure because everything else opens on top of ColorBox, including Insert Image and my file browser. it's just the TextAera that I cant click into!
A More little more info
My website is MVC3 and i'm loading TinyMCE as done in this tutorial: http://www.tugberkugurlu.com/archive/tinymce-html-text-editior-and-asp-net-mvc-setting-it-up-has-become-easy-with-nuget
Anything I can find regarding this problem is loading tinyMCE at the same time as jQuery ColorBox or jQuery Dialog, which yields the same result.
People doing this in PHP and other tech have been having more trouble, in my case everything works but I cant type into the testArea/EditorFor.
I now think z-index has nothing to do with it so i'm going to try and make sure TinyMCE is loaded after ColorBox has completed loading!

I believe this is because colorbox traps the focus and prevents focus on anything outside the colorbox bounds. TinyMCE creates an iFrame outside the colorbox and you can't click on it.
Try setting trapFocus to false in the colorbox options.

Add link as option in plugins plugins: "link

Related

Why i cant see submit button; checkbox and div on IE

I have this landing page, for some reason I can't see the check box, submit button and a div that are in the code. Everything works in chrome and Firefox. I understand that IE dosen't always get media queries so I made this landing page that calls a diferent css file when it detects IE, but it made no difference.
I have a few questions:
1. What is causing this?
2. How can I fix it? Is there a file, like modernizer, that I can load to modify code for IE.
3. I am also using this js addon on the second link with a separate css file, in order to see place holders in IE. This also doesn't work, if someone could tell me why, that would be great
I see the checkbox just fine in IE. why don't you show an image of what you are seeing. Also, clear your browser cache.
To help debug, you should press F12, then click on console. make sure there are no errors. Then click Network. Make sure all css/javascript is loaded with no errors. finally, in the dom explorer, click the arrow, and click on the page and see if the elements are there.
as i see it this is the solution to my question
at the top of the css file i had this row:
#import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
once i removed it i got the mossing elemnts.
tnx for helping
Dav

Why does the following use of PLupload not work in IE8?

I am having trouble with hiding an element that is used as file select for PLupload.
The following code works in Chrome, Firefox, IE10,...
Click "clickme", then clicking "Me no work in IE" will open a CommonDialogBox to select files, and "Hello!" will appear.
http://fiddle.jshell.net/hZY67/13
For IE8:
http://fiddle.jshell.net/hZY67/13/show
Observation: In IE8 the CommonDialogBox doesn't pop up, but "Hello!" appears
Now remove display:none from the css.=> problem solved
Conclusion: When an element is attached to PLupload as fileselect, and a parent element's display is toggled, the connection between the fileselect and PLupload breaks.
Any light on this situation and possible workaround appreciated :)
http://www.plupload.com/punbb/viewtopic.php?pid=2381#p2381
#E-SPAR, Plupload needs to measure elements to generate file dialog trigger and position it properly, which obviously is not possible on elements having: display:none;. You might want to call refresh, after you show up your dialog.
In case of Plupload UI widget:
$('#uploader').plupload('getUploader').refresh();

jpg images are not displayed on safari pc / iphone

my website including jpg´s is displayed correctly on IE,FF & Chrome.
Safari on PC and iphone does not display all images.
If i clear safari cache and load page again the other images are not displayed as before.
I cant find any repeating mechanism which images are displayed or possibly not.
If you open the missing image in a new tab, then the image is correctly displayed. That works in all cases.
http://digikamera.yweb.at/public/uploads/image.php?width=178&image=/public/uploads/Canon-EF-100mm-f-2.8-USM-Macro-Lens-340x225.jpg
I already tired to add missing height definition of images and alt tags. But that did not help. Debugger does not show errors. Whats wrong in my code?
PLease check the issue on:
http://digikamera.yweb.at/Dslr
Please, can anyone help?
Code was fixed but the problem was still not solved. I found out that the issue was in the image resize script.
They show up fine when I test it in Safari.
However, there are a lot you can do in the XHTML markup to make it more likely to work in different browsers. For example, you are mixing HTML and XHTML, you are using duplicate id:s, you use height on tables and table cells.
The W3C validation service found 482 errors in the markup. Plenty of them are of course duplicates, but it's still a lot: http://validator.w3.org/check?uri=http%3A%2F%2Fdigikamera.yweb.at%2FDslr&charset=%28detect+automatically%29&doctype=Inline&group=0
Safari Wierdness: 340k jpg wasn't displaying, even after clicking the refresh icon. However, if I click in the URL box and then hit ENTER, voila! The jpg displays. But still not when using the refresh button.
iPad Wierdness: If I clear the cache and hit enter after putting in the URL, jpg displays. However, even if jpg is displaying, when I click on the refresh icon, the jpg doesn't display in the reloaded page, although I see by the progress bar in the URL box that it was trying.
So, I placed the jpg into a new file with nothing else and it loads normally, even with the refresh button.
Something in my code is preventing proper caching. I'll figure it out.
24 HOURS LATER: Turns out, I had changed the url reference pointing to the jquery file and didn't put the jquery file in that folder. Sure hopes this helps someone else!

Javascript disappearing on refresh IE

I'm having some issues with Javascript content on Internet Explorer, specifically, a page will appear to be empty on refresh but if you open the page from a link it will display correctly.
Site: ABuenPaso.cr
User: sof
Pass: stackoverflow
To go to the page with issues click on 'Registro' on the top menu.
The calendar uses the Fullcalendar plugin
The reviews are Ajax calls to a php file
General page usage instructions*
When the page first loads you'll be able to see a calendar with events and a weekly/monthly activity review. If you reload the page in IE, however, neither will show. Click on the 'Registro' button on the top menu again and they should display properly.
Also, in IE the form won't autocomplete in its entirety when clicking an event; the extra text areas that display when selecting 'Otros' in the 'Entrenamiento' and 'Tipo' drop-down menus won't show either.
Chrome and FF 3.6 are both working without a hitch (I've gotten some error reports from people using FF 3.5 but it worked fine for me). I've tried using the debugger that comes with IE8 but the only error reported is caused by an undefined variable used by a poll plugin that is used elsewhere.
The fact that the calendar/reviews work fine in Chrome/FF and will load on first entry at IE makes me think its not strictly a JS code problem. Other than that I have no clue what could be the problem and I've been stumped for a couple of days now.
Any help would be appreciated.
Thanks,
Tom
General page usage instructions:
You can reach the page with problems by clicking on 'Registro' on the top menu bar and logging in with the information provided above.
The 'Aceptar' button will create a new event on the selected day, the only required values are 'Entrenamiento' and 'Tipo'.
The 'Borrar actividad' button will delete a selected event, it requires the 'Entrenamiento' to match the events value (this will set itself on Chrome/FF).
Turns out IE wasn't executing the onload that loaded/executed the scripts. Moving this to a $(document).ready solved the problem.

Lightbox close link doesn't work in IE7

While the lightbox example page works fine for me in IE7, I seem to have broken it in my implementation.
I've written a Lightbox plugin for Mango Blog and everything works fine in Firefox. However, in IE7 the "close" button doesn't work. If I'm fast enough to get my cursor into the position that the close button will be placed before it slides into place, the IE status bar shows the "#" link, but clicking or moving the cursor makes the status bar go blank -- and of course nothing happens.
Not that it was that necessary, but I made a quick screencast of the behavior in IE7. Note the cursor not switching to a hand on the close button.
Any ideas how to fix this?
Perhaps you should try to use the actual 2.0.4 version of Lightbox as a base, there seem to be several changes in the DOM code, although nothing like the bug you described is mentioned in the changelog.

Categories

Resources