begin process at 2010 03 19 10:33:59
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > COMMENT FAIRE DÉFILER UN CALQUE (LAYER) ?

COMMENT FAIRE DÉFILER UN CALQUE (LAYER) ?


 Information sur la source

Note :
2 / 10 - par 1 personne
2,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Classé sous :déroulant, layer, défiler, calque, scroll Niveau :Débutant Date de création :19/01/2007 Vu / téléchargé :8 545 / 1 502

Auteur : klerdesign

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

 Description

Permet de faire défiler un layer avec textes et contenu graphique.
Défilement vers le haut et vers le bas. Affichage/masquage des informations contenues dans le calque.


 Conclusion

Testé sous IE 6, Nescape 4, Firefox.
Un calque nscontent imbriqué dans un autre appellé nscontainer.
Il suffit simplement pour vous de copier vos éléments dans le calque nscontent.

Deux liens appellent les fonctions moveup et/ou movedown.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

MASQUER LE AROBASE SUR UN EMAIL

 Sources de la même categorie

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
Source avec Zip Source avec une capture SCROLL BAR PERSONALISE par kazma
Source avec Zip Source avec une capture MENU DÉROULANT par xav44
Source avec Zip CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info
Source avec Zip Source avec une capture FENETRE QUI SE DEPLACE par Ricky_MacElroy

Commentaires et avis

Commentaire de Optitech le 20/01/2007 11:56:25

Salut :)

Je pense que tu as oublié un truc imporatn mais utile : La source :)

Merci ;)

Optitech :)

Commentaire de coucou747 le 20/01/2007 13:25:31

document.getElementById("layer").style.marginLeft=x;

voilà, t'as ta source

Commentaire de aze555666 le 23/01/2007 22:30:52

Il se trouve qu'il n'a pas oublié la source, c'est simplement qu'il y a des dossiers dans le zip. Il faudra que nix prévoie une exploration de dossiers par la fonction qui affiche les fichiers du zip pour être téléchargés par le membres du club.
Le chose foncitonne, mais ça serait pas mal d'avoir aussi un défilement un peut comme <marquee> (vericalement ou horizontalement), qui fasse passer le layer en boucle (automatiquement si possible). Parce que là, ça ne fait que remplacer la barre d défilement horizontale qu'on aurait simplement avec un iframe.

Commentaire de klerdesign le 30/01/2007 18:18:04

en effet, le zip est correct.

Pour cette source, je ne cherchais pas à faire de défilement continu. Je voulais juste un calque masqué qui défile au survol d'un lien. Ce n'était pas une news défilante que j'affichais sinon j'aurais en effet utilisé un <marquee> et on en aurait jamais parlé ici. ;)

Commentaire de klerdesign le 30/01/2007 18:21:19

Autre chose, le fait de supprimer la barre verticale de l'iframe est intéréssant, non? Surtout pour tous les utilisateurs MAC qui ne verront jamais un scrollbar personalisé de toute leur vie.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

scroll et calque [ par zorro699 ] ???Ci dessous un scripte qui permet de scroller un calque et qui fonctionne correctement.Seulement j'aimerai utilisé ce script pour d'autres calques.j apparaitre calque à partir d'un menu déroulant [ par karenma ] bonjour je souhaite faire apparaitre un calque à partir d'éléments de mon menu déroulant par exemple essai et immo Comment faire ?Merci d'avance pour scroll graphique dyn-web [ par asmon ] Bonjour, J'ai deux question concernant le scroll graphique vertical de dyn-web. 1 - Est-il possible, avec le même scrollbar, de faire défiler deux d Menu déroulant modifiant un iframe [ par barcelonetony ] Bonjour à tous, J'ai besoin de votre aide pour le développement de mon site... Pour des raisons esthétiques j'utilise un bouton menu déroulant avec Scroll horizontal avec la mousewheel [ par fazerofgod ] Salut les mecs :) ça va faire maintenant un petit moment que je cherche un moyen de scroller avec la molette de la souris de manière horizontale sur u menu select + scroll animé [ par ethos20 ] Bonjour, Pour la réalisation d'un nouveau site je souhaiterai utiliser une navigation par ancres avec menu de type form select couplée à un effet de Faire défiler des photos dans une frame [ par gmarcel ] Bonjour a tous, Je viens de débuter la création d'un premier site internet. Pour cela sur ma page d'accueil j'ai mis trois frames. Une verticale sur l menu déroulant caché par la page [ par gillie ] Bonjour, J'ai créé un fichier index.html avec deux frames, la première avec l'entete et le menu horizontal, l'autre avec la page qui change quand on Menu déroulant / javascript [ par arkelode ] Bonjour, J'ai réalisé un petit menu déroulant à l'aide de "J Query" en javascript mais voilà mon problème-> Quand je clic sur un lien du "submenu" m afficher script [ par steph06001 ] bonjour j' ai un script et je voudrait l' afficher dans ma page web a une place bien précise sur ma page web voila le script [code=js] .ejs_scroll {


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
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,920 sec (3)

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