begin process at 2012 05 27 21:34:11
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > GÉNÉRATEUR DE SCROLLBARS !

GÉNÉRATEUR DE SCROLLBARS !


 Information sur la source

Note :
4 / 10 - par 3 personnes
4,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Initié Date de création :08/07/2003 Date de mise à jour :08/07/2003 20:08:18 Vu :16 840
Auteur : webdeb

Ecrire un message privé
Site perso
Commentaire sur cette source (23)
Ajouter un commentaire et/ou une note

 Description

Ce script composé uniquement par une fonction va vous permettre de générer à l'aide d'un formulaire vos propres barres de scroll. Très utile également pour des sites de webmasters qui cherchent à proposer ce service.

Source

  • <script>
  • function scrollbar(generateur)
  • {
  • var infos='<!-- Scroll-Barre Générée sur http://www.webmaster-debutant.com -->'+'\n';
  • var debut='<style>'+'\n';
  • var body='BODY{'+'\n';
  • var face='scrollbar-face-color:'+document.generateur.face.value+'\;'+'\n';
  • var arrow='scrollbar-arrow-color:'+document.generateur.arrow.value+'\;'+'\n';
  • var track='scrollbar-track-color:'+document.generateur.track.value+'\;'+'\n';
  • var highlight='scrollbar-highlight-color:'+document.generateur.highlight.value+'\;'+'\n';
  • var shadow='scrollbar-shadow-color:'+document.generateur.shadow.value+'\;'+'\n';
  • var light='scrollbar-3dlight-color:'+document.generateur.light.value+'\;'+'\n';
  • var dark='scrollbar-darkshadow-color:"'+document.generateur.dark.value+'\;'+'\n';
  • var acco='}'+'\n';
  • var fin='</style>'+'\n';
  • var term='<!-- Generateur by Webmaster -->'+'\n';
  • document.generateur.resultat.value=infos+ debut+ body+ face+ arrow+ track+ highlight+ shadow+ light+ dark+ acco+ fin+ term;
  • }
  • </script> 
<script>
function scrollbar(generateur)
{
var infos='<!-- Scroll-Barre Générée sur http://www.webmaster-debutant.com -->'+'\n';
var debut='<style>'+'\n';
var body='BODY{'+'\n';
var face='scrollbar-face-color:'+document.generateur.face.value+'\;'+'\n';
var arrow='scrollbar-arrow-color:'+document.generateur.arrow.value+'\;'+'\n';
var track='scrollbar-track-color:'+document.generateur.track.value+'\;'+'\n';
var highlight='scrollbar-highlight-color:'+document.generateur.highlight.value+'\;'+'\n';
var shadow='scrollbar-shadow-color:'+document.generateur.shadow.value+'\;'+'\n';
var light='scrollbar-3dlight-color:'+document.generateur.light.value+'\;'+'\n';
var dark='scrollbar-darkshadow-color:"'+document.generateur.dark.value+'\;'+'\n';
var acco='}'+'\n';
var fin='</style>'+'\n';
var term='<!-- Generateur by Webmaster -->'+'\n';

document.generateur.resultat.value=infos+ debut+ body+ face+ arrow+ track+ highlight+ shadow+ light+ dark+ acco+ fin+ term;
}
</script>



 Sources du même auteur

Source avec Zip WD_MORPION
VALIDER UN NUMÉRO DE TÉLÉPHONE FRANÇAIS
Source avec Zip MODULE DE CRÉATION D'ARTICLE AVEC BBCODE !
Source avec Zip GÉNÉRATEUR DE STYLES CSS !
Toutes les sources de webdeb

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Toutes les sources de la catégorie Formulaire

Commentaires et avis

Commentaire de iubito le 09/07/2003 10:42:45

voir aussi le mien :o)
http://iubito.free.fr/prog/scrollbar2.htm

Commentaire de webdeb le 09/07/2003 11:56:43

Je dis Bravo à toi !

Faut que je regarde comment tu as réussi à faire la palette de couleurs !

@+ et merci pour ton commentaire !

Commentaire de iubito le 09/07/2003 12:14:15

la palette c pas de moi, c un script d'un pote... mais depuis y'en a des bocou mieux ki sont sortis mais g pa updaté mon script (trop occupé)

donc la palette, tu peux rechercher sur javascriptfr, sur www.toutjavascript.com y'en a eu une y'a pas longtemps c'est ZE best
et pour celle que g utilisé c'est http://www.asp-php.net/scripts/scripting/jscolorpicker.php

Commentaire de webdeb le 09/07/2003 13:03:55

oki merci ! Je pourrais l'utiliser pour mon site !

@+ ;-)

Commentaire de revlis le 15/07/2003 18:33:20

je suis l'auteur du script colorpicker en xml sur toutjavascritp et je suis étonné de voir qu'on en parle sur ce site...

cela dis, je cherchais un script de scroll bar (comme pour le cpicker sur une base HTC).. je cherche une vrai scrollbar, pas la scroll du navigateur aux couleurs modifiée.. mais mes recherches étant infructueuse j'ai peur devoir le developper moi meme.. a moins que qq'un l'ai déjà vu qq part...

