Javascript help

Reply Subscribe

Thread Tools

Search this Thread

Mar 23, 2005 | 09:34 PM

Markus

Thread Starter

Scooby Regular

Joined: Mar 1999

Posts: 25,080

Likes: 0

From: The Great White North

Javascript help

Evening chaps.

Here's one for all you javascript types.

Here's an HTML page element:

Code:

<a id="locationareatext" name ="thenewtextarea"/>Text I want to replace</a>

What I want to be able to do, via javascript is to replace the text part of the field, iel change "Text I Want to replace" to anything I like (I'll actually be getting the text from within the JS)

How can I do this?

I am replacing images from JS with no problem, for example:

Code:

<img id="selectionbuttons" src='Images/dvp.png' name ="dvp">

I can change the SRC of the above in JS by simply doing this:

Code:

sourcea = "Images/gardiner_s.png";
document["gardiner"].src = sourcea;

So I guess it can be done, correct?

Mar 23, 2005 | 09:56 PM

Markus

Thread Starter

Scooby Regular

Joined: Mar 1999

Posts: 25,080

Likes: 0

From: The Great White North

Wise man say "If you use correct search terms, then enlightenment you will find!"

Seems I can do away with the < a > thing, simply specify it as a < div >

then simply have < div ID="nameofitem" >

then in my JS I can use:

Code:

document.getElementById('thedivid').innerText = "the new text";

lovely

Mar 24, 2005 | 09:45 AM

SJ_Skyline

Scooby Senior

Joined: Apr 2002

Posts: 21,922

Likes: 2

From: Limbo

You can also use <span> if you have specific styling/layout associated with divs

Mar 24, 2005 | 09:47 AM

SJ_Skyline

Scooby Senior

Joined: Apr 2002

Posts: 21,922

Likes: 2

From: Limbo

Simple example of changing span contents: (copy and paste into filename.html)

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function displaydatetime()
{
if (!document.layers && !document.all) return;
var today;
var timeLocal;
today = new Date();
timeLocal = today.toLocaleString(); //Convert to current locale.
if (document.layers)
{
document.layers.clockLocal.document.write(timeLoca l);
document.layers.clockLocal.document.close();
}
else if (document.all)
{
clockLocal.innerHTML = timeLocal;
}
setTimeout("displaydatetime()", 500)
}
window.onload = displaydatetime;
</script>
</head>

<body>
<span id=clockLocal style="position:relative;"></span>
</body>
</html>