I'm currently trying to put together a rich text editor that includes widgets from a different location then the site the rich text editor is on. I'm doing this by providing an Iframe in the content area that is placed at the cursor.
Now the idea behind this instead of providing some kind of placeholder until they finish editing is so they can see what they are talking about while they type.
Now the iframe works perfectly fine in Chrome loads the content as expected, but in Firefox it seems to have disabled javascript in this case (notice none of the script files being downloaded), which is an issue as the widgets are extremely javascript heavy and don't function without it.
I have provided below a JSFiddle showcasing this issue, the site im loading in the iframe is just a javascript game but you will see it doesn't work in firefox but its okay in chrome!
http://jsfiddle.net/reefbarman/2uYja/2/
Any help is appreciated
Scripts won't be executed when designMode is activated (source). Internet explorer was the first browser to add this feature, and Mozilla implemented a similar function, heavily inspired by Microsoft.
Your code functions in Chrome, because Chrome has implemented designMode in a different way.
Well after some research and experimentation I was dealing with two different issues that looked like one.
Firstly I made a change to the rich text editor I was using to use contentEditable only as this seems to be the standard going forward and its a heavily html5 app im working on. So with designMode = 'Off'; the iframe would load in normal situations. But I had a strange issue where adding the iframe to soon after adding another element to the editable area caused the iframe not to load, so just delaying the add of the iframe by some time allowed that dynamically added iframe to load!
Problem solved!
Related
I've been working on a CSS / HTML drop down navigation for my blogspot.com site. After coding it a few hours I had accidentally closed the tab to find out no matter what or where I tried the CSS on blogspot, the CSS wouldn't work again. Now, the HTML/CSS works anywhere else, just not on blogspot anymore.
These are the things I did:
1. Created a entire new blog under the same account, then applied
html/css
2. Cleared cookies, cache and restarted browser
3. Tried multiple browsers
4. Used stylish extension to override
5. Used console in firefox to edit HTML on other sites and added my
code to see if it worked elseware
6. Used a different computer
7. Used mobile network instead of ISP
Despite doing everything pretty much to get the css/html to work blogspot, it will refuse it now no matter what. I am guessing it is obviously an issues with blogspot.com such as a glitch or bug that I may have now caused. It also shows a lot of CSS code struck out in the styles inspector when you inspect a site via right-click.
I dab in javascript / jquery sometimes and I am wondering if there is a way to force my CSS to force override.
CSS/HTML http://jsfiddle.net/rpksx66u/
My blogspot site: https://vitalintel.blogspot.com/
Im about to pull my hair out.
update: so I moved the css/html/script element to another part of the page and it works. When the element is placed in the Cross-Column's sections in layout, it refuses to use any CSS.
I' ve got a wild Javascript conflict since my client has decided to put his videos on Youtube. It's clear the conflict occurs between the iframe's javascript and my code (only a randomized fadin on the background)... The whole page resizes weirdly as soon as the video plays. The elements in the page loose their position AND width !!! I've tried to stop my script and also to remove the iframe: The window resizes well in both cases. This is not happening with other browsers (Safari 5 neither):
Unfortunately the site's already online:
http://www.digitalvideo.fr
You can reach my script via the source code (right click).
Any help REALLY APPRICIATED !!!
Thank's
Solution found !!
For those who could be interested:
Safari 6 dosen't have any problem dealing with z-index but, for any reason a Javasctript DOM element z-index modification while using YouTube iframe causes real problems on the displayed page (even and especially on non-modified elements).
In my case i was modifying this property on 2 div blocks.
Solved.
I have a fairly long page with the Facebook comments widget at the bottom. With this widget in place the page jumps to the bottom on loading in IE7 and IE8. Whenever I remove the widget the page loads normally. This doesn't happen on any other browser. Can anyone suggest any way to prevent this? I've tried appending the .fb-comments div and calling FB.XFBML.parse() on it on document ready, but the behaviour in this case is the same.
This is a Facebook bug. I think they are working on it. If you go to the developers area on FB is a thread discussing it.
Also occurs in IE9, no updates in the last weeks for my web applications, should be a facebook bug or IE bug
I've developed a responsive-based website for a client, however upon testing on Blackberry OS5 (old, I know, but it is a requirement of the job) we have found that a lot of the elements on the page are invisible. I say invisible because the spacing is there where the elements should be, there are just blank spaces.
I started to debug the issue, and I found that disabling support for JavaScript in the browser causes the website to render fine. This led me to think that some of the JavaScript on the website was causing the issue, however upon removing all references to JavaScript on the website, the issue still occurs.
Any ideas?
Greetings,
http://marijn.haverbeke.nl/codemirror/jstest.html works on Safari on PC, but not on an Ipad. Which is a shame, since I wanted to use it for an app. My question is not only why does it not work, but how should I go about analyzing things that break on Ipad Safari ?
T.
CodeMirror2 works mostly fine on an iPad;
You can add text, remove text and move the cursor around.
You can however not hilite words and cut / copy / paste (as of today 2012-06-27).
The editor in CodeMirror is actually an iframe, and not a native text input form element. The problem here I suspect is that the browser on the iPad does not know if the keyboard should be activated because some DOM element has key events bound to it.
To do that, Safari would have to analyze the source code to deduce key bindings and when should the keyboard be activated - which sound hugely problematic to me.
perhaps it used an iframe in the past, but I have codemirror on my website now and I see no iframes at all contained inside it.
this is almost one year later though, so perhaps now the situation has changed.