Commentaire de iubito le 15/07/2003 18:39:57

tu veux dire une scrollbar tout en dhtml, et pas celles du navigateur? si c ça ==&gt; http://www.twinhelix.org (.org je crois)

oui ton colorpicker en xml, en fait g un pote sur asp-php qui essaye d'en développer un et j'ai vu le tien, qui est d'excellent KliT, franchement bravo !
parce qu'il y en a des un peu farfelus qui font ça avec du html généré par du javascript c d'une lenteur incroyable et ça bouffe une kantité de RAM monstrueuse ( c javascript k'é pa terrible pour ce genre d'appli) et là ton truc il tourne impec même sur un vieux proç

Commentaire de webdeb le 15/07/2003 18:51:02

Salut !

Je viens de voir le site que tu as proposé. L'adresse se finit par .com et non .org !

Sinon c'est vrai que c'est sympa les barres de scroll comme celle présentée sur le site Twin Helix ! Faudrait peut-être que je fasse un générateur pour ce style de scroll lorsque j'aurais un code source de scroll !

@+

Commentaire de revlis le 15/07/2003 18:59:11

yep c'est a peut près ca que je cherche (http://www.twinhelix.com)
mais y'a pas mal de retouche a faire...
je sent que je vais devellopper mon petit truc..
merci qd meme..

Commentaire de webdeb le 15/07/2003 19:56:31

OKi lol !

@+ et Bons Devs !

PS : Essaies de nous prévenir stp lorsque tu auras fini ton truc !

Commentaire de valdo le 16/08/2003 12:28:29

Bonjours, quelqu'un peut il me passer le forumulaire qui va avec ?

merci.

Commentaire de webdeb le 16/08/2003 14:27:45

Le voici ! dsl je n'avais pas le temps de le mettre avec la source !
--------------------------------------------------------------------------
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Generateur de Scrollbars&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;form name="generateur"&gt;
      &lt;div align="center"&gt;
        &lt;center&gt;
        &lt;table border="0" cellpadding="0" cellspacing="0" width="390"&gt;
          &lt;tr&gt;
            &lt;td bgcolor="#2C5887"&gt;
              &lt;p align="center"&gt;&lt;font size="1" face="Verdana" color="#F2F2F2"&gt;&lt;b&gt;Générateur
              de Scroll Bar&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td style="border: 1 solid #000000" bgcolor="#F2F2F2"&gt;
              &lt;div align="center"&gt;
              &lt;form name"generateur"&gt;
                &lt;table border="0" cellpadding="0" cellspacing="0" width="97%"&gt;
                  &lt;tr&gt;
                    &lt;td width="100%"&gt;&nbsp;
                      &lt;div align="center"&gt;
                        &lt;table border="0" cellpadding="2" width="112%"&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="baseline"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              Face (1) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="baseline" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="face" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
        &lt;/center&gt;
                          &lt;/tr&gt;
        &lt;center&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="baseline"&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;b&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
