I am working with two different pages: index.php and app.php
On the first page (index.php), I have elements that need a change in CSS style, such as font size. The specific element on this page is .options-parameters-input.
The second page (app.php) contains my options panel with input fields where I can specify the font size for the desired element. In this case, the input field is a textarea with ID #heretype
Here is a snippet of the code:
<div id="one">
<div class="options-parameters-input">
This is testing
</div>
</div>
<br /><br /><br /><br /><br /><br /><br />
<table width="750" border="1" cellspacing="3" style="float:left;">
<tr>
<td>Type font size</td>
<td><textarea id="heretype"></textarea></td>
</tr>
</table>
$("#heretype").on("keyup",both);
function both(){
$(".options-parameters-input").css("fontSize", this.value + "px");
}
You can view a jsfiddle example here: http://jsfiddle.net/gxTuG/106/
I am facing an issue in transferring the new CSS style value from one page (app.php) to another (index.php). This is because the inputs are on app.php while the elements requiring styling changes are on index.php.
If you have any suggestions or solutions, I would greatly appreciate your help.
Thank you!