how to make a width adjusting widget

How do you make a widget that allows the users to set the width of the forum? im not so sure of how that code would look

You could add this and get done with it. This will leave you with default width or when wanted with widgets.

i mean like, i want it so that the members can adjust the width to whatever they like

Something like this? 
http://tokenatoracademy.topicboard.net/forum like the one of this forum?

yeah, like that, nd wow that place looks cool

I don't know the code yet ,  but I can try to get u the code

thatd be greatly appreciated thanks

the widget shows up on the page, but whenever i click set, nothing happens, any pointers on something i might be doing wrong or something i left out? i used the javascript code from the first guy and the widget source from the second guy

Create a Widget:

Code:

   <script type="text/javascript">

    jQuery(document).ready(function(){

    jQuery("#forumwidth").click(function(){
    var a=eval(document.getElementById("selectwidth").value);
    var b=0;
    jQuery("body#phpbb").animate({width:a},800, "linear");
    if(a==1050){b=1;}
    if(a==1100){b=2;}
    if(a==1200){b=3;}
    if(a==1300){b=4;}
    setKuki('bodylinewidthkuki',b,365);
      });


    });
    </script>

    <center><div style="text-align: center;"><input type=submit id="forumwidth" value="Set">
    <select id="selectwidth">
      <option selected>980</option>
      <option>1050</option>
      <option>1100</option>
      <option>1200</option>
      <option>1300</option>
    </select>
    </div></center>

JavaScript:

Code:

   jQuery(function(){
    jQuery(window).load(function(){
    if(parseInt(getKuki('bodylinewidthkuki'))==0){
    jQuery("table.bodylinewidth").width(980);
    }
    if(parseInt(getKuki('bodylinewidthkuki'))==1){
    jQuery("table.bodylinewidth").width(1050);
    }
    if(parseInt(getKuki('bodylinewidthkuki'))==2){
    jQuery("table.bodylinewidth").width(1100);
    }
    if(parseInt(getKuki('bodylinewidthkuki'))==3){
    jQuery("table.bodylinewidth").width(1200);
    }
    if(parseInt(getKuki('bodylinewidthkuki'))==4){
    jQuery("table.bodylinewidth").width(1300);
    }
    });
    });

Make sure that JavaScript Management is activated.

kk thanks,  topic solved and locked

You're welcome.

Topic Solved & Locked