Replacing Data With DOM
Jul 25, 2005
I'm trying to get my head around DOM and it's usefulness in designing web applications. Some of it is pretty straight forward, while some is kind of vague. What I am trying to do now is write data to a page. I want to fill in the data in the second span below.
<div> <span>Size</span> <span class="size"></span> </div>
I can write the data using the following.
var posSize = document.createTextNode(Ǝ'); parent.document.getElementById('size').appendChild(posSize);
But as the name suggests, it appends it to the current value. So every time I click something on the page and the value needs to reflect that item, it just appends it to the former value.
View 13 Replies
ADVERTISEMENT
Nov 27, 2011
I have to replace two keyboards. I have functions that generate alphabetical keyboard on the screen and normal computer keyboard. They both have button which should switch them like, for example, the default keyboard should be the computer one if you click the button alphabetic it should change to the alphabetic one which on the other hand has a button that can return the default one. So I wonder how to make the change between them. If I use document.write everything goes away... if I use appendChild it adds the keyboards one after another when I want just to replace them. I am really stack on this one.
View 2 Replies
View Related
Mar 6, 2006
I have a script which gathers information from a form and, if needed, writes this info to a 'preview' window. At times {tokens} are used in place of real html tags. How can I tell the script to look for "{" and "}" and replace them, respectively, with "<" and ">".
I tried using "str = str.replace(/{/g, "<").replace(/}/g, ">");" but that didn't work. The script in question is being written by PHP... thus, may be generating a syntax-based failure. Any ideas?
View 14 Replies
View Related
Aug 28, 2006
Is it possible to delete a table and put another one in it's place, in the same document?
View 2 Replies
View Related
Jul 25, 2004
What I want, is the code to look for a particular ID of an img, and then change the filename (but not the whole path) of the image.
For instance...
if the path was "../images/headin.gif", the javascript would find this by the ID, and change to "headin" to "headdown".
I know I can do something like...
if(a.getAttribute("img").indexOf("headin")) {
but then I need to know how to replace "headin" with "headdown".
How can this be done?
(the reason I don't want to replace the whole src, as that would be very simple, is that the path of the image will change depending on the directory the page is in)
View 2 Replies
View Related
Jan 29, 2007
I got a javascript code that displays new text boxes when someone clicks on a button. Here is the code that goes into the header:
<script type="text/javascript">
boxct=0;
function dispMoreFiles() {
var upbox = "<INPUT name='numbers[]' TYPE='text' size=ཚ'><br>";
var updiv = document.getElementById("morefiles");
if (boxct<9) {
var addhtml = updiv.innerHTML+upbox;
updiv.innerHTML = addhtml;
boxct++;
} else {
alert('Message');
}}
</script>
I use this simple code in the body to make use of it:
<input type="text" name="numbers[]" size="30">
<div id="morefiles">
<input name="add" type="button" value="Click To Add Another Box">
Now, if I add another box, then type some text into it, then add another box, the box I just typed into is replaced with a new box, and a new box is added. How do I just make it add a new text box instead of replacing a current one?
View 14 Replies
View Related
Apr 19, 2002
I have a pitures folder with this format :
name_setnumber_picnumber.jpg
for ex: foo_1_02.jpg
how to write a function in JS to return the next and prev image names of the given name of the first image. ( foo_1_01.jpg and foo_1_03.jpg ).
View 4 Replies
View Related
Jul 23, 2005
I'd like to globally replace a substring specified by a regular
expression with itself along with some additional characters.
example:
var oldString = 'asdf BRACKETTHISasdfsdf sd asdBRACKETTHISasdf asd'
var newString =
oldString.replace(/sw*BRACKETTHISw*/g, '<' + ?some expression that
accesses current match? + '>' )
And newString winds up as:
'asdf <BRACKETTHISasdfsdf> sd <asdBRACKETTHISasdf>
asd'
Is there a way to do this, or do I have to use other methods?
View 1 Replies
View Related
Jan 26, 2006
I have a page that contains several HREFs. Each HREF that I'm interested in has a common parameter (parmX). Does anyone have a script example on how to find-and-replace parmX with parmY?
I'm assuming that I'd need to do this in the onload event - but I don't know much about Javascript.
View 8 Replies
View Related
Jun 4, 2006
Say I have some CSS, which is several hundred lines long, with the
contents in this format:
..foo {
blah
color:#000;
blah
}
..bar {
blah
color:#FFF;
}
where the selectors and their opening braces, their closing braces, and
declarations are each on their own lines (always), how can I replace a
specific declaration (line) given a unique selector and a declaration
property. For example, if I wanted the 'color' declaration property line
in the 'bar' class changed.
At the moment I'm iterating through the CSS one line at a time looking
for the selector and then looking for the declaration property (before I
hit the closing brace).
View 1 Replies
View Related
Jul 20, 2005
From javascript in IE, I have a need to hijack the onclick event for an element and replace it dynamically with my own.
I have tried the following...
control.onclick = 'myHandler();'
but this doesn't seem to do the trick. How do I go about doing this?
View 3 Replies
View Related
Aug 22, 2009
New to JQuery, but making progress, not sure how to describe this issue, so stay with me. In JS I would build a function that I could call from a variety of actions, including other functions.
eg..
function dosomething(someparam){
// does something.
}
function dothis(){
[Code]...
View 1 Replies
View Related
Dec 22, 2010
I try to place user variables in an html page with JQuery. It work with FF, but it do not work with IE7 (and it must work with it...)
[Code]...
View 1 Replies
View Related
Oct 21, 2010
Code: tr><td><div id="ref">hh</div></td><td>edit button</td> what I want to achieve is that when a user clicks on edit button, first of all hh should be replaced by a text input field and edit button change to update
View 1 Replies
View Related
May 27, 2010
I am developing a simple image editor in an HTA (for a special use-case). Because it is an HTA, it runs in IE only (IE7 to be precise).
Everything is working great so far, however, because I am loading the same img src file over after every edit, I had to attach " + Math.random();" to the image src so that the updated image is displayed.
This has lead to some pretty severe memory issues, as each time I make an edit, it caches another image. Under normal operation, my app uses under 20MB with a single image loaded, however after every edit it adds about 3MB. After a few minutes of testing I have had it consuming over 200MB!
Is there another way to use the same file name, same image src, etc, but have the browser re-read the file before displaying it again rather than using a cached copy.
Alternately, is there a way to make the browser forget about the other copies it has in memory to keep memory usage under control.
View 2 Replies
View Related
Jun 15, 2009
I need to replace some content in a web page with new content, without leaving the page.
When opening the following page, there are two rectangles, one being small and the one large: [url]
When clicking the small rectangle in above page, the two rectangles will be replaced by the two in following page: [url]
I understand that the two sets of rectangles may need to be coded in one page. I put them in two different ones in order to present my ideas clearly.
View 4 Replies
View Related
Feb 26, 2010
i have a javascript that creates a table then appends it to an empty div. This works fine in FF, however it fails to work in IE8.
[Code]...
View 11 Replies
View Related
Nov 12, 2010
this is simple, but:
function printInput(f){
var ifr = window.frames['printFrame'];
var v1=readCookie('lesson');
if (v1==1){v2='WORKNOTEPAD1'}
[Code]....
How can I make it stop erroring and act as if the "v2" were, say, "WORKNOTEPAD2"?
If the line contains the string it all works fine.
View 15 Replies
View Related
Feb 28, 2006
I have a string (erj-23-38h4-230, for instance).
I want to remove all occurrences of the '-'
The replace function only removes the first instance. How can I remove all of them?
View 7 Replies
View Related
Mar 13, 2006
Im not all to sure what I can do right now. I have a script that I wrote for a userlookup on some website, problem is they have filtered out some key elements, to keep hackers away. Now, heres my problem. How can i make this return the same value, without using eval()
function doc() {
var f = Array (1);
f[0] = 'var d = doc'
f[1] = 'ument;'
eval(f.join(''));
return d;
}
Ive tried many thing, and had no sucess.
View 2 Replies
View Related
Oct 20, 2006
i have two iframes side by side.i want users to type a keyword in a search bar,click, and the keyword would replace a (specified) characters in the iframes and display the content.
1st iframe.
<iframe name="cwindow" style="border:2px solid black" width=50 height=20 src="http://www.dynamicdrive.com/@@@/" target="cwindow"></iframe>
2nd iframe
<iframe name="cwindow" style="border:2px solid black" width=50 height=20 src="http://www.dynamicdrive.com/forums/@@@/" target="cwindow"></iframe>
*so, upon entring a keyword in a search field(and clicking) the keyworld would replace all @@@ in iframes.
i have tried several codes including remote scripting in iframe. does is involve PHP? i can't seems to understand. can anyone please give me code and instruction on how to use it?
View 2 Replies
View Related
Nov 2, 2009
I am trying to make jquery replace one div for another with an click.. it is not working for me..
[Code]...
View 2 Replies
View Related
Dec 6, 2004
On certain pages, I display 10 pictures as thumbnails and one in the center to view as the main one. It works pretty nice but its not working for me in FF .. so I have to upgrade my coding methods here.
I have named the picture in question 'swap' in the html. The command that activates the swap is here:
onClick="MM_swapImage('swap','','listings_images/#URL.ID#/#display.img1#',1)"
Which runs this:
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Now to note, that I am not doing a rollover here, just click and swap the image.
View 2 Replies
View Related
Feb 8, 2005
i'm trying to figure out how to access my input text with a variable:
Code working:
function 123(param){
var x = document.form1;
total = 0;
if(x.txSecurApp.checked){
total = parseFloat(x.tAdulteA3.value) + txSecur;
}
else{
total = parseFloat(x.tAdulteA3.value);
}}
Trying to :
function 123(param){
// param is tAdulteA
var str = param + Ɖ'
var x = document.form1;
total = 0;
if(x.txSecurApp.checked){
total = parseFloat(x.str.value) + txSecur;
}
else{
total = parseFloat(x.str.value);
}}
the var str is the problem, can i access my input this way.
View 3 Replies
View Related
Jul 25, 2005
I need to remove this in the XHTML and replace it with a Javascript function that does the same thing. (<?=$bgImage?> is a random file name returned by PHP)
Code:
<style type="text/css">
html{
background-image:url(core/images/bg/<?=$bgImage?>);
}
</style>
The site uses a session var to rotate the bg only if its been 10 seconds (for testing, The final will be 1-2 mins, or i may disable the rotation and simply give the user a unique bg with every visit)
I'm not sure how to target the html elment in the CSS document to change the backgroundImage.
View 3 Replies
View Related
Oct 25, 2005
I'm new to Javascript but did this script which displays answers when you click on a link (like a quiz). Actually i've got an arrray where I store my answers. When I click on the link below, the answers have to be displayed after replacing certain characters in them. I'm stuck with the last part. Code:
View 4 Replies
View Related
