begin process at 2012 02 12 22:25:58
  Trouver un code source :
 
dans
 

15 commentaire(s) de kgilbert sur des sources sur tout CodeS-SourceS

Déposé sur Slider (curseur variable) élément javascript

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.
Posté le : 28/05/2010 10:20:05

Déposé sur Slider (curseur variable) élément javascript

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.

@+
Posté le : 23/10/2008 22:43:14

Déposé sur Slider (curseur variable) élément javascript

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.
Posté le : 27/08/2008 20:24:02

Déposé sur Slider (curseur variable) élément javascript

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:

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.
Posté le : 26/08/2008 13:50:33

Déposé sur Slider (curseur variable) élément javascript

petite correction, dans la fonction callBackTonSlider(), utilises plutôt:

document.getElementById(tonSlider2).value = (val + 10);

au lieu de:

document.getElementById(tonSlider2).value = ((document.getElementById(tonSlider).value * 1) + 10);
Posté le : 26/08/2008 13:22:45

Déposé sur Slider (curseur variable) élément javascript

Bonjour soul2006,
Tout d'abord, tu dois créer un attribut onload dans ton <BODY>

<body onload="fonctionStart()">

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
Posté le : 26/08/2008 13:19:33

Déposé sur Slider (curseur variable) élément javascript

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
Posté le : 19/08/2008 16:05:20

Déposé sur Boite de dialogue (avec grisement de la page)

Salut,
pour le css, tu met:

var doc = document.getElementById('griser').style;
doc.className = 'taClasse';

Non ?
et pour gérer les événements, tu le fait par la suite, je n'ai peut-être pas
tout compris, mais ça me semble facile à comprendre.

CSS:

.taClasse{

margin: 0px;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
position: fixed;
background-color: #000000;
zindex = 50;

}

pour la gestion du overflow du document, tu laisses la ligne comme ça:

document.documentElement.style.overflow = "hidden";


En espérant t'avoir aidé.
Posté le : 19/08/2008 13:29:45

Déposé sur Slider (curseur variable) élément javascript

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.
Posté le : 18/08/2008 16:03:59

Déposé sur Boite de dialogue (avec grisement de la page)

Salut,

le width et le height fonctionne bien si ma fenêtre est maximisée, si elle ne l'est pas, ton width est calculé avec la largeur maximal possible, il est possible de calculer la largeur réelle et la largeur maximal possible. De plus, il est même possible de recalculer à chaque modifications de grandeur de la fenêtre.

Penses à ça, bonne prog.
Posté le : 18/08/2008 14:45:16

1 2


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales