Color picker tuning

gamecontrol

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.com/2006/07/16/smo…ing-javascript/

http://johndyer.name/post/2007/09/P…lor-Picker.aspx

Alvast bedankt,

Patrick

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

dat is volgens mij precies wat je wilt.

mrmike

Hier wat links

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

Gr Mike

gamecontrol

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

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

ICTscripters

Dé plek voor IT

Dé plek voor IT

Het Grote Vibe Code Topic

Ictscripters Chat

PWYL source gezocht

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Afspraken systeem met planbeperking

Developer Gezocht

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

370 Nieuwe Domeinnamen April 2026

Snel een website nodig?

Sicarras.com - Moderne Mafia Text-Based RPG

Color picker tuning

Participate now!

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Tech.eu - Europees Start-up, Financiering en Technologienieuws

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken