this works perfectly in firefox - but in internet explorer it just creates the first lable and the input field, although it creates the input field as a regular text field instead of for files. the caption label and text field aren't created at all. any ideas? Code:
View 7 Repliesthis script updates an image on a page and resets the class name of a link. Works fine in Mozilla browser. However, the setAttribute method in the second function doesn't work in IE. Is there a known bug connected with this?
Any ideas?
var view;
//update image
function getView(view)
{
var source = view.getAttribute("href");
var imgsrc = document.getElementById("view");
imgsrc.setAttribute("src", source);
setClass(view);
}
// update class names of links
function setClass(view)
{
var arLinks = document.getElementsByTagName("a");
var ct = (arLinks.length-1);
for (var i=0; i<ct; i++)
{
arLinks[i].setAttribute("class", "inactive");
}
view.setAttribute("class", "active");
}
I am struggling to write an meta element in JS. The meta element in question
is the refresh element.
This is the code I am using
//----------------
function setMetaContent(metaTag, metaName, value) {
//----------------
var metas = document.getElementsByTagName('meta');
if (debug) alert('[setMetaContent] metaTag='+metaTag+' metaName=
'+metaName+' value '+value);
for (var i=0; i<metas.length; i++) {
if (metas[i].getAttribute(metaTag)==metaName)
break;
}
if (debug) alert('[setMetaContent] i='+i+' value '+value);
metas[i].setAttribute('content',value);
}
and I call it with:
How do I use a variable in setAttribute ?
View 1 Replies View RelatedI'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 did some searching around, but didn't see this addressed directly. Here is an example of when dot notation fails in Firefox, and when SetAttribute doesn't fail: Code:
View 4 Replies View RelatedI am using the following code to create an 'a' element with 'texto' to add the onclick property to an object:
var vinculo = xCreateElement('a');
var nodoTexto = document.createTextNode('texto');
xAppendChild(vinculo, nodoTexto);
xAppendChild(celda2, vinculo);
vinculo.setAttribute('onclick', 'buscarSolucion(1,1,1)');
'celda2' is a table cell. This works with FF but not with IE. I solved this using a comment from here for the 'name' attribute, like this:
...
vinculo = xCreateElement('<a onClick="' + onClick + '">');
...
But I would like to put it in a function to make it general for any element that has the 'onclick' property. Is there any other way to set the 'onclick' attribute & to be understand by IE & FF?
NOTE: I also found that I can not set 'colspan', I have to set colSpan. Also, I can not set 'class' I have to use the canonical method with 'object.className=...'
I know there is a problem with IE (I wont bother inserting a witty comment here) on handling:
setAttribute('onclick','doStuff');
I have found
yourAnchor.onclick = function() {
// do what you want in here.
}
this works, but I the script I am working on is going through every DIV with a certain class and adding links to the div, I want the button to change something within the div where it is located so I need to pass the id of the parent div. I thought perhaps there was someway to find the id of the button pressed?
Just after upgrading from v1.4.3 to v1.4.4 I started receiving this javascript error on the console, but apart from the update, I didn't do any code modifications. If I follow the console link, it takes me to this point in the source:
[Code]...
with the line in red marked as the error source. What could it be causing the error?
Im writing a piece of javascript that dynamically adds a link to a page, this is the code i'm using
var newP;
newP = document.createElement("a");
newP.innerHTML = "Click here";[code].........
However, it wont work?!?! the link appears in the right place on the page when i remove the line newP.setAttribute("href","http:[url]......);and if i view the source the link is <a>Click here</a> (without any href) so there's got to be something wrong with that line but i don't know what it is.I'm using firefox.
It works OK in IE and Moz, but in Opera the change of the attribute's value works on once, first time. No error. That confuses me. Why works only once? Any ideas? Code:
View 16 Replies View RelatedI have multiple attributes (class, id and title) that is needed to insert into a div together. All I know how to use setAttribute for single attribute. So the question is there an "array" setAttribute method to insert all attributes together into an element OR is there a "after" or "before" setAttribute method I can use to insert an attribute after or before other attribute?
View 2 Replies View RelatedI want to implement:
<a href=123 onclick="javascript:return false">123</a>
in DOM,
I have:
var link = document.createElement('a');
link.setAttribute('href', 123);
link.setAttribute('onclick', 'function() { return false; }');
but it doesn't work. The reason I want a href and onclick = false is because I want to drag and drop the 123.
I need setAttribute "src" from main windows to pop-up window (Iframe in it) and also i need to prepload all src files ONCE, so if user ever click to open pop-up and do it againt, its no need to loading againt, can anybody help with the script ... ? Or maybe can sugest me with better method to have same result.
View 3 Replies View RelatedI've been working on this for about four hours (two today, two yesterday) and keep hitting the brick wall. I'm trying to create a function that will add an attribute to specified tags. As the title says, it works great in FF and not at all in IE7. Probably the first question you'll ask after you see my code is "why?" Well, I've got a form with over 100 form fields in it, and if I can avoid manually adding an attribute to all of them, I'll take the JS route.
[Code]...
The document object has a method called createElement. Can I use this
method to create a new Drop/down list, like:
var sel = document.createElement('SELECT');
I have seen it used like this:
opt = document.createElement('OPTION');
which means that opt now holds an option that can be appended to an already
existing select object.
Are there any restrictions for which arguments createElement can be called
with? I have seen: var what is "LI"? Where do I need to look to find valid arguments for createElement??
I have a snippet of code below that creates a new input element for a
checkbox and sets some attributes.
var observationCheckbox = document.createElement('input');
observationCheckbox.setAttribute('type', 'checkbox');
observationCheckbox.setAttribute('id', 'observation.' + runningCount +
'.species');
observationCheckbox.setAttribute('name', 'observation.' + runningCount +
'.species');
observationCheckbox.setAttribute('value', 's' + speciesCode);
Question: Is it possible to set this checkbox to be 'checked' when it is
created? I'm not sure if this constitutes an attribute or not.
I have a page which uses JavaScript to create form elements using
document.createElement('input'), etc.. Both Firefox and IE have no
problem accomplishing this and when the form is submitted all the
information is passed correctly.
I am now trying to validate the form using JavaScript when the page is
submitted. Firefox has no problems with this but IE returns
'document.form1.*THE FORM FIELD*.value is null or not an object' for
the elements that were created using document.createElement when I try
get their value using 'document.form1.*THE FORM FIELD*.value'. How do
I get the value of the form elements that were created using
JavaSCript?
I try the following in Firefox and other modern browsers:
window.addEventListener('load', function() {
document.title = CSS.getClass('fontSize');
var div = document.createElement('div');
document.getElementsByTagName('body')[0].appendChild(div);
alert(div);
alert(div.style)
}, true);
It works fine in normal HTML mode (Content-type: text/html), but in
XHTML mode it alerts "[object Element]" instead of "[object
HTMLDivElement]" and the second alert shows "undefined" instead of
"[object CSSStyleDeclaration]". So I can't reach the style declaration
which is important for me. Strict mode makes trouble again and again,
the biggest bug: document.write does not work:
<table id="test" style="width:200px;border: thin solid blue;">
<tr>
<td>
Test row 1
</td>
</tr>
</table>
I have a table like above and want to use document.createElement to insert a new row at the end of the table before the close table tag, is this possible?
My efforts so far have resulted in the following html:
<table id="test" style="width:200px;border: thin solid blue;">
<tr>
<td>
Test row 1
</td>
</tr>
</TBODY>
<TR>
<TD>Test row 2</TD>
</TR>
Which doesn't display properly as table has already been closed
This is the code I've knocked up for the test so far:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<script>
function test(tableObj)
{
alert(tableObj.innerHTML);
//var newTable = document.createElement("table");
var newRow = document.createElement("tr");
var newCol = document.createElement("td");
newCol.innerText = "Test row 2";
newRow.insertBefore(newCol);
tableObj.appendChild(newRow)
alert(tableObj.innerHTML);
}
</script>
<body onload="test(document.all.test)">
<table id="test" style="width:200px;border: thin solid blue;">
<tr>
<td>
Test row 1
</td>
</tr>
</table>
</body>
</html>
This is driving me insane. I'm trying to use createElement inside a loop to make some <divs>, each of which has an onclick event. I threw together this test page to demonstrate it:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
When I click on any of the boxes it alerts "5", the final value of x after the loop ends, instead of what the value of x was when the loop executed and created the element ("0", "1", "2", etc.). This is happening if FF and ie.
I also noticed in Firebug if I put a breakpoint on the "yay.onclick=function(){alert(x)}" line that it will break everytime I click on one of the boxes. Very strange...
How can I put in a variable on the yay.onclick=function(){alert(x)} line and have it "stick"?
I'm having trouble parsing through a table in I.E. Of course it works fine in firefox and chrome. I'm pulling html off of a txt doc and storing it in a temporary div made with createElement so I can go through and parse out the data. Code is below:
[
Code:
var tempdiv = document.createElement("div"); //create temporary element to store html content in
tempdiv.innerHTML = html; //dump html content into new element
[Code]....
It returns 0 for rows and and cols. If I use a getElementsById and grab a table already on the page it works fine.
I cannot get an appendChild(img) in the following code snippet to work in IE. However, the same script works without any problems in Firefox and Netscape 7.0 The error that is produced in IE is invalid argument. I have used a try/catch block in expectation of producing a better error message however the error message that is received is [objectError].
var pageDiv = window.parent.fraTop.document.getElementById('pageTitle');
if(pageDiv!=null)
{
while(pageDiv.hasChildNodes())
{
pageDiv.removeChild(pageDiv.firstChild);
}
var img = document.createElement('img');
img.src='/wp2f/images/please_wait.gif'
pageDiv.appendChild(img);
}
I have this body:
<body>
<div id="d1">content</div>
<!--I want to append a div right here-->
<div id="d3">content</div>
</body>
I have this javascript code which would add a div after div id="d3":
var adiv = document.createElement("div");
document.body.appendChild(adiv);
How could I modify my javascript code so that instead of adding to the end, making it the last tag, it would be the second tag?
I've been creating a script that dynamic loads js files.
but after creating that script, (and i use
document.createElement('script');) in that function.. i've realise that
the code that shows up in the browser is:
<script type="text/javascript">
should it be
<script type="text/javascript" />
or
<script type="text/javascript"></script>
I'm experimenting with creating SVG dynamically and am finding that document.createElement is changing the case of the tags I input. This is breaking because, apparently SVG tags are case sensitive. For example, when I try to create a linear gradient element like so:var grad = document.createElement('linearGradient');what appears in the view source is:<lineargradient ...> (Note the lowercase "g")The tag doesn't work if the "G" is lowercase. Is there any way to specify in the <html> tag (or somewhere else) that the document should preserve tag case?
View 1 Replies View Related