472,959 Members | 1,854 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,959 software developers and data experts.

replace instances of text on page with image or other text?

Hello,

I need to look through the text on a page and replace certain words with an
image or other word

something like:

read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg" >
(jeez, I don't get why computers cant just read english!<G>)
and, no, I cant just change the page with 'find/replace' in notepad.

--
thanks,
juglesh B>{)}
Jul 23 '05 #1
16 12302
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Sj_xd.302269$R05.120039@attbi_s53...
Hello,

I need to look through the text on a page and replace certain words with an image or other word

something like:

read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg" >
(jeez, I don't get why computers cant just read english!<G>)
and, no, I cant just change the page with 'find/replace' in notepad.

--
thanks,
juglesh B>{)}


It is not clear -- who's page?

For any given URL do you want to change "certain words" and display it or
what?
Jul 23 '05 #2

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:7C_xd.268087$HA.48168@attbi_s01...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Sj_xd.302269$R05.120039@attbi_s53...
Hello,

I need to look through the text on a page and replace certain words with an
image or other word

something like:

read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg" >
(jeez, I don't get why computers cant just read english!<G>)
and, no, I cant just change the page with 'find/replace' in notepad.

--
thanks,
juglesh B>{)}


It is not clear -- who's page?


well, my .php is being included in their page(which they made for me) . my
..php page contains the head and the body tag, so i can put in a javascript,
and call it from body onload. basically, when it gets to your browser, you
see my head content, and most of the body is theirs.

For any given URL do you want to change "certain words" and display it or
what?


so, not any given url, just on the pages where my head content is used.

their page is:
<?php include 'http://www.mydomain.com/head.php'; ?>
<p> Welcome. Content is here. blah and blah</p>
</body>

my head.php is
<head>
<my javascript>
</head>
<body>

i want my js to change all instances of 'blah' to <img src="MyPicture.jpg" >

which would change the output to:
Welcome. Content is here. <the image> and <the image>


Jul 23 '05 #3
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:lZ_xd.689446$mD.299515@attbi_s02...

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:7C_xd.268087$HA.48168@attbi_s01...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Sj_xd.302269$R05.120039@attbi_s53...
Hello,

I need to look through the text on a page and replace certain words
with
an
image or other word

something like:

read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg"

(jeez, I don't get why computers cant just read english!<G>)
and, no, I cant just change the page with 'find/replace' in notepad.

--
thanks,
juglesh B>{)}
It is not clear -- who's page?


well, my .php is being included in their page(which they made for me) .

my .php page contains the head and the body tag, so i can put in a javascript, and call it from body onload. basically, when it gets to your browser, you see my head content, and most of the body is theirs.

For any given URL do you want to change "certain words" and display it

or what?


so, not any given url, just on the pages where my head content is used.

their page is:
<?php include 'http://www.mydomain.com/head.php'; ?>
<p> Welcome. Content is here. blah and blah</p>
</body>

my head.php is
<head>
<my javascript>
</head>
<body>

i want my js to change all instances of 'blah' to <img src="MyPicture.jpg"
which would change the output to:
Welcome. Content is here. <the image> and <the image>


Will this work? Watch for word-wrap.

<head>
<script type="text/javascript">
function MyHead() {
var find = "blah and blah";
var repl = "<img src='MyPicture.jpg'>";
var page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var i = page.indexOf(find);
var j = find.length;
page = page.substr(0,i) + repl + page.substr(i+j);
document.body.innerHTML = page;
}
}
</script>
</head>
<body onload="MyHead()">
Jul 23 '05 #4
make that:

var find = "blah";
Jul 23 '05 #5

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:Wd0yd.540796$wV.495762@attbi_s54...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:lZ_xd.689446$mD.299515@attbi_s02...

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:7C_xd.268087$HA.48168@attbi_s01...
> "juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
> news:Sj_xd.302269$R05.120039@attbi_s53...
>> Hello,
>>
>> I need to look through the text on a page and replace certain words with > an
>> image or other word
>>
>> something like:
>>
>> read document
>> find all instances of the word "blah"
>> change all instances of the word "blah" to <img
>> src="MyPicture.jpg"

>>
>>
>> (jeez, I don't get why computers cant just read english!<G>)
>> and, no, I cant just change the page with 'find/replace' in notepad.
>>
>> --
>> thanks,
>> juglesh B>{)}
>>
>>
>
> It is not clear -- who's page?


well, my .php is being included in their page(which they made for me) .

my
.php page contains the head and the body tag, so i can put in a

javascript,
and call it from body onload. basically, when it gets to your browser,

you
see my head content, and most of the body is theirs.
>
> For any given URL do you want to change "certain words" and display it or > what?


so, not any given url, just on the pages where my head content is used.

