TalkPHP - View Single Post

Peuplarchie · 07-10-2009, 01:03 AM

Good day to you all,
I'm working on a color picker in javascript and css.
I have found a script that works, but my problem it is made to choose only 1 color, how can I make my code to work for 5.

I know that php is a server-side language, but I think I could be able to modify my code in that sense.

Here is my code :

PHP Code:


			

<!--Sample DIV to show selected color -->

<div id="colorbox" style="width: 100px;  border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<br />

</div>

<br/>

<div id="colorbox1" style="width: 100px;  border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<br />

</div>
<br/>
<div id="colorbox2" style="width: 100px;  border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<br />

</div>
<br/>
<div id="colorbox3" style="width: 100px;  border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<br />

</div>
<br/>
<div id="colorbox4" style="width: 100px;  border: 1px solid gray; padding: 10px; background-color: #F1FFCC">
<br />

</div>


<script type="text/javascript">



//*** CUSTOMIZE mkcolor() function below to perform the desired action when the color picker is being dragged/ used

//*** Parameter "v" contains the latest color being selected

function mkColor(v){

//** In this case, just update DIV with ID="colorbox" so its background color reflects the chosen color

$S('colorbox').background='#'+v;

}



loadSV(); updateH('F1FFCC');



</script>

Thanks !

07-10-2009, 01:03 AM	#1 (permalink)
Peuplarchie The Acquainted Join Date: May 2008 Location: Québec Posts: 104 Thanks: 10	variabalize a function ? Good day to you all, I'm working on a color picker in javascript and css. I have found a script that works, but my problem it is made to choose only 1 color, how can I make my code to work for 5. I know that php is a server-side language, but I think I could be able to modify my code in that sense. Here is my code : PHP Code: <!--Sample DIV to show selected color --> <div id="colorbox" style="width: 100px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC"> <br /> </div> <br/> <div id="colorbox1" style="width: 100px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC"> <br /> </div> <br/> <div id="colorbox2" style="width: 100px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC"> <br /> </div> <br/> <div id="colorbox3" style="width: 100px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC"> <br /> </div> <br/> <div id="colorbox4" style="width: 100px; border: 1px solid gray; padding: 10px; background-color: #F1FFCC"> <br /> </div> <script type="text/javascript"> //* CUSTOMIZE mkcolor() function below to perform the desired action when the color picker is being dragged/ used //* Parameter "v" contains the latest color being selected function mkColor(v){ //** In this case, just update DIV with ID="colorbox" so its background color reflects the chosen color $S('colorbox').background='#'+v; } loadSV(); updateH('F1FFCC'); </script> Thanks ! __________________ That's why we are not alone on earth... let's build !