user1190466 user1190466 - 4 months ago 74
CSS Question

Javascript Change DIV background color onclick

I'm trying to change the colour of a div after a form has been submitted. The div on the new page should be in the colour selected.

JS

function change(col) {
col.style.backgroundColor = '<?php echo $colour ?>';
}


HTML

<form action="" method="post">
<input type='search' name='keywords' value='' style="width:100%;">
<a href='#col'>
<input type=submit value='Submit' name='doSearch' style="visibility: hidden;" onclick="change(this.href)" />
</a>

</form>
<div id="col" onclick="location.href='index2.php';">
<br/>
<?php echo $message ?>
</div>

Answer
<? $message="dd"; ?>
<script>
function change(col) {
document.getElementById('col').style.backgroundColor=col;
}
 </script>

<form action="" method="post">
<input type='search' name='keywords' value='' style="width:100%;">

<a href='#col'>
<input type=submit  value='Submit' name='doSearch' style="visibility: hidden;" onclick="enter(this.href)" />
 </a>
 </form>


<div style="width:50px; height:50px;" id="col" onclick="location.href='index2.php';" >

 <br/>
<?php echo $message ?>

</div>
<? if(isset($_POST['keywords'])){ ?>
<script>
 change('<?=$_POST['keywords']?>');
</script>
<? } ?>

test it, it works by inserting the color on the keywords input