animate div background with php

Question

Hello i am trying to animate a div background color this way with php and javascript html.

<div background="<?=for($step = 0; $step < 256; $step++)
    echo "rgb($step, $step, $step);"; ?>" /> contents </div>

So the code will make change the div from black to white as my example clearly shows. But it is not working, any ideas?

i want to implement it in my personal website http://www.nickersonweb.com/ buttons

WOW! Please check the output, and you'll immediately see why it's not working! — Joseph Silber, Sep 15 '11 at 17:03
You are getting confused and mixing client side task with server side. — Muhammad Usman, Sep 15 '11 at 17:03
[possible duplicate](http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor) — Benjamin Crouzier, Sep 15 '11 at 17:13

score 4 · Answer 1 · edited May 23 '17 at 11:47

Once your page is generated by PHP and sent to the client, your PHP code can no longer change the content on the client side.

That's where client-side code (Javascript) comes in.

To quickly achieve what you're trying to do, have a look at this question: jQuery animate backgroundColor , which recommends using jQuery with the jquery-color plugin. Here's a quick demo: http://jsfiddle.net/MCwxG/

p.s. I'm sure it's possible to do it with pure javascript, but my js-fu is not accomplished enough to show you how.

score 2 · Answer 2 · answered Sep 15 '11 at 17:11

2

You can't do it with php, it's server side.

But you can do it with the color plugin with jQuery.

answered Sep 15 '11 at 17:11

Benjamin Crouzier

Jeremy · Answer 3 · 2011-09-15T17:21:12.980

Well, you're using <?= with a for loop statement, when it should only be used with an expression. You need to change that to <?php (or <? if your server supports it).
<div>s don't have a background attribute. You'd need to modify their style.
You're writing all of the style changes to the page before you're writing the content.
The browser can't even try to render the <div> before it's closed with >, and all of your styles will be interpreted at once, and only the last one will be visible.

3 Answers3