Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

document.write issues 1

Status
Not open for further replies.
Aztech1

Aztech1

Technical User
Mar 1, 2009
33
LV
the "ALT" text is not shown when mouseover image:
[tt]newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click to close" >');[/tt]

Is it possible add "title" attribute to show text on mouseover? i.e.
[tt]
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' title="Click to close" alt="Click to close" >');[/tt]
Code: 
{
	newWindow = window.open("vwd_justso.htm","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
	newWindow.document.open();
	newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' onBlur="self.close()" onClick="self.close()">');  
	newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');
	newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' alt="Click screen to close" >'); 
	newWindow.document.write('</td></tr></table></body></html>');
	newWindow.document.close();
	newWindow.focus();
	}
also, how to add loading.gif to show it when image loads?
 
Sort by date Sort by votes
could be because the newwindow in not in focus - if it is not in focus then the alt tag won't work, or it could be because you need to set all your attributes the same way - you need double quotes around your width / height.

This works for me:

Code: 
document.write('<img src="'+imageName+'" width=[COLOR=red]"[/color]'+imageWidth+'[COLOR=red]"[/color] height=[COLOR=red]"[/color]'+imageHeight+'[COLOR=red]"[/color] alt="Click to close" title="Click to close" >');

TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers
 
Upvote 0 Downvote
It works now in Firefox and IE both(it not worked in Firefox).
Not sure, do we really need double quotes around width / height? It works without double quotes also.
 
Upvote 0 Downvote
You should keep everything the same - use quotes on all attributes (single or double, but keep it consistant).



TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers
 
Upvote 0 Downvote
thanks for tip. Some ideas how to add loading.gif to show it when image loads?
 
Upvote 0 Downvote
^ what exactly do you mean by "add loading.gif"?



TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers
 
Upvote 0 Downvote
^ I can't view that link from work - it's blocked (major lockdown here).

I'll take a look when I get home...

If what you want is to show an image while the other one is loading, something like this might work:

Code: 
<img src="preload.gif" id="myImg" />
<script>
document.getElementById("myImg").src = "newImage.gif";
</script>

TIP: trying googling the answer before posting, you'll find that more times than not someone else somewhere has had the same request and posted an answer online.
----
I have recently been semi-converted to ensuring all my code (well most of it) works in both javascript and non-javascript enabled browsers
 
Upvote 0 Downvote
yes, I just mean simple preloader. Which place this can be added?
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

edd92
  • Locked
  • Question
Dropzone Issues
Replies
0
Views
138
edd92
edd92
chelares
  • Locked
  • Question
Issues with Tables
Replies
2
Views
104
Offera
Offera
Nefarious1
  • Locked
  • Question
XMLHttpRequest synchronous Issues
Replies
4
Views
186
vacunita
vacunita
Enkrypted
  • Locked
  • Question
Autocomplete and Search issues
Replies
7
Views
167
jpadie
jpadie
primorudy
  • Locked
  • Question
why won't my second group of data show in this javascript loop when i document.write()
Replies
6
Views
111
feherke
feherke

Part and Inventory Search

Sponsor

Back
Top