Solved

createElement("button") makes a tiny little button

Posted on 2011-03-20
3
484 Views
Last Modified: 2012-05-11
Hi!

I am very new to javascript and there may well be a better way to do this than the way I am trying to do it, but the problem I have seems like it is something the should be trivial, despite my complete inability to fix it.

I am creating a number of form elements using javascript, including a submit button, using the following code.  

The problem is, the button appears and works, but it is super tiny and has no writing in it (at least none that I can see).

I have tried specifying height and width (first in the javascript and then in the div) - both seem to have failed to solve the problem.

If anyone can tell me how to make my submit button normally sized I would really appreciate it!
Thanks!


//this gets the div tag that I am appending the button to.
var sButton = document.getElementById("sbt");

//this creates my button
var submitting = document.createElement('button');
   submitting.setAttribute("name", "Submit");
   submitting.setAttribute("type", "submit");
   submitting.setAttribute("value","Submitted");

//this appends the button to the div
sButton.appendChild(submitting);

//this is the html code for the div
<div id = "sbt"></div>

Open in new window

0
Comment
Question by:JolineZ
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 250 total points
ID: 35177910
Standard 'submit buttons' are <input> elements.  http://www.w3schools.com/tags/tag_input.asp  'buttons' are <input> elements.
0
 

Author Comment

by:JolineZ
ID: 35177931
Thanks! I knew it had to be something silly and this fixed it immediately.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 35177932
thanks, glad to help.
0

Featured Post

Secure Your Active Directory - April 20, 2017

Active Directory plays a critical role in your company’s IT infrastructure and keeping it secure in today’s hacker-infested world is a must.
Microsoft published 300+ pages of guidance, but who has the time, money, and resources to implement? Register now to find an easier way.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Handling case and special names in javascript 3 25
arrays and radio buttons 10 40
15 puzzle in Javascript/html 2 44
Boolean 13 25
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question