their page is:
<?php include 'http://www.mydomain.com/head.php'; ?>
<p> Welcome. Content is here. blah and blah</p>
</body>

my head.php is
<head>
<my javascript>
</head>
<body>

i want my js to change all instances of 'blah' to <img
src="MyPicture.jpg"
which would change the output to:
Welcome. Content is here. <the image> and <the image>


Will this work? Watch for word-wrap.

<head>
<script type="text/javascript">
function MyHead() {
var find = "blah and blah";
var repl = "<img src='MyPicture.jpg'>";
var page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var i = page.indexOf(find);
var j = find.length;
page = page.substr(0,i) + repl + page.substr(i+j);
document.body.innerHTML = page;
}
}
</script>
</head>
<body onload="MyHead()">


almost works! if i change repl to a different word, it will work (it will
display another word), but if i use that img tag, nothing changes.


Jul 23 '05 #6

"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Lf1yd.612732$D%.496186@attbi_s51...

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:Wd0yd.540796$wV.495762@attbi_s54...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:lZ_xd.689446$mD.299515@attbi_s02...

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:7C_xd.268087$HA.48168@attbi_s01...
> "juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
> news:Sj_xd.302269$R05.120039@attbi_s53...
>> Hello,
>>
>> I need to look through the text on a page and replace certain words

with
> an
>> image or other word
>>
>> something like:
>>
>> read document
>> find all instances of the word "blah"
>> change all instances of the word "blah" to <img
>> src="MyPicture.jpg"

>>
>>
>> (jeez, I don't get why computers cant just read english!<G>)
>> and, no, I cant just change the page with 'find/replace' in notepad.
>>
>> --
>> thanks,
>> juglesh B>{)}
>>
>>
>
> It is not clear -- who's page?

well, my .php is being included in their page(which they made for me) .

my
.php page contains the head and the body tag, so i can put in a

javascript,
and call it from body onload. basically, when it gets to your browser,

you
see my head content, and most of the body is theirs.

>
> For any given URL do you want to change "certain words" and display it

or
> what?

so, not any given url, just on the pages where my head content is used.

their page is:
<?php include 'http://www.mydomain.com/head.php'; ?>
<p> Welcome. Content is here. blah and blah</p>
</body>

my head.php is
<head>
<my javascript>
</head>
<body>

i want my js to change all instances of 'blah' to <img
src="MyPicture.jpg"
which would change the output to:
Welcome. Content is here. <the image> and <the image>


Will this work? Watch for word-wrap.

<head>
<script type="text/javascript">
function MyHead() {
var find = "blah and blah";
var repl = "<img src='MyPicture.jpg'>";
var page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var i = page.indexOf(find);
var j = find.length;
page = page.substr(0,i) + repl + page.substr(i+j);
document.body.innerHTML = page;
}
}
</script>
</head>
<body onload="MyHead()">


almost works! if i change repl to a different word, it will work (it will
display another word), but if i use that img tag, nothing changes.


ahh, think i got it! i had to change my quotes in the img tag to single
quotes.

is find a special variable? if i wanted to find and replace some other
words, how could i do that without making a bunch more functions?

thank you very much.

Jul 23 '05 #7

juglesh wrote:
Hello,

I need to look through the text on a page and replace certain words with an image or other word

something like:

read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg" >

(jeez, I don't get why computers cant just read english!<G>)
and, no, I cant just change the page with 'find/replace' in notepad.

--
thanks,
juglesh B>{)}

Maybe...

http://www.alistapart.com/articles/dynatext/

Jul 23 '05 #8
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:cP1yd.303759$R05.64258@attbi_s53...

[snip]

ahh, think i got it! i had to change my quotes in the img tag to single
quotes.

is find a special variable? if i wanted to find and replace some other
words, how could i do that without making a bunch more functions?

thank you very much.

"var find" and "var repl" are just variable names.
Jul 23 '05 #9
"juglesh" <ju*****@nospamRadioKDUG.com> wrote:
read document
find all instances of the word "blah"
change all instances of the word "blah" to <img src="MyPicture.jpg" >

(jeez, I don't get why computers cant just read english!<G>)


Well, it nearly looks like Applescript, which has a syntax like

tell application "Finder" to set x to entire contents of folder
"Macintosh HD:System Folder"

:-)
Jul 23 '05 #10

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:Xr4yd.304544$R05.275437@attbi_s53...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:cP1yd.303759$R05.64258@attbi_s53...

[snip]

ahh, think I got it! I had to change my quotes in the img tag to single
quotes.

is find a special variable? if I wanted to find and replace some other
words, how could I do that without making a bunch more functions?

thank you very much.

"var find" and "var repl" are just variable names.


yeah, ok, dreamweaver colors 'find' a different color, so I was thinking
that some special variable name or something.

