Aller au contenu

html et scrollbar special

yboompook

Par yboompook
dans Programmation et Lignes de code

Messages recommandés

Baldurien Nouveau

Baldurien

Posté(e)
Posté(e)

Y a pas de balises html pour les scrollbar, c'est pas XUL :) par contre, en CSS tu as une propriété qui s'appelle overflow qui permet de créer des scrollbars. Mais je crains que ce ne soit pas ce que tu cherches.

nintendo.fr a ce genre de script pour peu que je sache (suffit de lire une de leur news) même si dans leur cas c'est loin d'être pratique ni fonctionnel (sous Fx en tout cas)

Lien vers le commentaire
Partager sur d’autres sites
yuston Nouveau

yuston

Posté(e)
Posté(e)

En html cela n'existe pas, en css non plus, du moins pour faire changer les couleurs de la scrollbar sans chargement de page... peut-etre en combinant Ajax (xmlhttprequest) et Javscript (voire du php) tu pourras changer la scrollbar via une action du visiteur....

Mais peut-etre qu'en javascript il existe des scripts pour le faire, ca j'en ai aucune idée....

Lien vers le commentaire
Partager sur d’autres sites
Sentinel Collaborateur

Sentinel

Posté(e)
Posté(e)

Non il ne veut pas des scrollbars colorées, mais une sorte de slider qui permet de choisir une valeur, laquelle est ensuite utilisée pour afficher une couleur.

Comme ça ça marche :

<html>

<head>
<script language="javascript">
var couleurs = new Array("white", "blue","red","green","yellow")
function decrementer(control)
{
 var valeur = eval(control.value);
 if (valeur > 0) { valeur = valeur - 1; }
 
 control.value = valeur;
 control.style.backgroundColor = couleurs[valeur];
}
function incrementer(control)
{
 var valeur = eval(control.value);
 if (valeur < couleurs.length) { valeur = valeur + 1; }
 
 control.value = valeur;
 control.style.backgroundColor = couleurs[valeur];
}
</script>
</head>

<body>

<form>
<input type="button" value="-" onclick="decrementer(couleur)"/>
<input type="text" name="couleur" value="0" width="2"/>
<input type="button" value="+" onclick="incrementer(couleur)"/>
</form>

</body>

</html>

Lien vers le commentaire
Partager sur d’autres sites
yboompook Mentor

yboompook

Posté(e)
  • Auteur
Posté(e)

alors je crois pas avoir été compris sur se que je veux :ouioui:

je veux une scrollbar comme celle de défilement du coté de la page ou du bas de page mais sans avoir de textbox ou de fenêtre autour et que quand on fait bougé le scrol ou qu'on appuis sur une des deux flèche cela face changé une des 3 couleur de base

voici le code actuel

<html>

<head>

<title>javascript2</title>

<script language="javascript">

function color(){

if (document.couleur.r.value=="") document.couleur.r.value="00";

if (document.couleur.v.value=="") document.couleur.v.value="00";

if (document.couleur.b.value=="") document.couleur.b.value="00";

changecolor()}

function changecolor(rvb){

if (rvb=='r') document.couleur.r.value="ff";

if (rvb=='v') document.couleur.v.value="ff";

if (rvb=='b') document.couleur.b.value="ff";

document.couleur.history.value=document.couleur.history.value+"#"+document.couleur.r.value+document.couleur.v.value+document.couleur.b.value+"\r";

document.bgColor="#"+document.couleur.r.value+document.couleur.v.value+document.couleur.b.value;}

</script>

</head>

<body>

<div align="center">

<form name="couleur"><input name="r" value="00" onChange="color()"><input type="button" value="R" onClick="changecolor('r')"><br>

<input name="v" value="00" onChange="color()"><input type="button" value="V" onClick="changecolor('v')"><br>

<input name="b" value="00" onChange="color()"><input type="button" value="B" onClick="changecolor('b')"><br>

<textarea name="history" cols="40" rows="10"></textarea><br></form></div>

</body>

</html>

avant mes saut de ligne je voudrais donc implémenté des scrollbar qui ferais changé la valeur qui est dans la textbox

Lien vers le commentaire
Partager sur d’autres sites
yboompook Mentor

yboompook

Posté(e)
  • Auteur
Posté(e)
Non il ne veut pas des scrollbars colorées, mais une sorte de slider qui permet de choisir une valeur, laquelle est ensuite utilisée pour afficher une couleur.

Comme ça ça marche :

<html>

<head>
<script language="javascript">
var couleurs = new Array("white", "blue","red","green","yellow")
function decrementer(control)
{
 var valeur = eval(control.value);
 if (valeur > 0) { valeur = valeur - 1; }
 
 control.value = valeur;
 control.style.backgroundColor = couleurs[valeur];
}
function incrementer(control)
{
 var valeur = eval(control.value);
 if (valeur < couleurs.length) { valeur = valeur + 1; }
 
 control.value = valeur;
 control.style.backgroundColor = couleurs[valeur];
}
</script>
</head>

<body>

<form>
<input type="button" value="-" onclick="decrementer(couleur)"/>
<input type="text" name="couleur" value="0" width="2"/>
<input type="button" value="+" onclick="incrementer(couleur)"/>
</form>

</body>

</html>

merci de t'être décarcassé pour moi mais malheureusement se n'est pas sa que je cherchais a faire.

PS ça marche sous firefox !!!

Lien vers le commentaire
Partager sur d’autres sites
Baldurien Nouveau

Baldurien

Posté(e)
Posté(e)

Un slider. C'est un contrôle basique qui te permet à partir d'une scrollbar de sélectionner des valeurs. Genre sous xp, si tu change le volume tu as un slider : c'est exactement ce que tu veux, sauf que l'effet associé n'est pas le même.

Sauf que ça n'existe pas en html comme ça, faut le créer.

(enfin, ça doit aussi pouvoir se faire avec un fichier xul/xml en créant un composant spécifique à fx)

Lien vers le commentaire
Partager sur d’autres sites
yboompook Mentor

yboompook

Posté(e)
  • Auteur
Posté(e)

merci de vous décarcassé pour moi se n'est toujours pas se que je cherche :youhou:

voici une image de se que je cherche scrollbar.png

avec une barre plus petite (en espérant Q soit de taille modifiable) et donc je veut qu'en appuyant sur une des deux flèche cela face avancé la valeur entre 00 et FF d'une des 3 couleur de base d'HTML ou en bougeant le curseur. en espérant que vous ferré pas cette la :up: .

Lien vers le commentaire
Partager sur d’autres sites
ggbce Étoile Montante

ggbce

Posté(e)
Posté(e)

Pour créer ta barre de déroulement "slider" (du genre scrollbar du navigateur mais à l'intérieur de la page HTML) pour changer la couleur (enfin changer la valeur de n'importe quoi...) ça va se faire en Java (peut-être JavaScript si c'est possible d'échantilloner la valeur lors du défilement de la barre).

C'est probablement un peu comme le programme "Colour To HTML" que tu veux faire mais à l'intérieur d'une page web avec des barres de déroulement ayant un aspect d'une scrollbar ?

NOTE:

Normallement les couleurs sont basées sur une valeur entre 0 et 255 pour le rouge, le bleu et le vert. Le mélange des trois valeurs donnera ton résultat.

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...