HTML and JS, changing input type

Question

How do I change the input type? I want to use a class or id from CSS, without breaking my script.

My input type is 'button' which puts a generic looking button on the page. I want to use #myStyle instead. Please help.
Thanks,

<!DOCTYPE html PUBLIC "">
<head>
<style>
#mySprite{
    background:url('image.gif') 0 -480px;
    left:0px;
    width:13px;
    }
</style>
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type='text/javascript'>
    var fontSizes = [14, 16]
    $(function(){
      $('#PlusMinus').click(function() {
            if($(this).val() == "+") {
            $('#OurText').css('fontSize', fontSizes[1] + 'px');
            $(this).val("-");
        }
        else {
            $('#OurText').css('fontSize', fontSizes[0]+ 'px');
            $(this).val("+");
        }
           $("body .h6").toggle();
        });
    });
</script>
</head>
<body>
    <h6 class="noSpan">
    <!--MY INPUT TYPE NEED TO BE CSS STYLE-->
        <input type='button' class="cat" value='+' id='PlusMinus' />
        <span class="h6">Larger</span>
        <span class="h6" style="display: none">Smaller</span>
    </h6>
    <h5 id="OurText" class="p">TEXT</h5>
</body>
</html>

you want to change your button to have an id of 'myStyle' ?

JamesHalsall
– JamesHalsall

2011-03-07 19:41:03 +00:00
Commented Mar 7, 2011 at 19:41 — JamesHalsall
– JamesHalsall, Commented Mar 7, 2011 at 19:41

wsanville · Accepted Answer · 2011-03-07 19:41:17Z

1

If you want your styles to get applied, either change the id on the element to read the following:

<input type='button' class="cat" value='+' id='mySprite' />

Or, you can change your CSS rule to:

#PlusMinus
{
    background:url('image.gif') 0 -480px;
    left:0px;
    width:13px;
}

answered Mar 7, 2011 at 19:41

wsanville

37.6k8 gold badges78 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML and JS, changing input type

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related