well, I got it to work replacing 2 different words with two different
images, but only by duplicating the function (and adding a 2 to all the
variables). but I cant seem to do multiple replaces within the same
function. It seems like if I want to do 4 or 5 of these, its gonna get a
bit too much code if it could be done in one function.

thanks,

Jul 23 '05 #11
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:F6Eyd.5255$k25.1585@attbi_s53...

[snip]
"var find" and "var repl" are just variable names.


yeah, ok, dreamweaver colors 'find' a different color, so I was thinking
that some special variable name or something.

well, I got it to work replacing 2 different words with two different
images, but only by duplicating the function (and adding a 2 to all the
variables). but I cant seem to do multiple replaces within the same
function. It seems like if I want to do 4 or 5 of these, its gonna get a
bit too much code if it could be done in one function.

thanks,


"find" is probably a reserved word in some language.

The version below handles multiple find/repl:

<head>
<script type="text/javascript">
function MyHead() {
var list = new Array();
list[0] = "blah1^<img src='MyPicture1.jpg'>";
list[1] = "blah2^<img src='MyPicture2.jpg'>";
list[2] = "blah3^<img src='MyPicture3.jpg'>";
var j, k, find, item, page, repl;
for (var i=0; i<list.length; i++) {
item = list[i].split("^");
find = item[0];
repl = item[1];
page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var j = page.indexOf(find);
var k = find.length;
page = page.substr(0,j) + repl + page.substr(j+k);
document.body.innerHTML = page;
}
}
}
</script>
</head>
<body onload="MyHead()">
Jul 23 '05 #12

"McKirahan" <Ne**@McKirahan.com> wrote

The version below handles multiple find/repl:

<head>
<script type="text/javascript">
function MyHead() {
var list = new Array();
list[0] = "blah1^<img src='MyPicture1.jpg'>";
list[1] = "blah2^<img src='MyPicture2.jpg'>";
list[2] = "blah3^<img src='MyPicture3.jpg'>";
var j, k, find, item, page, repl;
for (var i=0; i<list.length; i++) {
item = list[i].split("^");
find = item[0];
repl = item[1];
page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var j = page.indexOf(find);
var k = find.length;
page = page.substr(0,j) + repl + page.substr(j+k);
document.body.innerHTML = page;
}
}
}
</script>
</head>
<body onload="MyHead()">


thank you very much, this is perfect!!! One hint, don't try naming your
images the same as the word you are trying to replace<G> (blah1.gif-doesn't
work). throws IE into a tailspin.

seems to run fast enough on my puter(xp, 2.8ghz, 512ram), do you think it
would be a problem on a lesser machine? at what point, x number of replaced
words, or x number of instances of the words in the page, would it be a
problem? I ask cuz it seems to me that we are storing the
document.body.innerHTML a lot. seems a lot of stuff to have in memory and
be looking thru multiple times, but I don't really know.

--

juglesh
Jul 23 '05 #13
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Tf7zd.630520$D%.101935@attbi_s51...

[snip]
thank you very much, this is perfect!!! One hint, don't try naming your
images the same as the word you are trying to replace<G> (blah1.gif-doesn't work). throws IE into a tailspin.

seems to run fast enough on my puter(xp, 2.8ghz, 512ram), do you think it
would be a problem on a lesser machine? at what point, x number of replaced words, or x number of instances of the words in the page, would it be a
problem? I ask cuz it seems to me that we are storing the
document.body.innerHTML a lot. seems a lot of stuff to have in memory and be looking thru multiple times, but I don't really know.

--

juglesh

Then let's only use it once:

<head>
<script type="text/javascript">
function MyHead() {
var list = new Array();
list[0] = "blah1^<img src='MyPicture1.jpg'>";
list[1] = "blah2^<img src='MyPicture2.jpg'>";
list[2] = "blah3^<img src='MyPicture3.jpg'>";
var j, k, find, item, repl;
var page = document.body.innerHTML;
for (var i=0; i<list.length; i++) {
item = list[i].split("^");
find = item[0];
repl = item[1];
page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var j = page.indexOf(find);
var k = find.length;
page = page.substr(0,j) + repl + page.substr(j+k);
}
}
document.body.innerHTML = page;
}
</script>
</head>
<body onload="MyHead()">

Also, I'd suggest that instead of using "blah" use a tag-like reference such
as [blah] si it will stand out more and can't be confused with an image
name.
Jul 23 '05 #14

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:0qCzd.19336$k25.3159@attbi_s53...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:Tf7zd.630520$D%.101935@attbi_s51...

[snip]
thank you very much, this is perfect!!! One hint, don't try naming your
images the same as the word you are trying to replace<G>

(blah1.gif-doesn't
work). throws IE into a tailspin.

