Cerere script Colorpicker
Aici adaugati Cererile sau Ofertele dv. de script-uri, proiecte website sau Traduceri.
-
adrian_ady
- Mesaje: 80
Cerere script Colorpicker
Am in site acest modul pentru alegerea culorii de fundal. In loc de arrayul cu 7 culori as dori sa existe un colorpicker avand practic posibilitati infinite de alegere culori. Cineva poate sa-mi rezolve problema? Merci!
Cod: Selectaţi tot
<table align="right" height="40" align="right" border="0" outline="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" valign="top">
<table border="0" outline="0" cellpadding="2" cellspacing="0" style="margin-right: 6px;">
<tr>
<td><h0>Alege culoarea de fundal</h0> </td>
<?
$colors = array('FFFFFF','EBEBEB','DCD8D4','FFE6F0','E0EBCC','D6F5F5','FFEFD7'); /* setare culoare implicita in "/config/includes.php" */
foreach($colors as $color)
{
?>
<td onclick="callAjaxChangeBodyBg('<?=$color?>');" style="cursor: pointer">
<div style="background-color: #<?=$color?>; border: #999999 solid 1px; height: 15px; width: 25px;" ></div>
</td><?
}
?>
</tr>
</table>
MarPlo
Mesaje: 4343
Salut
Vezi script-ul de la pagina:
FlexiColorPicker.
Sau poti sa gasesti si altele la cautare pe internet: " javascript color picker ".
adrian_ady
Mesaje: 80
Multumesc, am vazut deja cateva si le-am incercat insa nu stiu sa inlocuiesc datele afisate mai sus asa incat sa lucreze cu functia deja implementata in sistem. Scriptul pe care mi l-ai recomandat ar fi super!
MarPlo
Mesaje: 4343
Nici eu nu stiu, nu am folosit un astfel de script.
Trebuie studiata documentatia lui, sa intelegi cum se preia culoarea, apoi sa o transferi la functia callAjaxChangeBodyBg() din codul tau.
Presupun ca e facut pentru cine stie cat de cat javascript.
adrian_ady
Mesaje: 80
Am gasit cea mai buna varianta aici:
codepen.io/shaun/pen/kqFLE
este un buton customizabil (culoare si radius). Ar trebui sa iau numai functia de schimb culoare si sa o aplic scriptului meu dar, fir-ar sa fie, nu stiu.
MarPlo
Mesaje: 4343
Testeaza acest cod. Daca il intelegi, il poti aplica /adapta la codul tau, dupa cum stii.
Cod: Selectaţi tot
<input type="color" name="get_color" id="get_color" value="#bbdafe" />
<button id="get_clr">Click</button>
<script type="text/javascript">
// la click pe buton
document.getElementById('get_clr').onclick = function() {
// preia valoarea de culoare din <input>
var color = document.getElementById('get_color').value;
alert(color); // afiseaza valoarea
};
</script>
adrian_ady
Mesaje: 80
Este OK ceeace-mi spui, de dimineata tot incerc variante insa nu nimeresc ce valoare din scriptul tau sa-i dau lui $color... sa functioneze
Valoarea trebuie sa nu contina simbolul '#' care se adauga automat(din scriptul existent). Ai dat o prajitura unui bolnav de diabet...
De exemplu daca dau valoarea $color = ('color'); , la verificarea codului de pagina apare < body bgcolor="#color">
MarPlo
Mesaje: 4343
Nu e nevoie sa mai adaugi din php, ci scrii apelarea functiei callAjaxChangeBodyBg() direct in codul javascript.
Cam asa:
Cod: Selectaţi tot
<input type="color" name="get_color" id="get_color" value="#bbdafe" />
<button id="get_clr">Click</button>
<script type="text/javascript">
// la click pe buton
document.getElementById('get_clr').onclick = function() {
// preia codul de culoare din <input>, fara #
var color = document.getElementById('get_color').value.replace('#', '');
callAjaxChangeBodyBg()(color); // transmite codul
};
adrian_ady
Mesaje: 80
Salut,
am completat asa cum ai spus dar undeva este o eroare. Rezultatul este : <body bgcolor="#undefined"> Ma gandesc, s-ar putea ca fiind Ajax la mijloc scriptul sa arate gen :
Cod: Selectaţi tot
$(document).ready(function(){
$("button").click(function(){
$.ajax(----------------------
Cautand in site am gasit in Scripturi urmatorul care poate ajuta:
Cod: Selectaţi tot
function callAjaxChangeBodyBg(color)
{
// declare a variable to hold some information
// to pass to the server
// build the URL of the server script we wish to call
var url = "change-body-bg.php?color="+color;
// ask our XMLHTTPRequest object to open a
// server connection
myRequest.open("GET", url, true);
// prepare a function responseAjax() to run when
// the response has arrived
myRequest.onreadystatechange = responseAjax;
// and finally send the request
myRequest.send(null);
}
function responseAjax()
{
if(myRequest.readyState == 4)
{
// if server HTTP response is "OK"
results = myRequest.responseText;
document.body.bgColor = results;
}
}
Pagina
change-body-bg.php este:
Cod: Selectaţi tot
<?
require_once('config/includes.php');
if($login->checkLogin())
{
$db->update("UPDATE membri SET bgcolor = '".$_GET['color']."' WHERE id = ".$login->getMemberId()."");
}
echo '#'.$_GET['color'];
?>
Cod pagina html:
Cod: Selectaţi tot
<table align="right" height="40" align="right" border="0" outline="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right">Alege culoarea de fundal: <input type="color" name="get_color" id="get_color" value="#bbdafe" /> <button id="get_clr">Schimba</button>
<script type="text/javascript">
// la click pe buton
document.getElementById('get_clr').onclick = function() {
// preia codul de culoare din <input>, fara #
var color = document.getElementById('get_color').value.replace('#', '');
callAjaxChangeBodyBg()(color); // transmite codul
};
</script>
</td>
</tr>
</table>
MarPlo
Mesaje: 4343
Incearca functia callAjaxChangeBodyBg() asa:
Cod: Selectaţi tot
function callAjaxChangeBodyBg(color) {
var cerere_http = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
// Creaza adresa URL cu perechea de date indice=valoare
var url = 'change-body-bg.php?color='+ color;
cerere_http.open("GET", url, true); // Creaza cererea
cerere_http.send(null); // Efectueaza trimiterea datelor
// Verifica starea cererii
cerere_http.onreadystatechange = function() {
if (cerere_http.readyState == 4) {
document.body.bgColor = cerere_http.responseText;
}
}
}
Mai departe nu stiu.
adrian_ady
Mesaje: 80
Ulterior am vazut ca numai Opera si Chrome au implementat acest ColorPicker deci a trebuit sa pastrez si vechiul modul. Acum arata asa:
Subiecte similare
-
Cerere: Script si cod calculator calorii
Cereri si Oferte
Buna ziua
Va rog sa ma ajutati cu un script calculator calorii, vreau sal pun pe saitul meu. va rog daca e posibil in limba romana
-
Cerere: Corectare Script upload cu jquery
Cereri si Oferte
Primul mesaj
Am facut un script de upload cu jquery si cu butoane de rotire si progress bar dar pana sa introduc progress barul imi incarca poza in folder,dupa ce...
Ultimul mesaj
Scriptul jquery pe care-l ai pentru rotation nu se potriveste cu upload de mai multe fisiere.
Ca sa functioneze cu multiple upload trebuie...
-
Cerere: Schimbare limba site fara reload la pagina
Cereri si Oferte
Primul mesaj
Salut,am in site implementat un script de schimbarea limbii in care eu am adaugat in scriptul meu original urmatoarea functie
<?php echo...
Ultimul mesaj
Vezi tutorialele din cursul Ajax de pe site.
Alt demo nu am.
Oricum, nu pare ceva dificil pentru cine a mai lucrat cu ajax; se face un cod...
-
Script rasturnare imagine
JavaScript - jQuery - Ajax
Primul mesaj
O idee de un script cum as putea face ca atunci cand am o imagine rasturnata sa apas de exemplu pe sageti si sa mi-o aduca in ce pozitie vreau eu?...
Ultimul mesaj
Salut,
Ca idee ar fi urmatoarea:
1. Adaugi imaginea intr-un element canvas.
2. Cu sgetile /butoanele apelezi o functie javascript care roteste...
-
Problema ordonare in script paginare
PHP - MySQL - XML
Primul mesaj
Buna, am urmatorul script de paginare, insa nu reusesc sa-l setez sa-mi returneze inregistrariile din mysql ordonate descendent dupa ID.
Am...
Ultimul mesaj
Multumesc mult de ajutor, functioneza perfect!!!
-
script si cod html calculator calorii
Cereri si Oferte
Buna ziua
Va rog sa ma ajutati cu un script calculator calorii, vreau sal pun pe saitul meu. va rog daca e posibil in limba romana