Pass a variable from a value

@p_phreshAug 16.2007 — #all your answers at your fingertips...

http://matrixsoftware.virtualave.net/script.js

@bubbisthedogAug 16.2007 — #

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt;
 &lt;title&gt;changeIt&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 /*changeIt():
 --el_id: ID of element for which style will be applied
 --prop:  CSS property
 --val_el_id:  input field where CSS property is stated
 */
 
 function changeIt(el_id, prop, val_el_id) {
 d = document.getElementById(el_id);
 v = document.getElementById(val_el_id);
 d.style.cssText += '; '+prop+':'+v.value;
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id="this_div"&gt;
 &lt;span id="hello"&gt;Hello&lt;/span&gt;, &lt;span id="developer"&gt;Developer&lt;/span&gt;!
 &lt;/div&gt;
 &lt;input id="hello_col_val" type="text" /&gt;
 &lt;input type="button" value="Apply Hello color" onclick="changeIt('hello', 'color', 'hello_col_val');" /&gt;
 &lt;br /&gt;
 &lt;input id="hello_size_val" type="text" /&gt;
 &lt;input type="button" value="Apply Hello text size" onclick="changeIt('hello', 'font-size', 'hello_size_val');" /&gt;
 &lt;br /&gt;
 &lt;input id="dev_col_val" type="text" /&gt;
 &lt;input type="button" value="Apply Developer color" onclick="changeIt('developer', 'color', 'dev_col_val');" /&gt;
 &lt;br /&gt;
 &lt;input id="this_div_bg_val" type="text" /&gt;
 &lt;input type="button" value="Apply Background color" onclick="changeIt('this_div', 'background', 'this_div_bg_val');" /&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@azpilotauthorAug 16.2007 — #Thank you very much bubbisthedog and p.phresh.

That helps immensely. I understand how it is passed now.

Thanks again!

Pass a variable from a value

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Pass a variable from a value

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