Current location: Hot Scripts Forums » General Web Coding » HTML/XHTML/XML » Button visibility problem

Button visibility problem

Reply
  #1 (permalink)  
Old 01-27-10, 01:27 AM
sunanurag sunanurag is offline
Newbie Coder
 
Join Date: Aug 2009
Posts: 48
Thanks: 2
Thanked 0 Times in 0 Posts
Button visibility problem

Hi All,

I have created 6 buttons using button tag not the input tag. I ve used javascript on 2 buttons among them. But i am not able to see all buttons on Internet Explorer. On Firefox these are visible. what can be the problem??please help me.
Thanks in advance.

Regards,
sunanurag
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 01-27-10, 04:51 AM
wirehopper's Avatar
wirehopper wirehopper is offline
Community Liaison
 
Join Date: Feb 2006
Posts: 2,335
Thanks: 17
Thanked 92 Times in 90 Posts
Please post your code.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 01-27-10, 06:10 AM
sunanurag sunanurag is offline
Newbie Coder
 
Join Date: Aug 2009
Posts: 48
Thanks: 2
Thanked 0 Times in 0 Posts
HTML Code:
<tr>
<td><button name="submit" value="back" style="background-image: url(images/buttons/button_return.gif);width:72px;height:17px;"></td>	
<td><button name="submit" value="edit" style="background-image: url(images/buttons/button_edit.gif);width:72px;height:17px;"></td>	
<!--td><button name="submit" onclick="return printRow1(this)" value="add" style="background-image: url(images/buttons/button_addnew.gif);width:72px;height:17px;"></td-->	
<td><button name="submit" value="export" style="background-image: url(images/buttons/button_export.gif);width:72px;height:17px;"></td>	
<td><button name="submit" value="exportall" style="background-image: url(images/buttons/button_all.gif);width:72px;height:17px;"></td>	
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td><button name="submit" value="deleteall" onclick="javascript:if(!confirm('Are you sure you want to delete all records ?'))return false;" style="background-image: url(images/buttons/button_deleteall.gif);width:72px;height:17px;"></td>	
</tr>

Last edited by wirehopper; 01-27-10 at 08:02 AM. Reason: HTML tags
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 01-27-10, 08:10 AM
wirehopper's Avatar
wirehopper wirehopper is offline
Community Liaison
 
Join Date: Feb 2006
Posts: 2,335
Thanks: 17
Thanked 92 Times in 90 Posts
You might want to use input type="image", and they shouldn't all have the same name.

HTML Code:
<input type="image" src="submit.gif" alt="Submit" /> 
HTML input type Attribute

Also, you shouldn't have the word 'javascript' in the onclick attribute.

onclick Event
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 02-15-10, 05:52 AM
CodeRobber's Avatar
CodeRobber CodeRobber is offline
Newbie Coder
 
Join Date: Feb 2010
Location: Leicestershire UK
Posts: 15
Thanks: 0
Thanked 2 Times in 2 Posts
definitely use the image tag - simply give each image input tab a unique name - the image is then simply the src="". Also if you are thinking of making these "mouse-over-able" simply use the js term onmouseover="this.src='whateverover.jpg'" and onmouseout="this.src='whateverup.jpg'". A good little tutorial to follow is this one.

Creating Image Submit Buttons in HTML

Cheers
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply

Bookmarks


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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Button Problem sunanurag HTML/XHTML/XML 4 12-11-09 06:58 AM
problem: show/hide button erases field input esandra PHP 1 09-09-09 01:15 PM
SQL/Coldfusion radio button problem..... Clark_Kent Other Languages 1 07-19-06 04:43 PM


All times are GMT -5. The time now is 04:52 PM.
vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.