CSS with JavaScript - Cannot read property 'undefined' error -

-

i tried change colors of select lists header, title , text. added functions changehead(), changetitle() , changebody() this. , bind elements through unique id.

but i'm getting following error

uncaught typeerror: cannot read property 'undefined' of undefined

in function changehead(), after

header = document.form1.heading.options[i].value;

and in function changetitle() after

header = document.form1.heading.options[i].value;

i'm not sure whether should using 2 different functions or if can done one.

code:

<script>     function changehead() {         = document.form1.heading.selectedindex;         header = document.form1.heading.options[i].value;         document.getelementbyid("head1").style.color = header;     }      function changetitle() {         = document.form1.heading.selectedindex;         header = document.form1.heading.options[i].value;         document.getelementbyid("head2").style.color = header;     }      function changebody() {         = document.form1.body.selectedindex;         doccolor = document.form1.body.options[i].value;         document.getelementbyid("p1").style.color = doccolor;     } </script> </head> <body>     <h1 id="head1">controlling styles javascript</h1>     <hr>     <h2 id="head2">subtitles @ screen. , cery important subtitles!</h2>      <hr>     <p id="p1">select color paragraphs , headings using form below. colors specified dynamically changed in document. change occurs change value of either of drop-down lists in form.</p>      <form name="form1"> <b>heading color:</b>          <select name="heading" onchange="changehead();">             <option value="black">black</option>             <option value="red">red</option>             <option value="blue">blue</option>             <option value="green">green</option>             <option value="yellow">yellow</option>         </select>         <br>             <b>body text color:</b>          <select name="body" onchange="changebody();">             <option value="black">black</option>             <option value="red">red</option>             <option value="blue">blue</option>             <option value="green">green</option>             <option value="yellow">yellow</option>         </select>         <br>    <b>heading second color:</b>          <select name="heading" onchange="changetitle();">             <option value="black">black</option>             <option value="red">red</option>             <option value="blue">blue</option>             <option value="green">green</option>             <option value="yellow">yellow</option>         </select>     </form> </body>

questions:

  • how circumvent situation errors?
  • do need 2 different functions changing head & title, or 1 enough (if yes - how)?

you have 2 selects named "heading". give them different names , javascript stop throwing errors.

here working example: http://jsbin.com/uritid/1/edit


Comments

Post a Comment

Popular posts from this blog

javascript - Image onload event not firing in firefox -

-
i'm creating image preloader. works fine in browsers except firefox (testing firefox 10.0). input array of images called image_list . these images appended dynamically body of document , load callback attached, calls function update_progress . code follows: $(image_list).each(function() { var x = $('<img />') .load(function() {update_progress(percent_loaded += step);}) .attr('src', this) .appendto('body') .css('display', 'none'); .each(function() { if(this.complete) update_progress(percent_loaded += step); }); }); in firefox, load callback , update_progress never called. yet exact same code works fine in chrome , other browsers i've tested. there way detect when image has loaded in firefox? i first check see whether image has height, checking height property. if (the_image.height > 0) { // image loaded (possibly cached) } if have cached ...
Read more

android - getbluetoothservice() called with no bluetoothmanagercallback -

-
i getting getbluetoothservice() called no bluetoothmanagercallback error in android application. i have no idea causing or bluetooth manager callbacks. can give me idea of causing problem or start looking. by reading android source code, seems warning cannot about. source code shows if call bluetoothsocket#connect(); then call bluetoothadapter.getdefaultadapter().getbluetoothservice(null); the key here, null parameter passes in above line. due this, there no callback, , bluetoothsocket class throw out warning. since warning, not think need it. https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothsocket.java line 306 https://android.googlesource.com/platform/frameworks/base/+/master/core/java/android/bluetooth/bluetoothadapter.java line 1610
Read more

sql - ASP.NET SqlDataSource, like on SelectCommand -

-
i'm working on asp.net. have sqldatasource query hardcoded on selectcommand: <asp:sqldatasource id="datasource1" runat="server" cancelselectonnullparameter="false" connectionstring="<%$ connectionstrings:s.properties.settings.connectionstring %>" selectcommand="select * [table] ([col1] case @col1_param when null col1 else @col1_param end) , ([col2] case @col2_param when null col2 else @col2_param end)" selectcommandtype="text"> <selectparameters> <asp:controlparameter controlid="textbox1" name="col1_param" propertyname="text" type="string" /> <asp:controlparameter controlid="textbox2" name="col2_param" propertyname="text" type="string" /> </selectparameters> what want if enter data on 1 textbox only, data display according textbox...
Read more