Discussion :

[Tiolebucheron]

Bonjour

Je cherche à mettre en place au moment de l'édition un plugin de ce type colorpicker mais dont l’objectif est beaucoup plus modeste.
Au moment de l'édition, je veux faire apparaître la fenêtre en dessous de la cellule sélectionnée avec un template tout simple (un tableau de div avec des image).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="style"><div class="row"><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/1.png"  alt="" onclick="alert(\'coucou\');" height="20" width="20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/2.png" height="20" width="20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/3.png" height="20" width="20" /></span></div><div class="row"><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/4.png" height="20" width="20" /></span> <span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/5.png" height="20" width="20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/6.png" height="20" width="20" /></span> </div></div>

Avez-vous déjà vu ce type de code? Par quoi commencer? Quel sont vos conseils?
Merci de votre aide Tio

[SpaceFrog]

heu elle est a quelle niveau la question ?

colle une classe sur ta balise img et fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".colorpick").click( function(){ //lancement du colorpicker })

ou avec un plugin

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(".colorpick").colorpicker({ options ...})

[Tiolebucheron]

Bah je ne sais pas trop par quoi commencer. Si je dois partir de zéro ou non.
Je veux afficher un tableau d'image et au click affecter une valeur à la
à la cellule.

Si je comprends bien ce que tu me dis, Je peux exploiter le plugin "colorpicked" en lui faisant afficher autre chose?
Mais là, je suis un peu perdu. Je ne comprend pas trop, Je connait très peu jquery.

Merci pour votre aide Tio

Edit: Ou autre solution que je viens de percevoir, faut-il que je fasse un formatter personnalisé?

Tio

[SpaceFrog]

je n'ai pas bien saisi l'ergonomie souhaitée
tableau d'images ??

tu n'aurais pas un screen ?

[Tiolebucheron]

J'ai essayé avec les fonctions paramétrage "edittype:'custom', editoptions:{custom_element: myelem, custom_value:myvalue "

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
    function styleEdit (val, op) {
        var tpl = '<div id="style"><div class="row"><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/1.png"  alt="onclick="alert(\'coucou\');" height="20" width="20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/2.png" height="20" width="20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/3.png" height="20" width"20" /></span></div><div class="row"><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/4.png" height="20" width"20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/5.png" height="20" width"20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/6.png" height="20" width"20" /></span></div><div class="row"><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/7.png" height="20" width"20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/8.png" height="20" width"20" /></span><span class="cell"><img src="js/mfbase/jquery/plugin/colorpicker/images/9.png" height="20" width"20" /></span></div></div>'
        return $(tpl);
    };
    function styleValue (elm,p,v) {
        return '1212';
    };
 
 
{name:"style",index:"style",width:80, editable:true, edittype: 'custom',
			editoption:{custom_element: styleEdit, custom_value: styleValue
			}
		},

J'ai une erreur (msgbox jquery) Erreur e1.

Merci pour le suivi.
Tio

[SpaceFrog]

ne grillons pas les étapes ...

si je comprends bein tu veux au click sur les icones en fin de ligne lancer une action ... ???

laquelle?
cette action doit prendre des paramètres de la ligne ?