j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne
automatiquement en haut l'écran visible
si c'est pas tres clair j'aimerai faire comme sur le site de c-discount pour
les dvd à 9,99? regarder la notion de panier qui suit au fur et a mesure que
l'on descend
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Bul
bonjour, function Bouge() // ce que l'on veut "déplacer" possède // style="position:'absolute';top:0;'left:80%'... par exemple { div ou img ou autre, enfin ce que l'on veut déplacer.style.top document.body.scrollTop+(document.body.clientHeight/2); } // ici au milieu de la hauteur de la page
et dans <body> : window.onscroll=Bouge;
loin d'être sûr que cela fonctionne sur tous les navigateurs !! @+
bonjour,
function Bouge()
// ce que l'on veut "déplacer" possède
// style="position:'absolute';top:0;'left:80%'... par exemple
{ div ou img ou autre, enfin ce que l'on veut déplacer.style.top document.body.scrollTop+(document.body.clientHeight/2); }
// ici au milieu de la hauteur de la page
et dans <body> : window.onscroll=Bouge;
loin d'être sûr que cela fonctionne
sur tous les navigateurs !!
@+
bonjour, function Bouge() // ce que l'on veut "déplacer" possède // style="position:'absolute';top:0;'left:80%'... par exemple { div ou img ou autre, enfin ce que l'on veut déplacer.style.top document.body.scrollTop+(document.body.clientHeight/2); } // ici au milieu de la hauteur de la page
et dans <body> : window.onscroll=Bouge;
loin d'être sûr que cela fonctionne sur tous les navigateurs !! @+
ASM
Bonjour à tous
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
------- Soluce en CSS -------- (marche pô avec NC4,5) Faire une image du chose-machin mettre dans le head : <style type="text/css"><!-- body { background-image: url(chosemachin.gif); background-position: 10px 20px; background-repeat: no-repeat; background-attachment: fixed; } --></style>
-------- Autre en CSS + div -------- (mais donnerait de mauvais résultats avec IE Windows) (marche pô avec NC4) <style type="text/css"><!-- #note { position:fixed; top: 10px; left: 10px; width: 120px; background:yellow; } --></style> <div id="note">blabla</div>
------- solution en JavaScript + DOM -------- (testé IE et NC ttes versions) <script type="text/javascript"> function scrolldiv(id){ var temp, div; var dom = document.getElementById; if (document.all) { temp=document.body.scrollTop div= document.all[id].style; } else { temp = window.pageYOffset; if(dom) div=document.getElementById(id).style; else if(document.layers) div=document.layers[id]; else div=document.id; } div.left = dom? '5px' : 5 ; div.top = dom? (5+temp)*1+'px' : (5+temp)*1; } function init(){ setInterval("scrolldiv('message')",200) } window.onload=init; </script> <div id="message" style="position:absolute;top:0;left:0;z-index:100; width:100px;background:#ffc;border:1px solid blue;color:blue; font-family:courier,courrier,courier new,arial;"> <h3>Post-it</h3> <p>Voici une petite note d'info a l'attention des nombreux visteurs </div>
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne
automatiquement en haut l'écran visible
------- Soluce en CSS --------
(marche pô avec NC4,5)
Faire une image du chose-machin
mettre dans le head :
<style type="text/css"><!--
body {
background-image: url(chosemachin.gif);
background-position: 10px 20px;
background-repeat: no-repeat;
background-attachment: fixed;
}
--></style>
-------- Autre en CSS + div --------
(mais donnerait de mauvais résultats avec IE Windows)
(marche pô avec NC4)
<style type="text/css"><!--
#note {
position:fixed;
top: 10px; left: 10px;
width: 120px; background:yellow;
}
--></style>
<div id="note">blabla</div>
------- solution en JavaScript + DOM --------
(testé IE et NC ttes versions)
<script type="text/javascript">
function scrolldiv(id){
var temp, div;
var dom = document.getElementById;
if (document.all) {
temp=document.body.scrollTop
div= document.all[id].style;
}
else {
temp = window.pageYOffset;
if(dom)
div=document.getElementById(id).style;
else
if(document.layers)
div=document.layers[id];
else
div=document.id;
}
div.left = dom? '5px' : 5 ;
div.top = dom? (5+temp)*1+'px' : (5+temp)*1;
}
function init(){
setInterval("scrolldiv('message')",200)
}
window.onload=init;
</script>
<div id="message" style="position:absolute;top:0;left:0;z-index:100;
width:100px;background:#ffc;border:1px solid blue;color:blue;
font-family:courier,courrier,courier new,arial;">
<h3>Post-it</h3>
<p>Voici une petite note d'info a l'attention des nombreux visteurs
</div>
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
------- Soluce en CSS -------- (marche pô avec NC4,5) Faire une image du chose-machin mettre dans le head : <style type="text/css"><!-- body { background-image: url(chosemachin.gif); background-position: 10px 20px; background-repeat: no-repeat; background-attachment: fixed; } --></style>
-------- Autre en CSS + div -------- (mais donnerait de mauvais résultats avec IE Windows) (marche pô avec NC4) <style type="text/css"><!-- #note { position:fixed; top: 10px; left: 10px; width: 120px; background:yellow; } --></style> <div id="note">blabla</div>
------- solution en JavaScript + DOM -------- (testé IE et NC ttes versions) <script type="text/javascript"> function scrolldiv(id){ var temp, div; var dom = document.getElementById; if (document.all) { temp=document.body.scrollTop div= document.all[id].style; } else { temp = window.pageYOffset; if(dom) div=document.getElementById(id).style; else if(document.layers) div=document.layers[id]; else div=document.id; } div.left = dom? '5px' : 5 ; div.top = dom? (5+temp)*1+'px' : (5+temp)*1; } function init(){ setInterval("scrolldiv('message')",200) } window.onload=init; </script> <div id="message" style="position:absolute;top:0;left:0;z-index:100; width:100px;background:#ffc;border:1px solid blue;color:blue; font-family:courier,courrier,courier new,arial;"> <h3>Post-it</h3> <p>Voici une petite note d'info a l'attention des nombreux visteurs </div>
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
si c'est pas tres clair j'aimerai faire comme sur le site de c-discount pour les dvd à 9,99? regarder la notion de panier qui suit au fur et a mesure que l'on descend
merci d'avance
Salut Si tu veux faire exactement la meme chose, affiche leur source et pompe le code ... l'HTML / CSS / Javascript est open-source ... :-) A+ -- Thibault
TheLolo wrote:
Bonjour à tous
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne
automatiquement en haut l'écran visible
si c'est pas tres clair j'aimerai faire comme sur le site de c-discount pour
les dvd à 9,99? regarder la notion de panier qui suit au fur et a mesure que
l'on descend
merci d'avance
Salut
Si tu veux faire exactement la meme chose, affiche leur source et pompe
le code ... l'HTML / CSS / Javascript est open-source ... :-)
A+
--
Thibault
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
si c'est pas tres clair j'aimerai faire comme sur le site de c-discount pour les dvd à 9,99? regarder la notion de panier qui suit au fur et a mesure que l'on descend
merci d'avance
Salut Si tu veux faire exactement la meme chose, affiche leur source et pompe le code ... l'HTML / CSS / Javascript est open-source ... :-) A+ -- Thibault
Pierre Goiffon
"TheLolo" a écrit dans le message de news:416663c2$0$6176$
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
La solution la plus légère serait d'utiliser le position: fixed CSS. Sauf que... ça ne fonctionne pas sous IE, bien entendu. Il existe cependant beaucoup de contournements (utilisant JavaScript le plus souvent, ce qui fait que vous n'êtes pas hors charte quelques part ;o) ), vous devriez facilement trouver facilement votre bonheur via Google (en particulier en cherchant dans les archives de fr.comp.infosystemes.www.auteurs)
"TheLolo" <laurent.difraja@free.fr> a écrit dans le message de
news:416663c2$0$6176$626a14ce@news.free.fr
j'aimerai mettre sur mon bord de page un cadre avec une info dedans
mais qui suivrai la page meme si on utilise l'ascenseur qui se
repositionne automatiquement en haut l'écran visible
La solution la plus légère serait d'utiliser le position: fixed CSS. Sauf
que... ça ne fonctionne pas sous IE, bien entendu. Il existe cependant
beaucoup de contournements (utilisant JavaScript le plus souvent, ce qui
fait que vous n'êtes pas hors charte quelques part ;o) ), vous devriez
facilement trouver facilement votre bonheur via Google (en particulier en
cherchant dans les archives de fr.comp.infosystemes.www.auteurs)
"TheLolo" a écrit dans le message de news:416663c2$0$6176$
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
La solution la plus légère serait d'utiliser le position: fixed CSS. Sauf que... ça ne fonctionne pas sous IE, bien entendu. Il existe cependant beaucoup de contournements (utilisant JavaScript le plus souvent, ce qui fait que vous n'êtes pas hors charte quelques part ;o) ), vous devriez facilement trouver facilement votre bonheur via Google (en particulier en cherchant dans les archives de fr.comp.infosystemes.www.auteurs)
Le Fou
TheLolo a écrit
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
http://batraciens.net/css-astuces/zone-fixe-1.htm
-- A'tchao
Le Fou http://perso.club-internet.fr/ehiller/ http://club.exocet.free.fr/ http://www.ffessm-cd84.com/
TheLolo <laurent.difraja@free.fr> a écrit
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais
qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne
automatiquement en haut l'écran visible
http://batraciens.net/css-astuces/zone-fixe-1.htm
--
A'tchao
Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
j'aimerai mettre sur mon bord de page un cadre avec une info dedans mais qui
suivrai la page meme si on utilise l'ascenseur qui se repositionne automatiquement en haut l'écran visible
http://batraciens.net/css-astuces/zone-fixe-1.htm
-- A'tchao
Le Fou http://perso.club-internet.fr/ehiller/ http://club.exocet.free.fr/ http://www.ffessm-cd84.com/
ASM
http://batraciens.net/css-astuces/zone-fixe-1.htm
Ha ! Oui ! Encore un Hack pour IE Windows !
Et pour mon IE Mac ? je dois me farcir ce hack ? alors que je n'en ai pas besoin (sauf les liens ?) En plus : rigolo c'est écrit tellement petit que je fais afficher en 150% et alors ... et alors ... le fixe du bas est à 1/2 passé dehors (vers le bas) !
Et pour mon IE Mac ? je dois me farcir ce hack ?
alors que je n'en ai pas besoin (sauf les liens ?)
En plus : rigolo
c'est écrit tellement petit que je fais afficher en 150%
et alors ...
et alors ...
le fixe du bas est à 1/2 passé dehors (vers le bas) !
Et pour mon IE Mac ? je dois me farcir ce hack ? alors que je n'en ai pas besoin (sauf les liens ?) En plus : rigolo c'est écrit tellement petit que je fais afficher en 150% et alors ... et alors ... le fixe du bas est à 1/2 passé dehors (vers le bas) !
Et pour mon IE Mac ? je dois me farcir ce hack ? alors que je n'en ai pas besoin (sauf les liens ?) En plus : rigolo c'est écrit tellement petit que je fais afficher en 150% et alors ... et alors ... le fixe du bas est à 1/2 passé dehors (vers le bas) !
Pourquoi tu m'engueules moi ? Prends-toi-s-en à Christophe, tu dois connaître... ;-)
-- A'tchao
Le Fou http://perso.club-internet.fr/ehiller/ http://club.exocet.free.fr/ http://www.ffessm-cd84.com/
ASM <stephaneOTEZ-MOImoriaux@wanadoo.fr> a écrit
http://batraciens.net/css-astuces/zone-fixe-1.htm
Ha ! Oui ! Encore un Hack pour IE Windows !
Et pour mon IE Mac ? je dois me farcir ce hack ?
alors que je n'en ai pas besoin (sauf les liens ?)
En plus : rigolo
c'est écrit tellement petit que je fais afficher en 150%
et alors ...
et alors ...
le fixe du bas est à 1/2 passé dehors (vers le bas) !
Pourquoi tu m'engueules moi ?
Prends-toi-s-en à Christophe, tu dois connaître...
;-)
--
A'tchao
Le Fou
http://perso.club-internet.fr/ehiller/
http://club.exocet.free.fr/
http://www.ffessm-cd84.com/
Et pour mon IE Mac ? je dois me farcir ce hack ? alors que je n'en ai pas besoin (sauf les liens ?) En plus : rigolo c'est écrit tellement petit que je fais afficher en 150% et alors ... et alors ... le fixe du bas est à 1/2 passé dehors (vers le bas) !
Pourquoi tu m'engueules moi ? Prends-toi-s-en à Christophe, tu dois connaître... ;-)
-- A'tchao
Le Fou http://perso.club-internet.fr/ehiller/ http://club.exocet.free.fr/ http://www.ffessm-cd84.com/
ASM
ASM a écrit
http://batraciens.net/css-astuces/zone-fixe-1.htm
Pourquoi tu m'engueules moi ?
d'abord j'engueule tous les windowsiens qui s'en foutent
et ... tu le fais exprès ? c'est bien toi qui file le tuyau (percé) non ?
