Jump to content

html et scrollbar special

yboompook

By yboompook
in Programmation et Lignes de code

Recommended Posts

yboompook Mentor

yboompook

Posted
Posted

salut tout le monde

je recherche une balise html qui permet de faire un scrollbar toute seule qui permet de faire changé des valeur derrière, pour un exercice sur le changement de couleur on doit faire un scrollbar et quand on le bouge sa doit changé la couleur de la page !!!

merci d'avance

Link to comment
Share on other sites
Baldurien Explorateur

Baldurien

Posted
Posted

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)

Link to comment
Share on other sites
yuston Nouveau

yuston

Posted
Posted

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....

Link to comment
Share on other sites
Sentinel Collaborateur

Sentinel

Posted
Posted

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>

Link to comment
Share on other sites
yboompook Mentor

yboompook

Posted
  • Author
Posted

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

Link to comment
Share on other sites
yboompook Mentor

yboompook

Posted
  • Author
Posted
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 !!!

Link to comment
Share on other sites
Baldurien Explorateur

Baldurien

Posted
Posted

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)

Link to comment
Share on other sites
yboompook Mentor

yboompook

Posted
  • Author
Posted

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: .

Link to comment
Share on other sites
ggbce Étoile Montante

ggbce

Posted
Posted

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...