&lt;/b&gt;&lt;/font&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;b&gt;Arrow (2) :&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="baseline" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="arrow" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="top"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              Track (3) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="top" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="track" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="top"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              High-Light (4) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="top" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="highlight" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="baseline"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              Shadow (5) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="baseline" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="shadow" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="baseline"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              3D Light (6) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="baseline" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="light" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                            &lt;td width="21%" valign="baseline"&gt;&lt;b&gt;&lt;font size="1" face="Verdana" color="#2C5887"&gt;&lt;img border="0" src="../images/kit_bleu/puce_ronde.gif" width="5" height="5"&gt;
                              Dark Shadow (7) :&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                            &lt;td width="48%" valign="baseline" align="center"&gt;&lt;!--webbot
                              bot="Validation" B-Value-Required="TRUE"
                              I-Minimum-Length="7" I-Maximum-Length="7" --&gt;&lt;input type="text" name="dark" size="10" style="background-color: #F7F7F7; font-family: Verdana; font-size: 8 pt; color: #000000; border: 1 solid #000000" value="#" maxlength="7"&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
        &lt;/center&gt;
                          &lt;tr&gt;
                            &lt;td width="94%" valign="baseline" colspan="2" align="center"&gt;
                              &lt;div align="center"&gt;
                                &lt;table border="0" cellpadding="2" width="100%"&gt;
                                  &lt;tr&gt;
                                    &lt;td width="100%"&gt;
                                      &lt;p align="center"&gt;&lt;br&gt;&lt;b&gt;&lt;font size="1" face="Verdana"&gt;&lt;input type="button" value="- Générer -" name="generateur" onClick="scrollbar(generateur);" style="font-family: Verdana; font-size: 8 pt; color: &lt;? echo $skin['bouton']['font']; ?&gt;; background-color: &lt;? echo $skin['bouton']['fond']; ?&gt;"&gt;&lt;/font&gt;&lt;/b&gt;
                                      &lt;b&gt;&lt;font size="1" face="Verdana"&gt;&lt;input type="reset" value="- Effacer -" name="reset" style="font-family: Verdana; font-size: 8 pt; color: &lt;? echo $skin['bouton']['font']; ?&gt;; background-color: &lt;? echo $skin['bouton']['fond']; ?&gt;"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                                &lt;/table&gt;
                              &lt;/div&gt;
                            &lt;/td&gt;
                          &lt;/tr&gt;
                        &lt;/table&gt;
                      &lt;/div&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/div&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/div&gt;
        &lt;p align="left"&gt;&nbsp;&lt;/p&gt;
      &lt;div align="center"&gt;
        &lt;center&gt;
        &lt;table border="0" cellpadding="0" cellspacing="0" width="390"&gt;
          &lt;tr&gt;
            &lt;td bgcolor="#2C5887"&gt;
              &lt;p align="center"&gt;&lt;font size="1" face="Verdana" color="#F2F2F2"&gt;&lt;b&gt;Générateur
              de Scroll Bar&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td style="border: 1 solid #000000" bgcolor="#F2F2F2"&gt;&nbsp;
              &lt;div align="center"&gt;
                &lt;table border="0" cellpadding="2" width="97%"&gt;
                  &lt;tr&gt;
                    &lt;td width="100%"&gt; &lt;p align="center"&gt;&lt;font size="1" face="Verdana" color="#C8323A"&gt;&lt;b&gt;Code à insérer entre les balises &lt;HEAD&gt;&lt;/HEAD&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td width="100%"&gt;
                    &lt;textarea rows="15" name="resultat" cols="70" style="background-color: #F5F5F5; font-family: Verdana; font-size: 10 px; color: #000000; border: 1 solid #000000"&gt;&lt;/textarea&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;td width="100%"&gt;
                      &lt;p align="center"&gt;&lt;b&gt;&lt;font size="1" face="Verdana"&gt;&lt;input type="button" onClick="javascript:this.form.resultat.select()" style="font-family: Verdana; font-size: 8 pt; color: &lt;? echo $skin['bouton']['font']; ?&gt;; background-color: &lt;? echo $skin['bouton']['fond']; ?&gt;" type=button value="Sélectionner" name="select"&gt;&lt;/font&gt;&lt;/b&gt;
                    &lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/table&gt;
              &lt;/div&gt;&nbsp;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/center&gt;
        &lt;/table&gt;
      &lt;/div&gt;
        &lt;p align="left"&gt;&nbsp;&lt;/p&gt;
        &lt;/form&gt;
   &lt;/body&gt;
&lt;/html&gt;

Commentaire de webdeb le 16/08/2003 14:28:46

Oups j'ai oublié de retirer le PHP sur les boutons ! Dsl ! Je te laisse le faire !

@+

Commentaire de valdo le 16/08/2003 18:25:17

genial, merci pour tout !!

Commentaire de valdo le 16/08/2003 18:36:53

houps, j'ai une erreur à la ligne 90 !!

                                      &lt;b&gt;&lt;font size="1" face="Verdana"&gt;&lt;input type="reset" value="- Effacer -" name="reset" style="font-family: Verdana; font-size: 8 pt; color: &lt;? echo $skin['bouton']['font']; ?&gt;; background-color: &lt;? echo $skin['bouton']['fond']; ?&gt;"&gt;&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;

une idée !!

Commentaire de valdo le 19/08/2003 18:10:29

toujours rien !!

Commentaire de webdeb le 30/08/2003 13:53:27

enleve le PHP, c'est a dire tout ce qui est compris entre &lt;? ?&gt; !

@+

Commentaire de valdo le 30/08/2003 18:15:10

merci, c'est bon !!

Commentaire de webdeb le 30/08/2003 19:21:04

De rien ! Est-ce que tu pourrais me dire à quelle fin tu utilises mon script stp ? Si tu le mets sur ton site, n'hésite pas à me donner l'URL pour que je jette un coup d'oeil ! @+ et Bonne Continuation !

Commentaire de valdo le 30/08/2003 19:29:17

En fait, je l'ai complettement modiffié ça ne ressemble plus du tout à ce que c'etait !!

je l'ai mis sur mon site en tant que service gratuit.

www.formatik-center.com

Commentaire de webdeb le 30/08/2003 21:50:23

Ok je vais voir ! C'est sympa comme site mais si tu pouvais au moins laisser les copyrights et le lien vers mon site dans le script (a la sortie du script) ce serait sympa ! merci ! @+ et Bonne Continuation

Commentaire de valdo le 30/08/2003 23:34:49

le site n'est pas tout à fait fini, àla fin je mettrais une page de remerciement des différents site qui ont contribué à la mise en place de celui ci.

Commentaire de webdeb le 30/08/2003 23:41:42

OK merci c'est sympa ! @+ et Bonne Continuation !

Commentaire de newsmatique le 08/08/2004 19:37:48

slt,
!#&%@ !!! je comprend rien pourquoi sa marche pas !!!!!!!!! dans quel balise faut placer cette source sa fait 5 moi que je cherche un generateur et puis la j'en trouve un et sa marche pas on peut m'expliquer !?

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Sony Ericsson XPERIA X10 (1 Go)
Entre 649€ et 649€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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,718 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)