Solved: javascript:How to take the output in the same page?

sepala · 16-Sep-2010, 02:33 AM #1

have a look at the following code

<html >
<head>
<script language="javascript">
function texter()
{
var textField;
textField = txtone.value;
textFieldLength = txtone.value.length;

if (textFieldLength==0)
{
txtone.value=prompt("Please enter someting","");
}
else
{
document.write("<marquee>"+"welcome "+"<font color = 'red'>"+textField+"</font>"+" how are you?"+"</marquee>");
}

}

</script>
</head>

<body>
<input type = "text" name = "txtone" >
<input type= "button" value = "click" onclick = "texter()">
</body>
</html>

This code takes the user input and generates a marquee. But the case is it generates the marquee in a separated page, but I need it to generated in the same page where that textfield and button exists, below to them. Can anyone tell me how to do that? Please help. Any help would be much appreciated.

andythepandy · 16-Sep-2010, 09:57 AM #2

The problem is that if document.write is called after the page has loaded, like in you case, then it overwrites the whole page - not what you intended

Instead you could do the following:

Code:

<html >
<head>
<script language="javascript">
function texter()
{
var textField;
textField = txtone.value;
textFieldLength = txtone.value.length;

if (textFieldLength==0)
{
txtone.value=prompt("Please enter someting","");
}
else
{ 
result.innerHTML = "<marquee>"+"welcome "+"<font color = 'red'>"+textField+"</font>"+" how are you?"+"</marquee>";
}

}



</script>
</head>

<body>
<input type = "text" id = "txtone" >
<input type= "button" value = "click" onclick = "texter()">
<div id="result"></div>
</body>
</html>

That writes the marquee to a div that already exists using the innerHTML attribute eliminating the need for document.write

Hope that helps

Andy

sepala · 17-Sep-2010, 01:33 AM #3

wow..wow...wow...Thanks again and again and again Andy..It solved one of my major problems..

Similar Threads
Title	Thread Starter	Forum	Replies	Last Post
javascript:How to take the output in the same page?	sepala	Web Design & Development	0	16-Sep-2010 02:29 AM
On my other laptop it doesnt go to the log in page where I have to type my password	dilaksan	Windows XP	86	05-Aug-2010 06:29 PM
How do you change *.URL icon to the icon in the same folder?	Xangel	Tech Tips and Reviews	3	04-Jan-2008 12:00 AM
Want to open hyperlink window in the same *.doc window	berniejay	Windows XP	0	24-Jun-2007 11:47 PM
How can i move adsl connection to our another flat in the same building?	WebTeam4U	Networking	7	12-Jan-2005 07:38 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Search
Search for:

Solved: javascript:How to take the output in the same page?

Find the solution to your computer problem!

Find the solution to your
computer problem!