Mozilla & Iframe
Jul 11, 2003How to work with iframe in Mozilla? Where is it stored? I tried document.SomeIframe.src = "blah-blah"; not working.
View 1 RepliesHow to work with iframe in Mozilla? Where is it stored? I tried document.SomeIframe.src = "blah-blah"; not working.
View 1 RepliesI am relatively new to javascript and am working on a script where I
want to utilizes a couple of iframes and format text in them. I have
run into a problem with getting the following code to work in mozilla.
It seems to work in ie.
Eventually I will be replacing the H1 node with a table until I can get
the H1 node to show up in mozilla there is not much point.
I have tested using both a javascript created iframe and one built in
the html file. In both cases the iframes have an id of something_ifr...
had this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
View 2 Replies View RelatedI've a BIG Problem With a HUGE JS application , i'm modifying its javaScript code to work on both IE/Mozilla , currently it works fine on IE but not on Mozilla.
My main Point now is events.
Lets try with a little module, consider this function :
And it is attached in this place like :
This works fine in IE , i want to modify it to work on Mozilla.
I am trying to make a comment editor with iframe, and want to trigger the change of content inside iframe, the following code cant work.code....
View 5 Replies View RelatedIm trying to use javascript history to resize an iframe when a submit button is clicked inside the iframe.
This is what i found so far.
Code:
Us this with iframe:
Code:
Code:
But im not really sure on how to apply this to my iframe, and i know that the resize part also needs to be edited, but what is missing?
I have an 'input' that is of type= "image", and name="butt",
that I need to enable/disable from time to time.
In IE (6) I used [document.theform..butt.disabled=condition] and it worked
fine. However, in a Mozilla (latest vers, no number avail) it doesn't see
this as an object. As a workaround I declared a global var 'theButton' and
used 'onLoad="theButton=this;"' within that 'input' to set the value, and
this works fine in both Moz & IE.
Having to use a global var is not a problem, but I would like to know why
the original attempt didn't work in both browsers? The 'form' that 'butt'
is a member of contains 1 select, 3 type="text" inputs, and finaly the
type="image" input.
Perhaps Moz doesn't add an 'input' of type="image" to the collection if the
types are mixed?
I have this script and I want to adapt it to the DOM of most / all well
known browsers like mozilla and netscape.. at the moment it only works in
ie4+ en ns6. can anybody give me some hints?
This is used for making a tree <li><ul>
var ns6 = document.getElementById && !document.all;
var ie4 = document.all && navigator.userAgent.indexOf("Opera") == -1;
function checkcontained(e)
{
var iscontained = 0;
cur = ns6 ? e.target : event.srcElement;
if (cur.id == "foldheader")
{
iscontained = 1;
}
else
{
while (ns6 && cur.parentNode || (ie4 && cur.parentElement))
{
if (cur.id == "foldheader" || cur.id == "foldinglist")
{
iscontained = (cur.id == "foldheader") ? 1 : 0;
break;
}
cur = ns6 ? cur.parentNode : cur.parentElement;
}
}
if (iscontained)
{
var foldercontent = ns6 ? cur.nextSibling.nextSibling :
cur.all.tags("UL")[0];
if (foldercontent.style.display == "none")
{
foldercontent.style.display = "";
cur.style.listStyleImage = "url(images/open.gif)";
}
else
{
foldercontent.style.display = "none";
cur.style.listStyleImage = "url(images/fold.gif)";
}
}
}
if (ie4 || ns6)
{
document.onclick = checkcontained;
}
Have this in parent document:
function ResizeDocument(...) {
$("iframe"
).each(function
(){ $(this
.contentWindow.document).trigger('customresize'
,null
);});
[Code]...
I am loading a collection of frames as follows (from jsp source, so ignore <%= %> blocks):
<html>
<frameset name="MNGM_OUTER" rows="50,*,20" framespacing=0
frameborder=0 border=0>
<frame name="MNGM_TOP" src="control/top.jsp" scrolling=no
[Code].....
I'd like to resize an iframe into which different (same domain) pages of differing heights are loaded. I can do a first-time resize no problem. It's the subsequent reloads that need to pass back their height to the parent page There seem to be lots of solutions for that around, but few I can see for resizing each time the iframe reloads. One is described here on another board [URL] but unfortunately the test page is no longer around (or indeed the site), so the full code is no longer available there. This one works, almost, for me: [URL] it does resize for me, but not quite sufficiently high each time - about 90% of what is required: [URL] Is there a way to add on sufficient extra margin that scrollbars no longer appear?
View 8 Replies View RelatedIs there a way to resize an iframe dynamically so that you never get the scroll bar and essentially hide that there is an iframe? Better integration really.Basically I want to iframe a forum into my site so that the design down the sides and top which my friend does using iweb are not messed with.We have a central area which can be longer or shorter depending on the forum.
View 3 Replies View RelatedI have some functions in a script in which I'm manipulating the
innerText and background colors of certain rows in a table. The lines
below work OK in IE but when I try them in Mozilla, I get an error
that says: "document.getElementById('TableX').rows is not a
function".
thisRow = document.getElementById('TableX').rows(1);
thisRow.style.background = 'white'
Can anyone give me a clue as to how to fix this so that it will work
in both browsers?
anyone have a code example of using xmlhttp with mozilla, if i use the
following code, the function is never called, but it does work in IE.
xmlhttp.
{
if (xmlhttp.readyState == 4)
{
var response = xmlhttp.responseText;
divResponse.innerHTML += "<p>" + response + "</p>";
}
}
I am trying to disable the F5 key in Mozilla. I have the next code in
javascript that it is working in Internet Explorer but it is not
working in Mozilla. how can I disable the F5 key in Mozilla?
<script>
document.onkeydown = function(){
if(window.event && window.event.keyCode == 116){
window.event.keyCode = 505;
}
if(window.event && window.event.keyCode == 505){
return false;
}
}
</script>
I have a function which dynamically adds to a table. It receives a
variable which basically encapsulates this:
<div id="tableid">
<tr>
<td>col1</td>
<td>col2</td>
...
</tr>
...
</div>
It's worth nothing that the incoming variable is a product of XSLT
transformation, so I think it's technically an XML DOM element
(although I'm not too sure on the difference between the XML DOM and
the HTML DOM).
On the incoming variable, I do getElementsByTagName("tr") and -("td")
to get NodeLists of the rows and columns respectively. To insert them
into the table, I create new tr and td elements, then copy the value
over, like this:
//stuff to get a column
trs = getElementsByTagName("tr");
tds = trs[i].getElementsByTagName("td");
thiscol = tds[j];
//stuff to copy the column value
new_tr = document.createElement("tr");
new_td = document.createElement("td");
new_td.innerHTML = thiscol.xml
The .xml part is a Microsoft creation, so the only works in Internet
Explorer. In anything else the column value is rendered as 'undefined'.
I'm trying to make things work in Mozilla too, but an Element node
(thiscol.nodeType gives me Ƈ') doesn't have nodeValue implemented.
InnerHTML and OuterHTML are not implemented either.
How on earth are you supposed to extract a value from an XML node if
nodeValue is not defined? Am I going about things in the wrong way?
I am facing problem with updating form element using javascript in
MOZILLA Details are as follows.
I have a div containing form element. on submit , i am submitting the
form using javascript-ajax and processing the form. then after
successfully processing i am replacing innerHTML of div with same
form. I am able to see same form on page after ajax update but when i
refill the form and submit it again..javascript is not able to find the
form element in HTML DOM.
This problem comes with mozilla-firefox but it works fine with IE 6 ...
I embedded a javascript in HTML and tried to open the file using
mozilla 1.4 it gave me the following exception in the script on
clicking the Submit/Next button. IE was able to execute the script
Function defination
function evaluate(form)
Line making the call :
<INPUT onclick="if (validate(this.form)) evaluate(this.form);"
type=button value=Submit/Next name=B1>
Mozilla Javascript console window.
Error: uncaught exception: [Exception... "Not enough arguments
[nsIDOMXPathEvaluator.evaluate]" nsresult: "0x80570001
(NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: <unknown
filename> :: onclick :: line 0" data: no]
Is some future Mozilla going to support setInterval ( <function:function>,
<interval:number> ) ?
Right now it seems to be simply setInterval ( <function-text:string>,
<interval:number> )
I've a personal application I would like to script, that would
bring up a particular web page (which happens to have a Flash application
on it), then every 15 minutes or so generate the equivalent of
clicking on a button (causing the application to retrieve and display
the latest info).
Anyone know of any articles or howtos on the web for writing such an
application? Code:
can somebody give me a minimal example of how to read xml
file into mozilla AND run some Javascript funcion?
Mozilla can read xml files directly and css files can
be included as well, that works for me.
But I would like to do some operations with the DOM tree.
My question is Mozilla only, I would apperciate some
minimal example (like alert(1)) and especially some
URL pointers.
function maak(strXML){
var objDOMParser = new DOMParser();
var objDoc = objDOMParser.parseFromString('<xml>'+strXML+'</xml>', "text/xml");
while (this.hasChildNodes()) this.removeChild(this.lastChild);
var objImportedNode;
for (var i=0; i < objDoc.childNodes[0].childNodes.length; i++) {
switch (objDoc.childNodes[0].childNodes[i].nodeType){
case 3: objImportedNode = document.createTextNode(objDoc.childNodes[0].childNodes[i].data);
break;
default:
objImportedNode = document.importNode(objDoc.childNodes[0].childNodes[i], true);break;
}
this.appendChild(objImportedNode);
} //End: for
}
function getXML() {
var objXMLSerializer = new XMLSerializer();
var temp=this.childNodes.length-1;
var strXML=''
for (var i=0;i==temp;i++){
switch (this.childNodes[i].nodeType){
case 3: strXML+=this.childNodes[i].data.replace(/</g,'<').replace(/>/g,'>');
break;
default: strXML+=objXMLSerializer.serializeToString(this.childNodes[i]);
break;
}
}
return strXML;
}
Node.prototype.__defineGetter__("innerXML", getXML);
Node.prototype.__defineSetter__("innerXML", maak);
I've made these functions quite some time ago, and quite possibly this code is quite ugly, but it works. Obviously this would be only useful if you are a masochistic xhtml-coder and you want an easy way (kind of contradictory with a masochist) to dynamically add or remove markup/text.
I am trying to disable the F5 key in Mozilla. I have the next code in javascript that it is working in Internet Explorer but it is not working in Mozilla. how can I disable the F5 key in Mozilla?
Code:
function checkKeyCode(evt)
{
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
[Code]....
table.tBodies[0] has properties...
The js file works on NS 7 and IE but not mozilla 3.3... How to resolve it? code...
The code below works fine in Firefox but doesn't work in IE8. Is that to be expected and if so, why?
if (($(this).children(a).text()) == 'Hide')
If I change it to -- if ($('.accordionShow .head a').text() == 'Hide') it works fine but I lose the ability to use 'this', which I would like to have.
The HTML is:
What I want to do is be able to identify the label as Hide or Show without getting the whole text, i.e. 'Hide the Section'. That way no matter what the label is it will work the same. And I could substring it I suppose by using the text of the <h2> tag but it seems that is unnecessary also.
Is this just another peculiarity of IE, that it doesn't use the .children(a) selector?
This works in IE and NS4 but in Mozilla (Firebird) it displays part of the javascript as page content instead of scripting. It's a very old 'mouseover generator' that writes javascript that had so many requests when I removed it I had to put it back in.
View 4 Replies View Related