begin process at 2012 05 29 20:00:07
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

Positionner verticalement une image

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Positionner verticalement une image

jeudi 5 avril 2007 à 20:31:16 | Positionner verticalement une image

eplanet
Bonjour tout le monde, voici mon problème. J'ai une page web très longue, et donc un ascenseur vertical apparait. Je veux positionner une image en positionnement absolu, tel qu'au moment où je la fait apparaitre, elle se trouve au milieu de l'écran, quelque soit la position de l'ascenseur vertical. J'ai essayé de m'intéresser aux attributs offsetHeight, scrollHeight, ou offsetTop, mais je n'arrive à rien... Si quelqu'un a la solution, je lui en serais très reconnaissant.

Vince
jeudi 5 avril 2007 à 23:50:42 | Re : Positionner verticalement une image

nhervagault

Administrateur CodeS-SourceS
Salut Je pense que c'est un hack css que tu cherches http://tfeserver.homelinux.com/news/100-Hack-css-pour-Internet-Explorer.pl D'autres astuces pour du hack css. http://www.ultra-fluide.com/ressources/css/css-hacks.htm http://www.siteduzero.com/tuto-3-4088-1-les-hack-css-pour-internet-explorer.html N'hesite pas a mettre ton code si tu trouve une solution. Bon coding.
vendredi 6 avril 2007 à 08:01:16 | Re : Positionner verticalement une image

bultez

Membre Club




Bonjour,


//------------------- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --
function SuitScrollBar(obj,haut)    //-- replacer --
//------------------- - - - - - - - - - - - - - - - - - - - - - - - - - - - - ---
{
    obj.style.top = document.body.scrollTop+haut;   
    // on pourrait faire la même chose avec left.
}


    window.onscroll=function()
    { SuitScrollBar(document.getElementById("une_image"),20); } ;
    

il existe une possibilité en css, qui fonctionne avec FF et consors
    ainsi qu'avec IE à partir de la version 7 ( je n'ai pas testé avec IE )
Cordialement            Bul     [mon Site]     [M'écrire]
vendredi 6 avril 2007 à 16:47:18 | Re : Positionner verticalement une image

eplanet
Apparemment ca ne fonctionne pas avec scrollTop... Voici mon code :

    var contenu = document.getElementById("contenu");
    var infosJoueur = document.createElement("div");
    infosJoueur.id="infosJoueur";
    infosJoueur.innerHTML = "coucou";
    contenu.appendChild(infosJoueur);
    infosJoueur.style.top=document.body.scrollTop;

"infosJoueur" est en positionnement absolu et "contenu" est en positionnement relatif (je ne sais pas si ça a une importance).

Vince
vendredi 6 avril 2007 à 17:01:42 | Re : Positionner verticalement une image

bultez

Membre Club




si, si... ça marche. je suis affirmatif. ( IE, FF, K-Meleon.... )

mais là, avec le peu de billes que tu nous donnes,
    impossible de dire où tu commets une erreur...
    ( ni l'erreur, ni l'appel, ni le html ... )

appliques "tel quel"... tu verras que ça baigne

<body>
<img src="exemple.gif"
          id="toto" />
<script type="text/javascript">
 function SuitScrollBar(obj,haut)
 {
    obj.style.top = document.body.scrollTop+haut;   
}
    window.onscroll=function()
    { SuitScrollBar(document.getElementById("toto"),100); } ;
</script>
ici 250 lignes pour provoquer la barre de scroll....
Cordialement        Bul     [mon Site]     [M'écrire]
vendredi 6 avril 2007 à 17:09:45 | Re : Positionner verticalement une image

eplanet
J'applique tel quel mais ca n'a pas l'air de marcher... J'ai peut-être mal compris quelque chose... Voici le lien : http://www.eplanet.fr/test.htm

Vince
vendredi 6 avril 2007 à 18:27:48 | Re : Positionner verticalement une image

eplanet
J'ai trouvé la solution, il faut passer par :

scrollvalue = document.documentElement.scrollTop > document.body.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
obj.style.top = scrollvalue+"px";

Je pense que c'est parce qu'il faut utiliser "documentElement" et non "body" sur certains navigateurs (dont IE7 et Firefox 2)

Vince


Cette discussion est classée dans : image, positionner, vertical, verticalement, ascenseur

Répondre à ce message

Sujets en rapport avec ce message

Image defilante verticalement [ par gringo49 ] Bonjour, Je ne connait pas du tout le javascript, je suis plus php mysql. Je recherche un script qui permet de faire défiler verticalement des images Générer un menu vertical à partir d'une image [ par hugo37 ] Bonjour à tous, j'ai un petit problème, en fait les scripts permettant d'insérer un menu déroulant ect... sont très bien sur ce site mais je n'arrive Comment positionner une image sur Kompozer avec Javascript ? [ par lilie1988 ] Bonjour à tous, Quelqu'un pourrait-il m'éclairer sur la marche à suivre pour positionner une image avec le logiciel Kompozer ? (langage javascript)J'a rollover sous une image PNG transparente [ par chabgyver ] Bonjour,Je suis en train de créer un site et pour l'instant, je m'atèle à faire le menu, je souhaiterai pour ce dernier faire un effet de rollover mai Fadein Jquery [ par Guerrilla ] Bonjour,Je cherche à faire cet effet là:http://www.prettygreen.com/On m'a orienté vers un fadein de Jquery, mais ne maitrisant pas trop le sujet, je v image [ par napoleonienes ] Bonjour,voilà, je suis administrateur d'une ligue de jeu backgammon je désirerais mettre des images sur la page officielle de case ladder mais ne sais Centrer une image quelque soit la résolution ou le navigateur. [ par mquisuisje ] <link rel="Fi deplacer une image [ par lesnouesremy ] bonjour je voudrai savoir comment deplacer une image avec le clavier.aider svp Salut a tous : activer desactiver balise href [ par Strasha ] Tout est dans le titre Je dispose d'un script qui me donne un zoom sur image.Probleme a chaque fois que je clique sur l'image il m'ouvre un nouveau deplacer une image [ par lesnouesremy ] bonjour je voudrai céer un jeu en javascript mais je n'arrive pas a déplacer le personnage.merci de m'aider moi svp!


Nos sponsors


Sondage...

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,905 sec (4)

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)