Petit effet DHTML tout simple et IE qui merdoie...

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Petit effet DHTML tout simple et IE qui merdoie...

par artotal » 22 sept. 2006, 04:43

par albat » 04 sept. 2006, 17:17

Y a matière à concours je crois... ;)
Feel free ! :wink:

par Ryle » 04 sept. 2006, 14:26

Mouais... ils sont pas mal aussi tes bugs ie.. mais cela ne vaut pas mon problème de content-type qui faisait que le premier champ de mon formulaire était aléatoirement envoyé ou non :)

Y a matière à concours je crois... ;)

par albat » 04 sept. 2006, 14:02

La solution est bonne, dans l'absolu.
J'obtiens bien l'effet souhaité. :pouce:

Mais...

Ça provoque un décalage dans ma mise en page. :evil:
Exactement le même que , tiens !


La poisse, j'vous dis... ](*,)

par Cyrano » 04 sept. 2006, 12:03

par albat » 04 sept. 2006, 11:30

Avec un "position: absolute;" cela fonctionne normalement sur IE...
Ben... non. :(

En fait, lorsque tu charges la page, Isabelle se place bien dans le coin en bas à gauche de la fenêtre,
mais si ta page est plus longue que la hauteur de ta fenêtre et si tu la parcours avec l'ascenseur,
Isabelle conserve sa position par rapport au sommet de la page et non par rapport à la fenêtre du navigateur.

En clair, quand tu descends dans ta page, Isabelle monte dans ta fenêtre. ](*,)
Et ce, sous IE comme sous Firefox. :cry:

Le position:fixed ne fonctionne pas avec IE, mais c'était la solution la plus proche jusque là... :|

par Ryle » 04 sept. 2006, 11:12

Avec un "position: absolute;" cela fonctionne normalement sur IE... j'ai pas de FF sous la main pour tester :(

Edit : euh ouais.. bon bien sur si tu es exigeant et qu'il faut que cela suive la position de l'ascenseur comme un vrai fixed, ça va pas le faire.. mais y a des script js qui font ça très bien :)

par Cyrano » 04 sept. 2006, 11:11

Tu as bien cerné le problème : IE n'interprète correctement position: fixed que pour les images d'arrière-plan.

Il faut donc trouver une alternative en faisant glisser Isabelle vers le bas si on utilise la barre de défilement pour faire monter la page et vice-versa. Je n'ai pas la méthode en mémoire pour capturer cet évènement, mais je l'ai déjà vu fonctionner...:-k

Petit effet DHTML tout simple et IE qui merdoie...

par albat » 04 sept. 2006, 10:02

Bonjour,

Je positionne dans le coin en bas à gauche de la fenêtre de mon Firefox préféré,
un petit <div> nommé "panneau" (mais j'aurais aussi bien pu l'appeler "Isabelle").

Comme je le positionne initialement en retrait, il est en grande partie masqué.
Seul un petit bouton, intitulé "ici", apparaît tout seul dans ledit coin.

En cliquant sur ledit bouton dans ledit coin, le script décale vers la droite
et donc fait apparaître ledit <div> "panneau", que j'aurais pu appeler "Isabelle" (suivez, quoi !).

Si je vous dis que ça ne marche pas avec IE... #-o
  • Isabelle est entièrement découverte :shock: (cad. le <div> "panneau" est toujours déployé)
  • le <div> "panneau" apparaît à la suite du contenu de la page (en haut, si page vide)
    et non en bas de la fenêtre quel que soit le contenu de la page affichée.
  • le bouton "ici" est inactif

Code : Tout sélectionner

<script type="text/javascript"> var visible = false; function deplace(largeur) { var objet = (document.all ? document.all['panneau'] : (document.getElementById ? document.getElementById('panneau') : (document.layers ? document.layers['panneau'] : "panneau"))); objet.style.left = (visible ? largeur : "10") + "px"; visible = !visible; } </script> <div id="panneau" style="position:fixed;bottom:5px;left:-190px;z-index:10;"> <a href="accueil.php"><img src="images/bloc1.gif" alt="Accueil" style="width:88px;height:32px;border:solid 1px #FF0000;" /></a> <a href="contact.php"><img src="images/bloc2.gif" alt="Contact" style="width:88px;height:32px;border:solid 1px #FF0000;" /></a> <img id="bouton" src="images/vignette.gif" alt="ici" onclick="javascript: deplace(-190);" style="width:32px;cursor:help;" /> </div>
IE semble mal digérer le style position:fixed;.
Je pense que cela vient de là, mais je manque d'idée... :-k

Merci