IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Dock style Mac en JS


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    13
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 13
    Par d�faut Dock style Mac en JS
    Hey,

    j'ai fait un ptit script pour reproduire ce bon vieux dock apple.
    Tout va a peu pr�s bien jusqu'au moment ou j'essaie de mettre un fondu au grossissement des ic�nes.

    Pour faire ce fameux fondu j'ai remplac� mon
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    cible.style.width = new_width+"px";

    par un
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    setInterval(size, 10, cible, new_width);
    et la fonction size est cens� augmenter de 1 en 1 px, ce qu'elle fait mais tres bizarement


    Je vous ai mis la version qui marche ici et la foireuse ici (toujours ctrl+u pour les sources hein)

    Si vous avez des id�es n'h�sitez pas !

    PS : je ne veux pas faire comme ce salaud qui en fait un super (Grrrrrrrrrrrrrrrr jaloux) mais lui il fait augmenter le height en fonction de la position du curseur genre style.height = x_mouse/grand_height*100

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    26
    D�tails du profil
    Informations personnelles :
    �ge : 42
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 26
    Par d�faut euh...
    Je sais que c'est pas sympa arriv� � la fin d'un projet d'entendre que �a aurait �t� mieux de faire diff�remment... Mais pourquoi tu t'es pas bas� sur une librairie type prototype ou mootools pour faire �a ? �a aurait �t� plus simple je pense, surtout que �a a d�j� �t� fait :
    http://www.chrisesler.com/mootools/fisheye/
    Sinon pour ton code je vois pas trop, � part que la r�duction des ic�nes ne se fait plus et que la fonction size s'applique � l'ensemble des ic�nes sur lesquels on a d�j� eu un mouseover, et qu'une boucle semble s'effectuer une fois le script lanc�...
    C'est bien pour �a qu'un tween avec mootools t'aurait bien aid� pour faire un truc fluide ! et plus facile � coder...

    Si je trouve ton pb, je re-poste, sinon bon courage !

  3. #3
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    setInterval(size, 10, cible, new_width);
    Elle sort d'o� cette syntaxe ? setInterval ne prend que 2 arguments, le code � ex�cuter (sous forme de cha�ne, ce qui n'est pas tr�s bien ou de fonction ce qui est mieux) et un intervalle en ms !
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    setInterval(function(){//tes instructions},ms);
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Docking menu style Mac
    Par franck06 dans le forum D�buter
    R�ponses: 0
    Dernier message: 14/02/2013, 15h09
  2. Menu dock style MAC OS
    Par Invit� dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 25/06/2012, 12h47
  3. Dock comme Mac OSX sur un formulaire
    Par rams085 dans le forum Contribuez
    R�ponses: 1
    Dernier message: 26/06/2007, 13h01
  4. Cr�ation d'un dock (style mac os X)
    Par Larsen00 dans le forum Flash
    R�ponses: 7
    Dernier message: 09/01/2007, 09h46
  5. Cr�er un Dock style mac
    Par Johnny P. dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 26/11/2006, 17h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo