cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018
-
18 août 2008 à 12:56
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018
-
28 mai 2010 à 10:20
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 28 mai 2010 à 10:20
J'ai faite cette source pour m'amuser et oui elle date ;)
Je vais peut-être la refaire un de ces jour. Tu peux utiliser les sliders de JQuery, ils sont très bien fait et très faciles à modifier.
cs_brimston
Messages postés1Date d'inscriptionmardi 10 février 2009StatutMembreDernière intervention27 mai 2010 27 mai 2010 à 02:38
joli script dans l'ensemble, je sais qu'il date un peu, et j'espère que quelqu'un pourra m'aider.
j'ai plus ou moins réussis a l'intégrer dans mon propre script, mais j'aurais besoins que le curseur s'aligne a une valeur contenu dans un
l'idéale serait sur une fonction activé avec "onkeyup='fonction'" que j'utilise déjà pour autrechose, comme ça je les regroupe.
j'ai récupéré ton scripte exemple test.js, j'en ai gardé les fonctions "rgb2hex" et "update_background"
itapirica
Messages postés2Date d'inscriptionsamedi 14 août 2004StatutMembreDernière intervention27 décembre 2008 27 déc. 2008 à 08:36
Merci mille fois pour ton script que je cherchais depuis longtemps.
Seulement, je suis plus que novice en J.S.
Peux-tu m'aider pour créer une page où les sliders afficheraient et cacheraient
des div ?
Je te fais un message privé.
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 23 oct. 2008 à 22:43
Bonjour,
L'inclusion dans une table ne porte pas problème de mon coté, envoie moi ton code par message privé, s'il s'agit d'un problème du coté de ma source, je posterai une solution ici.
@+
berkovits
Messages postés1Date d'inscriptionjeudi 25 décembre 2003StatutMembreDernière intervention 3 octobre 2008 3 oct. 2008 à 21:29
Salut Gilbert
J'ai mis les sliders dans une table.
Les curseurs se positionnent n'importe ou dans l'ecran.
(Je suis debutant)
j'ai mis en commentaire /*position:absolute;*/ dans le fichier slider.css, le curseur se place sur le bon slider mais toujours a la position zero et non fonctionnel.
Quelles lignes faut-il modifier pour corriger ce probleme.
Merci.
soul2006
Messages postés5Date d'inscriptionmardi 15 novembre 2005StatutMembreDernière intervention29 août 2008 29 août 2008 à 13:54
g t'ai donné 10/10
parce que c'est un travail trés complet merci
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 27 août 2008 à 20:24
Bonjour XtremDuke,
Tu utilises des marges sur quoi ? le document, div parent, slider meme ? si tu as le temps, envoie moi par courriel un exemple avec problèmes de positionnement, il me sera plus facile de troubleshooter.
Pour la fonction "document.getElementById()", tu as tout à fait raison, je met ma source à jour immédiatement, elle n'y ai à présent que 8 fois.
Pour la gestion des événements, j'avais complètement oublié que je procédait ainsi, j'avais modifier ma source pour la rendre compatible avec une autre, du coup j'ai oublié de la remettre dans son état original. Je met à jour d'ici quelques jours.
Merci de prendre le temps de consulter mon travail,
j'attend une reponse ! et pourquoi pas une note.
XtremDuke
Messages postés626Date d'inscriptionsamedi 28 septembre 2002StatutMembreDernière intervention18 mai 20094 27 août 2008 à 17:45
Pas mal mais pourquoi observer les événements de souris dès le chargement du DOM ?
Y'a des problèmes de positionnements lorsqu'on utilise des marges (bof pas grave tu me diras...).
Et une petite remarque : tu utilises 35 fois la fonction 'document.getElementById()'. Ne serais-ce pas judicieux d'utiliser un alias ?
soul2006
Messages postés5Date d'inscriptionmardi 15 novembre 2005StatutMembreDernière intervention29 août 2008 26 août 2008 à 13:57
merciii bien kgilbert c'est vraiment tréés gentille je vais éssayé tout ça et demain g te dit si ça marche ou pas
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 26 août 2008 à 13:50
Bon !! je vais finir par l'avoir !
en fait val retourne le nom du dernier champ modifié, voici donc le bonne façon de l'écrire:
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 26 août 2008 à 13:19
Bonjour soul2006,
Tout d'abord, tu dois créer un attribut onload dans ton
dans fonctionStart, tu met une requête ajax qui ira chercher tes données dans ta base SQL, si tu ne connais pas ajax, je t'invite à le découvrir en lisant des tutoriels sur le net.
note: tu peux aussi utiliser directement un language dynamique tel que le PHP:
Pour la modification des autres sliders, tu peux mettre une fonction en CallBack, c'est-à-dire une fonction qui sera effectuer à chaque changement de valeur. Donc, pour le slider qui doit modifier les 3 autres:
Dans la fonction callBackTonSlider() tu modifie les valeurs des autres sliders de la même façon, prend bien note que la valeur du slider modifié est envoyée dans la fonction callBack:
Les fonctions CallBack des sliders sont appelées automatiquement lors de la mise-à-jour de leurs données, donc si la valeur SQL est 75, les quatres sliders seront à 75, 85, 95 et 105 pour cette exenple. Si vous modifiez le premier slider, les autres sliders seront modifiés selon les différences de notre exemple.
Essaie, si tu as des questions, ne te gènes pas de me les poser.
Cordialement,
Kevin
soul2006
Messages postés5Date d'inscriptionmardi 15 novembre 2005StatutMembreDernière intervention29 août 2008 26 août 2008 à 12:45
salut,
tout d abord merci bien pour ce code c'est vraiment très utile, mais j'ai une petite question il y a un mois j'essayerais de faire 4 sliders dont les valeurs de graduation sont prend d'une base SQL et en modifiant la valeur dans l'un des sliders les valeurs dans les 3 autres changent.
j'espère que tout est clair svp aidez moi
merci d'avance
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 19 août 2008 à 17:03
oui je l'ai teste et ce que j'ai aprecie c'est le balayage tres complet au niveau des couleurs
et pour les curseurs sa fonctionne tres bien
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 19 août 2008 à 16:05
Oui, tu as raison, je n'ai pas employé le bon terme, pardonnez-moi. Je voulais plutôt dire, de bien diriger les questions et les demandes d'aide vers les endroits appropriés, polluer dans le sens ne pas mettre le contenue à la bonne place.
Tu as testé ma source Kazma ?
Cordialement,
Kevin
@karamel
Messages postés1850Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 4 mars 2024152 19 août 2008 à 15:57
bonjour
j'apprécierais que tu ne pollue pas trop.
ca fait vulgaire
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 18 août 2008 à 16:03
Bonjour, merci pour la note, cependant j'apprécierais que tu ne pollue pas trop la page de ma source, ce n'est un forum d'aide, si tu as des questions qui n'ont pas un lien direct avec la source, il me fera plaisir de t'aider avec le système de messagerie interne de CS. Ça n'a rien de perso, PM moi ;) merci encore pour la note.
nicomilville
Messages postés3472Date d'inscriptionlundi 16 juillet 2007StatutMembreDernière intervention28 février 201436 18 août 2008 à 15:46
Après avoir un peut regarde, je n'ai rien trouvé a redire sauf une chose...
Pourquoi déclare tu tes tableaux sans le mot clé "var" ?
Une autre petite question :
Comment as tu fais pour que ta fonction addEvent marche ?
Car moi dans mon code de boite de dialogue j'avais fais la même fonction avec quelques petites choses en plus et elle ne marchait pas car en fait ça me disais que le document n'était pas encore chargé, on aurai dit que la fonction n'attendait pas l'évènement mais qu'elle executait directement la fonction sans se soucier du reste...
a++
PS : comme je n'ai rien trouvé a redire, je me vois contraint de te mettre un 10/10 lol !
nicomilville
Messages postés3472Date d'inscriptionlundi 16 juillet 2007StatutMembreDernière intervention28 février 201436 18 août 2008 à 14:04
Oui justement quand je dit que je regarde une source en profondeur c'est pour ensuite la noter...
Désolé de ne pas avoir précisé...
Merci je te souhaite la même chose pour le bug sur opéra, sinon je t'invite a venir mettre un commentaire sur ma source (si tu la connais, ce dont je ne doute pas vu que tu as suivit la discution sur l'API)...
a++
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 18 août 2008 à 13:58
Tu en profiteras pour la noter au passage,
et bonne chance pour cet API d'ouverture de fenêtre.
nicomilville
Messages postés3472Date d'inscriptionlundi 16 juillet 2007StatutMembreDernière intervention28 février 201436 18 août 2008 à 13:46
Salut,
Un 10/10 ça ne se refuse pas lol...
Ce qui est je pense asez bête c'est que même si cette source vaut un 10/10 la note a été mise au piff car si on regarde le commentaire, la note a été mise dans e commentaire qui dit que Djmmix va tester sauf qu'il l'a pas encore testé donc la note est ise au piff...
Bon ça va qu'après il était satisfait...
Pour ma part, je pense que cette source peut être utile (pas a moi pour l'instant... lol)...
Je regarderai bientot le code en profondeur quand j'aurai finis mo API...
a++
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 18 août 2008 à 13:40
Merci pour la note, je ne crois pas que ma source vaille 10/10, je remerci d'avance ceux qui testeront et qui noteront mon code-source. a+
djmmix
Messages postés152Date d'inscriptionlundi 28 juillet 2003StatutMembreDernière intervention29 avril 2009 18 août 2008 à 13:28
ha oui vraiment utile je te remercie beau boulot
djmmix
Messages postés152Date d'inscriptionlundi 28 juillet 2003StatutMembreDernière intervention29 avril 2009 18 août 2008 à 13:25
pas mal la source je vais tester sa :)
cs_kgilbert
Messages postés17Date d'inscriptiondimanche 17 août 2008StatutMembreDernière intervention31 janvier 2018 18 août 2008 à 12:56
Voilà, j'ai testé avec plusieurs navigateurs;
Avec Safari sous Windows XP: Aucun problème
Avec Internet Explorer 6.0 sous Windows XP: Aucun problème
Avec Internet Explorer 7 sous Windows Vista: Aucun problème
Avec Firefox 2 sous Windows XP: Aucun problème
Avec Firefox 3.0 sous Windows XP: Aucun problème
Avec Firefox 3.0 sous Windows Vista: Aucun problème
Avec Opéra 9.25 r-8827 sous Windows XP: Tout s'affiche correctement et les événements sont bien pris en compte, mais les limittes sont décalés de 2. Un maximum de 0 à 100 donne un maximum de 2 à 102.
Je mettrai le code à jour lorsque j'aurai résolu le problème.
28 mai 2010 à 10:20
Je vais peut-être la refaire un de ces jour. Tu peux utiliser les sliders de JQuery, ils sont très bien fait et très faciles à modifier.
27 mai 2010 à 02:38
j'ai plus ou moins réussis a l'intégrer dans mon propre script, mais j'aurais besoins que le curseur s'aligne a une valeur contenu dans un
l'idéale serait sur une fonction activé avec "onkeyup='fonction'" que j'utilise déjà pour autrechose, comme ça je les regroupe.
j'ai récupéré ton scripte exemple test.js, j'en ai gardé les fonctions "rgb2hex" et "update_background"
27 déc. 2008 à 08:36
Seulement, je suis plus que novice en J.S.
Peux-tu m'aider pour créer une page où les sliders afficheraient et cacheraient
des div ?
Je te fais un message privé.
23 oct. 2008 à 22:43
L'inclusion dans une table ne porte pas problème de mon coté, envoie moi ton code par message privé, s'il s'agit d'un problème du coté de ma source, je posterai une solution ici.
@+
3 oct. 2008 à 21:29
J'ai mis les sliders dans une table.
Les curseurs se positionnent n'importe ou dans l'ecran.
(Je suis debutant)
j'ai mis en commentaire /*position:absolute;*/ dans le fichier slider.css, le curseur se place sur le bon slider mais toujours a la position zero et non fonctionnel.
Quelles lignes faut-il modifier pour corriger ce probleme.
Merci.
29 août 2008 à 13:54
parce que c'est un travail trés complet merci
27 août 2008 à 20:24
Tu utilises des marges sur quoi ? le document, div parent, slider meme ? si tu as le temps, envoie moi par courriel un exemple avec problèmes de positionnement, il me sera plus facile de troubleshooter.
Pour la fonction "document.getElementById()", tu as tout à fait raison, je met ma source à jour immédiatement, elle n'y ai à présent que 8 fois.
Pour la gestion des événements, j'avais complètement oublié que je procédait ainsi, j'avais modifier ma source pour la rendre compatible avec une autre, du coup j'ai oublié de la remettre dans son état original. Je met à jour d'ici quelques jours.
Merci de prendre le temps de consulter mon travail,
j'attend une reponse ! et pourquoi pas une note.
27 août 2008 à 17:45
Y'a des problèmes de positionnements lorsqu'on utilise des marges (bof pas grave tu me diras...).
Et une petite remarque : tu utilises 35 fois la fonction 'document.getElementById()'. Ne serais-ce pas judicieux d'utiliser un alias ?
26 août 2008 à 13:57
26 août 2008 à 13:50
en fait val retourne le nom du dernier champ modifié, voici donc le bonne façon de l'écrire:
document.getElementById('slider_2').value = ((document.getElementById(val).value * 1) + 10);
note: jai aussi quelques petit guillemets plus haut, mais bon, c'est que la démonstration. Bref, bonne chance et ne te gènes pas pour des questions.
26 août 2008 à 13:22
document.getElementById(tonSlider2).value = (val + 10);
au lieu de:
document.getElementById(tonSlider2).value = ((document.getElementById(tonSlider).value * 1) + 10);
26 août 2008 à 13:19
Tout d'abord, tu dois créer un attribut onload dans ton
dans fonctionStart, tu met une requête ajax qui ira chercher tes données dans ta base SQL, si tu ne connais pas ajax, je t'invite à le découvrir en lisant des tutoriels sur le net.
note: tu peux aussi utiliser directement un language dynamique tel que le PHP:
<?php
$query = ...
if($result = mysql_query($query)){
$data = mysql_fetch_array($result);
echo 'document.getElementById(tonSlider).value = '+$data['tonChamp']+';';
}
?>
Ensuite, avec la valeur récupérée, tu modifie le champ du slider avec la réponse et tu update l'affichage:
document.getElementById(tonSlider).value = '_ta_value_';
update_value_slider(tonSlider);
Pour la modification des autres sliders, tu peux mettre une fonction en CallBack, c'est-à-dire une fonction qui sera effectuer à chaque changement de valeur. Donc, pour le slider qui doit modifier les 3 autres:
init_slider('tonSlider',0,1,100,1,150,callBackTonSlider);
init_slider('tonSlider2',0,1,100,1,150,'');
init_slider('tonSlider3',0,1,100,1,150,'');
init_slider('tonSlider4',0,1,100,1,150,'');
Dans la fonction callBackTonSlider() tu modifie les valeurs des autres sliders de la même façon, prend bien note que la valeur du slider modifié est envoyée dans la fonction callBack:
callBackTonSlider(val){
document.getElementById(tonSlider2).value = ((document.getElementById(tonSlider).value * 1) + 10);
document.getElementById(tonSlider3).value = ((document.getElementById(tonSlider).value * 1) + 20);
document.getElementById(tonSlider4).value = ((document.getElementById(tonSlider).value * 1) + 30);
update_value_slider(tonSlider2);
update_value_slider(tonSlider3);
update_value_slider(tonSlider4);
}
Les fonctions CallBack des sliders sont appelées automatiquement lors de la mise-à-jour de leurs données, donc si la valeur SQL est 75, les quatres sliders seront à 75, 85, 95 et 105 pour cette exenple. Si vous modifiez le premier slider, les autres sliders seront modifiés selon les différences de notre exemple.
Essaie, si tu as des questions, ne te gènes pas de me les poser.
Cordialement,
Kevin
26 août 2008 à 12:45
tout d abord merci bien pour ce code c'est vraiment très utile, mais j'ai une petite question il y a un mois j'essayerais de faire 4 sliders dont les valeurs de graduation sont prend d'une base SQL et en modifiant la valeur dans l'un des sliders les valeurs dans les 3 autres changent.
j'espère que tout est clair svp aidez moi
merci d'avance
19 août 2008 à 17:03
et pour les curseurs sa fonctionne tres bien
19 août 2008 à 16:05
Tu as testé ma source Kazma ?
Cordialement,
Kevin
19 août 2008 à 15:57
j'apprécierais que tu ne pollue pas trop.
ca fait vulgaire
18 août 2008 à 16:03
18 août 2008 à 15:46
Pourquoi déclare tu tes tableaux sans le mot clé "var" ?
Une autre petite question :
Comment as tu fais pour que ta fonction addEvent marche ?
Car moi dans mon code de boite de dialogue j'avais fais la même fonction avec quelques petites choses en plus et elle ne marchait pas car en fait ça me disais que le document n'était pas encore chargé, on aurai dit que la fonction n'attendait pas l'évènement mais qu'elle executait directement la fonction sans se soucier du reste...
a++
PS : comme je n'ai rien trouvé a redire, je me vois contraint de te mettre un 10/10 lol !
18 août 2008 à 14:04
Désolé de ne pas avoir précisé...
Merci je te souhaite la même chose pour le bug sur opéra, sinon je t'invite a venir mettre un commentaire sur ma source (si tu la connais, ce dont je ne doute pas vu que tu as suivit la discution sur l'API)...
a++
18 août 2008 à 13:58
et bonne chance pour cet API d'ouverture de fenêtre.
18 août 2008 à 13:46
Un 10/10 ça ne se refuse pas lol...
Ce qui est je pense asez bête c'est que même si cette source vaut un 10/10 la note a été mise au piff car si on regarde le commentaire, la note a été mise dans e commentaire qui dit que Djmmix va tester sauf qu'il l'a pas encore testé donc la note est ise au piff...
Bon ça va qu'après il était satisfait...
Pour ma part, je pense que cette source peut être utile (pas a moi pour l'instant... lol)...
Je regarderai bientot le code en profondeur quand j'aurai finis mo API...
a++
18 août 2008 à 13:40
18 août 2008 à 13:28
18 août 2008 à 13:25
18 août 2008 à 12:56
Avec Safari sous Windows XP: Aucun problème
Avec Internet Explorer 6.0 sous Windows XP: Aucun problème
Avec Internet Explorer 7 sous Windows Vista: Aucun problème
Avec Firefox 2 sous Windows XP: Aucun problème
Avec Firefox 3.0 sous Windows XP: Aucun problème
Avec Firefox 3.0 sous Windows Vista: Aucun problème
Avec Opéra 9.25 r-8827 sous Windows XP: Tout s'affiche correctement et les événements sont bien pris en compte, mais les limittes sont décalés de 2. Un maximum de 0 à 100 donne un maximum de 2 à 102.
Je mettrai le code à jour lorsque j'aurai résolu le problème.
Cordialement,
Kevin.