Home/ Questions/Q 6837263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T23:27:23+00:00

<script language=javascript> var widthx = document.getElementById(‘testx’); var newwidth = document.getElementById(‘mycontent’).style.width = widthx.width + 45

  • 0
<script language="javascript">
var widthx = document.getElementById('testx');
var newwidth = document.getElementById('mycontent').style.width = widthx.width + 45 //not working
</script>

<style type="text/css">
#testx
{
width: 950px;
}

#mycontent
{
width: 800px; //this width needs to change from javascript to 950 + 45 px
}

....

I want to change mycontent’s width to be testx width + 45 pixels (px). Anybody knows how to do this in javascript ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <style type="text/css">
#testx
{
    width: 950px;
}

#mycontent
{
    width: 800px; //this width needs to change from javascript to 950 + 45 px
}
</style>

<!-- YOUR HTML HERE -->

<script language="javascript">
function onlyNumber(str) {
    str = str.toString();
    return str.replace(/\D/g, '');
}
var widthx = onlyNumber(document.getElementById('testx').style.width) * 1;
document.getElementById('mycontent').style.width = (widthx + 45) + "px";
</script>

    With jQuery:

    <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script language="javascript">
    function onlyNumber(str) {
        str = str.toString();
        return str.replace(/\D/g, '');
    }
    $(document).ready(function() {
       var widthx = onlyNumber($("#testx").css("width")) * 1;
       $("#mycontent").css("width", (widthx + 45) + "px");
    });
</script>
<style type="text/css">
#testx
{
    width: 950px;
}

#mycontent
{
    width: 800px; //this width needs to change from javascript to 950 + 45 px
}
</style>

</head>
<body>
<!-- YOUR HTML HERE -->
</body>
</html>
    • 0