how to show text on background with buttons remain

Question

0.00/5 (No votes)

See more:

Hi all,
I want to show some text on backgroung image i have set. The code is showing text but it hides the button. I want the button remain.
Can anyone help me ???
Thanks in advance.

<html>
<head>
<script type="text/javascript">
function changeStyle()
{document.write(""+""+""+"ABC");
document.body.Image="url(bgdesert.jpg)";
}
</script>
</head>
<body>
<input type="button"  önclick="changeStyle()" value="Set background-image" />
</body>
</html>

Posted 5-Apr-11 19:48pm

Farah Siraj

Add a Solution

Comments

Prerak Patel 6-Apr-11 1:49am

use pre tag for the codes to make question more readable.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

jim lahey · Answer 1 · 2011-04-05T21:38:00

Solution 1

Maybe this will help:

<html>
<head>
<script type="text/javascript">
function changeStyle()
{
var elem = document.getElementById("text");
elem.innerHtml= ""+""+""+"ABC";
document.body.Image="url(bgdesert.jpg)";
}
</script>
</head>
<body>
<div id="text"></div>
<input type="button" önclick="changeStyle()" value="Set background-image" />
</body>
</html>

Posted 5-Apr-11 21:38pm

jim lahey

Comments

Farah Siraj 6-Apr-11 3:58am

I have used your suggestion for innerHtml in the following code but it is not working.Any other suggesstion please???
<pre>
<html>
<head>
<script type="text/javascript">
function changeStyle()
{
var elem = document.getElementById("tower");
elem.innerHtml= "ABC";

}
</script>
</head>
<body>
<img id="tower" src="Towers.jpg" width="100%" height="93%" />
<input type="button" önclick="changeStyle()" value="Set background-image" />
</body>
</html>
</pre>

jim lahey 6-Apr-11 4:09am

You're trying to set text on an image.. I don't think that will work. show the image as a background in a <div> and set the text on the div.

Farah Siraj 6-Apr-11 5:37am

If i'm using background image via css then what happens that ialthough i have set image height and width by 100% but it shows the original image heigth and width which is very less.
How can i set heigth and width in this code.
Please help me to fix it.
<pre>
<html>
<head>
<script type="text/javascript">
function changeStyle()
{

}
</script>
</head>
<body>
<div style="background-image:url(Towers.jpg);
background-repeat:no-repeat;
width:100%;
height:100%;">
</br></br></br></br></br></br>LOADING...
</div>
<p>

<input type="button" önclick="changeStyle()" value="Set background-image" />

</body>
</html>
</pre>