Is my understanding correct that due to the lack of CSS2 support Opera doesn't allow any access to inline/linked style declarations?
<style type="text/css">
..foo {
color: blue;
}
</style>
....
<div class="foo"...
There is no way to get a reference to the "foo" rule or to
change/remove it?
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
I stumbled on this problem while testing StatusNet for our next release; we use jquery.form's .ajaxForm() to do various AJAX form submissions, including the primary message-sending form which includes a file upload control.
We've not seen problems before, but since upgrading from an old Form plugin version 2.17 to 2.49 a couple months ago, I've noticed our development branch no longer works properly in Opera: the actual submission goes fine, but we're unable to access the XML return data (which usually contains HTML fragments to put back into the UI).
I have a test case which demonstrates this at [URL] (source of the main page & submit handler are included there), using current jQuery 1.4.4 and jquery.form 2.52.
Under Firefox 4.0b10 and other browsers, the forms submit correctly, and we can read nodes and text out of the returned XML just fine.
But on Opera 11.00 and 10.63, the submission goes through but we get back an HTML document containing only "<head></head><body></body>". On Opera 9.63, it also includes the text "Blank page."
I tried to trace this down in jquery.form's history, and the trouble seems to have started around 2.39 with a commit ironically titled "iframe load fix (mostly for Opera)", which changes the event handling for forms submitted via iframe: from that version on, a 'load' event handler is added directly as an onload attribute on the iframe's source, whereas previously it was added with attachEvent or addEventListener.
It looks to me like the iframe is throwing a load event for the "about:blank" page, instead of for the submission.
I can revert back to 2.17 or another working version for now, but I'd like to make sure this is fixed upstream;
As a replacement to frames, someone suggested using <object>'s to load a page within another page. This works fine, of course, except that I don't know how to script on object from within another object.
Let's imagine we have a page with two objects, and when I press a button in one of the objects, I want to change the data in the other object (i.e. load a different page).
With frames, you would do this with something like:
top.mainFrame.location.href="newpage.htm";
Does anyone know how I could do this when using objects?
Given the CSS style:
li{list-style-image: url("someimage.gif")}
....how can I change the list-style-image for a given <li>, given an object
reference?
(I've unsuccessfully tried stuff like
theObject.style.list-style-image="url(someotherimage.gif)")
I need a sample code about, how can i access rules in an external file, and its content.
View 2 Replies View RelatedMy understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedI have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
This is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[Code]....
<script language="JavaScript1.2" style="text/javascript">
<!--
function checkLocation() {
if (navigator.userAgent.indexOf("Opera")!=-1) type="OP"
else if (document.all) type="IE" // ie 4 & up
else type="XX"
if (type=="IE")
moveNav.style.pixelTop=document.documentElement.sc rollTop
setTimeout("checkLocation()",5);
}
//-->
</script>
This is suppose to keep the Nav bar at the top of an IE browser. (Yes, it
wobbles a little bit, but what can I do?)
With most other browsers, the Nav Bar stays nice and stationary at the top,
thanks to a nice CSS solution. However, with Opera (at least Opera 7.54 that
I have) the nav bar wobbles a bit like I would expect it to in IE, but still
it gets hidden under most scrolling situations. What's the cure for Opera?
I have strange situation, in my webb apps i use a lot of AJAX.
in my developer computer i use opera and naked apllication (it's using
Python Application Server cherrypy www.cherrypy.org), in production I
covered my application be Apache server which serves static files. The
problem is that AJAX working in Opera but only on production server
(cherrypy behind Apache), on developer machine it's not working. Others
browser (IE, FF 1.5.0.1) working without any problem. Does anyone know
solution for this? Or is is a way to lookup what is happen under Opera
engine? any plugin or something what shows AJAX status call?
I really want to make my scripts work in Opera. I really, really do.
But it seems like an uphill struggle. First of all, I can't get ANY
kind of debug output. No error messages in the "javascript console" -
but then, I have never seen ANYTHING in Opera's javascript console. Is
there some kind of voodoo I need to perform in order to make that work?
Then, when Opera doesn't like something about a script (even if it works
fine in Spidermonkey), it will sometimes refuse to load it entirely,
which means I can't even do alert() based debugging. What the hell?
Can anyone give me some insight as to how they go about making their
scripts run properly in Opera? I make a point of sticking to ECMAScript
standards (and then making per-browser exceptions where needed *COUGH
IE*), but Opera just doesn't want to cooperate.
This is in Opera 8, by the way. I haven't upgraded yet, since I don't
use it, and I think more people still use 8 than 9 so that's what I want
to target.
i have such a problem:
document.forms[formName]['image'+orderID+'_'+lineID].click();
this code works only in IE! how can i make something same in Opera 9?
Has any user of Opera 7.11 noticed that it does not reload all files
when the reload button is clicked? I can click on my html file to cause
Opera to load and start and it's OK. But if I then correct an error in
a *.js file and click reload I often get a javascript console with the
same error that I just corrected and line numbers that refer to the old
file. This has got to be something that I am doing wrong, but I can't
see it.
I have included a file below that tests onKeyPress in Opera 7.11. I am
getting peculiar behavior. When the file is first loaded, pressing the
keypad + causes the textarea to get physically larger on the screen, and
pressing the keypad - causes the textarea to get physically smaller. I
click on the scrollbar then this behaviour stops and subsequent
keystrokes are displayed appropriately. Is this some kind of bug in
Opera 7.11? Code:
I'm in the process of migrating a script to use DOM core methods but I've hit a roadblock in the aforementioned browser. The following code snippet illustrates what I'm basically trying to do, it really is incredibly basic!
var newimg = document.createElement('img');
newimg.setAttribute('id', 'placeholder');
newimg.setAttribute('src', 'images/large/courtyard.jpg');
I'm then positioning the element on the page using appendChild(). Everything works perfectly on Firefox 1, IE5+, Opera 8, Konqueror 3.3.1 (Linux) but not in Opera 7.54. I suspect the element is being created as associated styling on #placeholder is being applied (just some padding and borders) but the image itself is not being displayed. I assume therefore that the problems lies with setAttribute()?
This seems like the sort of problem that others would have encountered, but I haven't been able to find mention of it anywhere.
I am using this code:
document.getElementById("p").setAttribute("disabled","true");
to disable a button after user clicks it (this is to make sure user clicks it only once). It is needed to prevent multiple clicks on a button since each click calls a servlet.
This code works in IE but does not in FF and Opera.
I have this code
[URL]
If you'll use Opera browser, it will display lightbox style animation after clicking on marker on the map. Other browsers are not so kind
Chrome give an error Uncaught TypeError: Object [URL] has no method 'click'
To display animation in bumpbox(lightbox alternative) I use this html code
Code:
<div id="neco" style="display: none">
<a href="clouds.swf" class="bump">clouds</a>
</div>
and this javascript
Code:
google.maps.event.addListener(markerName, 'click', function mojafunkcia() {
document.getElementById("neco").getElementsByTagName("a")[0].click();
})
I assume that html element cannot access that javascript function because it ist nested within other function (please see source code on turie.eu), but I'm not very skilled with javascript, so I'm not sure.
How do you view javascript errors in Opera?
IE pops them in a modal box and NS has the excellent javascript console.
What does Opera have?
How to get multiple onLoad in Opera (v.7)?
Example shows what I mean - it works well IE and Mozilla, but not in
Opera Code:
the problem is, i have this javascript code in my aspx page that i want
it to work on almost all browsers, especially opera and safari :
function resize(){
displayFrm = document.getElementById("ifrmDisplay");
innerDoc = (displayFrame.contentDocument) ?displayFrm.contentDocument :
displayFrm.contentWindow.document;
objToResize = (displayFrm.style) ? displayFrm.style : displayFrm;
objToResize.height = innerDoc.body.scrollHeight;
}
the code above gets called every time a new page is loaded inside the
iframe (ifrmDisplay) what its doing is resizing the iframe so it can
have the same size as the page inside it, so i can eliminate the need
for vertical scroller for the iframe, i assumed that it works on opera
and IE at the same time, when i tried it out, it worked on IE but not on
opera. after lot of time in researching how i can get workaround this
issue with opera, that is the best possible solution i have and yet it
doesnt work. so i gave up and asking you if you can help me out here ,
coz this is jst driving me crazy!
the problem is im not a javascript expert, to be honest i jst started
doing javascripts about two days ago, that is why im in need for help
by the way, here is inner html for the iframe if its any use
<iframe id="ifrmDisplay" style="Z-INDEX: 99; LEFT: 187px; WIDTH: 567px;
POSITION: absolute; TOP: 136px; HEIGHT: 408px" src="" scrolling="no"
</iframe>
I've noticed that screen.availHeight/availWidth don't return
correct results in Opera 8, meaning that what Opera returns are
the pure screen dimensions, no the actual dimensions due to
taskbars or similar. On the other hand other browsers (MSIE,
Netscape, Mozilla) get this correct.
In Opera 8.01 (Linux; Build 1204) and in Opera 7.54 (Windows XP; Build 3865),
my form disappears from the HTML markup (below). To summarize:
1) In a <script> block in the <head> I create a form element (part of
object/feature/bug detection).
2) There's a <form> element defined in the <body>, with the id 'theForm'.
3) The onload function tries to access that form, and also counts the
total number of forms in the document. It fails to get a reference
to the form; the count is 0. Code:
After my web page has been loaded I'm doing some tests with a JavaScript. If
I figure out that something is wrong I'd like to reload the whole frameset.
With Internet Explorer and Mozilla Firefox I can reload the whole frameset
with
parent.location.href = "index.html";
However, this doesn't work with Opera.
Does someone know how to do that with Opera?
I create an IFrame and want to dynamically add content to it in Opera (8.54) like this: Code:
View 2 Replies View Related