seems to run fast enough on my puter(xp, 2.8ghz, 512ram), do you think it
would be a problem on a lesser machine? at what point, x number of

replaced
words, or x number of instances of the words in the page, would it be a
problem? I ask cuz it seems to me that we are storing the
document.body.innerHTML a lot. seems a lot of stuff to have in memory

and
be looking thru multiple times, but I don't really know.

--

juglesh

Then let's only use it once:

<head>
<script type="text/javascript">
function MyHead() {
var list = new Array();
list[0] = "blah1^<img src='MyPicture1.jpg'>";
list[1] = "blah2^<img src='MyPicture2.jpg'>";
list[2] = "blah3^<img src='MyPicture3.jpg'>";
var j, k, find, item, repl;
var page = document.body.innerHTML;
for (var i=0; i<list.length; i++) {
item = list[i].split("^");
find = item[0];
repl = item[1];
page = document.body.innerHTML;
while (page.indexOf(find) >= 0) {
var j = page.indexOf(find);
var k = find.length;
page = page.substr(0,j) + repl + page.substr(j+k);
}
}
document.body.innerHTML = page;
}
</script>
</head>
<body onload="MyHead()">

Also, I'd suggest that instead of using "blah" use a tag-like reference
such
as [blah] si it will stand out more and can't be confused with an image
name.


this last one isnt working here. only the third item is replaced.

I sorta see where you're going, though. you only do the
document.body.innerHTML = page at the end, and not through every for/while
loop? as you may have guessed, I'm just a copy/paste javascripter, I get
most of it, and if I squint at the code for long enough while flipping
through javascript references online, I can grok a bit more.

afa [blah] , do you mean that I should have the text to be replaced in the
html changed to bracketed? because that's why I'm going through all this in
the first place, I cant change most of the body of the page (well, not
without js).

--
juglesh
Jul 23 '05 #15
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:6LGzd.261461$V41.16042@attbi_s52...

[snip]

Remove the instance of
page = document.body.innerHTML;
just before the "while" statement.

I just meant that if you had control obver the page it would be nice to more
clearly identify replacable elements.

this last one isnt working here. only the third item is replaced.

I sorta see where you're going, though. you only do the
document.body.innerHTML = page at the end, and not through every for/while
loop? as you may have guessed, I'm just a copy/paste javascripter, I get
most of it, and if I squint at the code for long enough while flipping
through javascript references online, I can grok a bit more.

afa [blah] , do you mean that I should have the text to be replaced in the
html changed to bracketed? because that's why I'm going through all this in the first place, I cant change most of the body of the page (well, not
without js).

--
juglesh

Jul 23 '05 #16

"McKirahan" <Ne**@McKirahan.com> wrote in message
news:qOKzd.812226$8_6.276494@attbi_s04...
"juglesh" <ju*****@nospamRadioKDUG.com> wrote in message
news:6LGzd.261461$V41.16042@attbi_s52...

[snip]

Remove the instance of
page = document.body.innerHTML;
just before the "while" statement.
cool.
I just meant that if you had control obver the page it would be nice to
more
clearly identify replacable elements.


true, dat. I'm trying to get them to call my replaceElements.php so i can
just put some urls to my images where i need them.
Jul 23 '05 #17

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: bateman | last post by:
Hi, what I am trying to do is the following, its causing some probs though: I have the following in a database: ] This is just some dummy text. It doesn't mean anything and is for placeholding...
3
by: Andy | last post by:
Can someone please help me with this problem? I don't know if this is possible in Java, so if it's not please point me in the right direction or to the right newsgroup! (I'm a newby to Java...
3
by: gregpinero | last post by:
I'm trying to write a little script that will have a list of word pairs which will loop through that list and replace all instances of each word with the other word. I'm very new to javascript...
6
by: Dan V. | last post by:
What is the best/simplest way to have a large top image with let's say 14 thumbnails under it in 7 rows and to replace the top image with the larger one when a user clicks on a thumbnail? I would...
12
by: Charlie King | last post by:
As I understand it, the use of FIR* to replace heading tags with images in visually enabled CSS browsers is now frowned upon on the basis that some screen readers will *nor* read back text that is...
3
by: gregpinero | last post by:
Hi guys, What I'm trying to do is find all instances of an acronymn such as IBM on a webpage and replace it with <acronym title="International Business Machines">IBM</acronym>. However in my...
6
by: Martin Evans | last post by:
Sorry, yet another REGEX question. I've been struggling with trying to get a regular expression to do the following example in Python: Search and replace all instances of "sleeping" with "dead"....
18
by: Umesh | last post by:
Do you have any answer to it? thx.
1
by: neovantage | last post by:
Hey all, I am using a PHP script which creates headings at run time in a sense at page execution. I am stuck a with a very little problem which i am sure i will have the solution from experts. ...
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
0
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
2
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.