Color picker tuning

gamecontrol · 26 Mei 2010

Ik ben naar mogelijkheden aan het zoeken hoe ik plaatjes (van wagens) middels java of ajax script van kleuren kan laten wijzigen op bepaalde locaties.

Vb: bezoekers dienen middels een knopje een color picker kunnen kiezen om de velgen / body / ramen van kleur te wijzigen. Vervolgens moet voor ieder van deze onderdelen de kleur in de database (kleur1=xxx, kleur2=xxx, kleur3=xxx) worden opgeslagen.

Nou heb ik de volgende scripts gevonden maar kom er maar niet uit hoe ik mijn idee kan realiseren. Zou iemand mij hier verder mee op weg kunnen helpen, of mogelijk dat hier een andere optie voor bestaat?

http://javascript.weblogsinc.c…-picker-using-javascript/

http://johndyer.name/post/2007…aScript-Color-Picker.aspx

Alvast bedankt,

Patrick · 26 Mei 2010

kijk is naar deze:
http://www.nogray.com/color_picker.php

dat is volgens mij precies wat je wilt.

mrmike · 26 Mei 2010

Hier wat links

http://acko.net/dev/farbtastic
http://www.eyecon.ro/colorpicker

Gr Mike

gamecontrol · 26 Mei 2010

Bedankt; voornamelijk deze http://www.eyecon.ro/colorpicker/ spreekt me zeer aan.

Het probleem is nu alleen hoe ik bepaalde locaties in een afbeelding (mijn afbeelding is bv. een witte wagen en ik wil hiervan de body een andere kleur geven) specifiek in kleur kan wijzigen, en dit vervolgens ook opslaag in de db.

Iemand enig idee hoe dit mogelijk is?

baldex · 26 Mei 2010

misschien kan je GD library

deze script heb ik ergens gepakt misschien kan je dit gebruiken

PHP

<?php




 if (isset ($_POST['submit'])) {


    if (empty ($_POST['tekst'])) {


      echo "Je hebt geen tekst ingevoerd ! <br />";
      echo "<a href='javascript: history.go(-1)'>Terug</a>";


    } else {


          header("content-type: image/png");
          
          $image = ImageCreate($_POST['x'], $_POST['y']);




          //achtergrond kleuren
          if ($_POST['achtergrond'] == 'zwart') {


            $achtergrond = ImageColorAllocate($image, 0, 0, 0);


          } elseif ($_POST['achtergrond'] == 'wit') {


            $achtergrond = ImageColorAllocate($image, 255, 255, 255);


          } elseif ($_POST['achtergrond'] == 'groen') {


            $achtergrond = ImageColorAllocate($image, 21, 107, 43);
            
         } elseif ($_POST['achtergrond'] == 'rood') {


            $achtergrond = ImageColorAllocate($image, 255, 0, 0);
            
         } elseif ($_POST['achtergrond'] == 'geel') {


            $achtergrond = ImageColorAllocate($image, 255, 255, 0);
            
         } elseif ($_POST['achtergrond'] == 'blauw') {


            $achtergrond = ImageColorAllocate($image, 0, 51, 255);
            
         } elseif ($_POST['achtergrond'] == 'paars') {


            $achtergrond = ImageColorAllocate($image, 201, 51, 255);
            
          } else {


            $achtergrond = ImageColorAllocate($image, 255, 255, 255);


          }
          
          
          //kleur van de tekst
          if ($_POST['kleur'] == 'zwart') {


            $kleur = ImageColorAllocate($image, 0, 0, 0);


          } elseif ($_POST['kleur'] == 'wit') {


            $kleur = ImageColorAllocate($image, 255, 255, 255);


          } elseif ($_POST['kleur'] == 'groen') {


            $kleur = ImageColorAllocate($image, 21, 107, 43);


         } elseif ($_POST['kleur'] == 'rood') {


            $kleur = ImageColorAllocate($image, 255, 0, 0);


         } elseif ($$_POST['kleur'] == 'geel') {


            $kleur = ImageColorAllocate($image, 255, 255, 0);


         } elseif ($_POST['kleur'] == 'blauw') {


            $kleur = ImageColorAllocate($image, 0, 51, 255);


         } elseif ($_POST['kleur'] == 'paars') {


            $kleur = ImageColorAllocate($image, 201, 51, 255);


          } else {


            $kleur = ImageColorAllocate($image, 255, 255, 255);


          }




         $grootte = $_POST['grootte'];


         $tekst = $_POST['tekst'];


         ImageString($image, $grootte, 5, 25, $tekst, $kleur);


         ImagePng($image);


         ImageDestroy($image);
         
         echo '<img src="gd.php">';




    }


 } else {


   echo '
   <html>
   <table width="650" border="1">
   <form name="Afbeelding maker" action="" method="POST">
   


   <tr>
      <td bgcolor="#558240">Tekst die je in de afbeelding wilt : </td>
      <td><input type="text" name="tekst" maxlenght="20"></td>
   </tr>
   


   <tr>
      <td bgcolor="#558240">Width : </td>
      <td> <input type="text" name="x"></td>
   </tr>
   <tr>
      <td bgcolor="#558240">Height :</td>
      <td> <input type="text" name="y"></td>
   </tr>
   
   


   <tr>
      <td bgcolor="#558240">Achtergrond kleur :</td>
      <td><select name="achtergrond">
        <option value="zwart">zwart</option>
        <option value="wit">wit</option>
        <option value="groen">groen</option>
        <option value="geel">geel</option>
        <option value="blauw">blauw</option>
        <option value="paars">paars</option>
      </td>
   </tr>
   
   <tr>
      <td bgcolor="#558240">Tekst kleur :</td>
      <td><select name="kleur">
        <option value="zwart">zwart</option>
        <option value="wit">wit</option>
        <option value="groen">groen</option>
        <option value="geel">geel</option>
        <option value="blauw">blauw</option>
        <option value="paars">paars</option>
      </td>
   </tr>
   
   


  <tr>
      <td bgcolor="#558240">Lettergrootte (max. = 5) : </td>
      <td><input type="text" value="5" name="grootte" size="7"></td>
   </tr>
   


   <tr>
      <td><input type="submit" name="submit" value="Maak afbeelding"></td>
   </tr>
   
   </form>
   </table>
   </html>';
   
   
 }




?>

Toon Meer

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

Color picker tuning

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen