Rechercher : dans
Par :

Ascenseur personnalisé en css & javascript

Dernière réponse le 30 jui 2009 à 15:27:47 avalon-bzh, le 10 fév 2007 à 15:07:14 
 Signaler ce message aux modérateurs

Comment faire un ascenseur personnalisé en CSS & javascript.
Je m'explique, j'ai une div inclue dans une autre div (de taille fixe) dont j'ai volontairement limitée la taille, et j'ai deux flèches qui appele une fonction javascript mais j'arrive pas à déplacer ma div.

Configuration: Linux
Firefox

Meilleures réponses pour « ascenseur personnalisé en css & javascript » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Que peut faire le web pour vous ? VoirLe "web", ce sont les pages HTML affichées dans votre navigateur. Elles ont évolué techniquement (hmtl, css, javascript, ajax, Flash, Java...) au point de devenir des outils à part entière. Que peut donc faire le web pour vous ? Voici une...
Télécharger PSPad VoirPSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS, Javascript, php ou autres langages de programmation (C++, Java, Python...). Les fonctionnalités sont impressionnantes: ...
Télécharger Notepad2 VoirNotepad2 est un bloc-note sans installation libre possédant des fonctionnalités avancées de coloration syntaxique. Fonctionnalités Coloration syntaxique pour les langages suivants : HTML, XML, PHP, ASP (JScript, VBS), CSS, JavaScript, VBScript,...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...

1

avalon-bzh, le 14 fév 2007 à 09:31:16

C'est bon je l'ai résolu.
Il faut modifier le top de la deuxième div.

Répondre à avalon-bzh

2

lzdlezard, le 19 oct 2007 à 11:06:24
  • +2

Bonjour,
bonjour, alors si c'est resolu et que tu veux nous en faire profiter c'est volontier.
parle nous un peu de ca.

Répondre à lzdlezard

3

clem, le 4 jun 2008 à 17:11:38

Comment t'a fait !?!

Répondre à clem

4

thierry, le 9 jun 2008 à 09:57:20

C'est clair ! il pose une question il y répond lui-même mais il y en a d'autres qui se pose la question ??
comment tu as fait ???

Répondre à thierry

5

anthanagor, le 9 nov 2008 à 15:56:21
  • +4

Ce post méritrait d'être effacé.

Répondre à anthanagor

6

 Tabriss, le 30 jui 2009 à 15:27:47
  • +2

Un post qui date, mais qui ressort quand on fait une recherche sur google, et vu que j'aime pas les trucs inutiles restant en première page des résultats d'une recherche voici la solution à laquelle il doit faire référence:


L'auteur précise qu'il a deux DIV imbriquées l'une dans l'autre (disons DIV#mere et DIV#fille), et deux fonctions javascript pour déplacer la DIV#fille.
Donc pour que ces deux fonctions effectuent leurs jobs, il "suffit" de positionner DIV#mere (en relatif au minimum) et DIV#fille en absolu. Ainsi on peut faire varier la propriété "top" de DIV#fille via les deux fonctions javascript, ce qui a pour effet de déplacer DIV#fille dans DIV#mere.

C'est pas très esthétique, mais ça fonctionne.

Répondre à Tabriss