begin process at 2012 02 14 09:52:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Scroll ou retour en haut de page : besoin d'aide pour un script


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

Scroll ou retour en haut de page : besoin d'aide pour un script

samedi 18 octobre 2008 à 14:57:24 | Scroll ou retour en haut de page : besoin d'aide pour un script

Le Condor


Bonjour à tous,

J'espère que ma demande arrive dans la section appropriée. J'étais un peu perdu.

Je recherche un moyen efficace et "confortable" pour effectuer un " scroll to top" ou un "retour en haut de page" ...
Comme ici :  Voir la petite FLECHE ROUGE à droite de l'écran >>>

J'ai essayé de récupérer la source, mais sans succès ? Ce système me conviendrait ...

Est-il possible de récupérer cette source ?
Connaissez-vous d'autres sources de qualité pour cette fonction ?
C'est bien du javascript, n'est-ce pas ?

Je remercie par avance tous ceux qui pourraient passer quelques minutes pour m'aider ou m'orienter car je suis en panne.

Merci,

Le Condor.

samedi 18 octobre 2008 à 15:50:47 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

kazma

Administrateur CodeS-SourceS
bonjour
pour recupere le script fait fichier enregistrer sous dans le dossier principale
le nom du fichierfloat_arrow.js  apparement c'est celui ci
samedi 18 octobre 2008 à 16:02:09 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

bultez

Membre Club

bonjour,

en fait c'est assez simple.

tu ajoutes dans ta page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <img    alt="Revenir en Haut"
              onclick="location.href='#';"
              id="fleche"
              style="position:fixed;top:10px;left:85%;"      
              src="verslehaut.gif">


si tu veux une compatibilité avec les anciennes version des navigateurs
( ie6 par exemple et d'autres )

remplace position:fixed par position:absolute
et en javascript :

    window.onscroll=function()
    { document.getElementById("fleche").style.top = document.body.scrollTop+10+"px";


Cordialement

          Bul [mon Site] [M'écrire]         

samedi 18 octobre 2008 à 16:37:56 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

bultez

Membre Club
avec fixed, % en top c'est plus mieux ?

<img    alt="Revenir en Haut"
        onclick="location.href='#';"
        style="position:fixed;top:10%;left:85%;"      
        src="verslehaut.gif">


          Bul [mon Site] [M'écrire]         

dimanche 19 octobre 2008 à 13:02:36 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

Le Condor


Bonjour Kazma, Bonjour Bultez,

Merci beaucoup pour vos réponses.

Comme vous le savez, je voulais récupérez l'effet produit sur cette source
Voir la petite FLECHE ROUGE à droite de l'écran >>>

J'ai essayé d'exploiter vos réponses au mieux mais je n'ai pas su reproduire l'effet dans sa totalité ...

Je voudrais vraiment récupérer l'effet flottant sur la petite flèche ... Comme vous pouvez le voir ici, je n'y suis pas parvenu >>>
La petite flèche ne bouge pas ... Pourtant j'ai réussi à récupérer le fichier arrow_float.js   mais je n'ai pas su intégrer le tout ensuite.

Pouvez-vous m'aider à passer cet obstacle ?

Merci,

Le Condor.

dimanche 19 octobre 2008 à 15:21:42 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

bultez

Membre Club


pas de script à récupérer !
du html+css sans rien d'autre

<img    alt="Revenir en Haut"
        onclick="location.href='#';"
        style="position:fixed;top:10%;left:85%;"      
        src="verslehaut.gif">

ça le fait ...
si tu ajoutes en début de la page, devant la balise <html> ,
le bon doctype :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

( on causera après si tu veux de la compatibilité avec
  les anciennes versions des navigateurs )

essaye, et dis nous.

@+
dimanche 19 octobre 2008 à 15:24:35 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

bultez

Membre Club

quand je dis html+css, faut ajouter + javascript
ce qui figure dans le onclick="location.href='#';"

quand à, mon foie, l'effet flottant....
je ne vois pas de quoi tu causes ?

le fait que l'image se déplace si on scrolle ?
çà marche ça.
dimanche 19 octobre 2008 à 15:31:13 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

bultez

Membre Club
essaye ça ... tel qule :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<body>
<img    alt="Revenir en Haut"
        onclick="location.href='#';"
        style="position:fixed;top:10%;left:85%;"     
        src="verslehaut.gif">
         
<script>
    // pour assurer la possibilité du scroll
    // ( + en horizontal ça baignerait aussi ) !
    for ( var n=0;n<1234; n++)
    {    document.writeln(n+"<br :>");    }
</script>
</body>
</html>


          Bul [mon Site] [M'écrire]        

dimanche 19 octobre 2008 à 15:57:56 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

Le Condor


Merci Bultez,

Je regardes tout ça maintenant ... et je te re-contactes pour l'histoire de la compatibilité,

Merci vraiment pour tes réponses,

Le Condor.
dimanche 19 octobre 2008 à 16:47:24 | Re : Scroll ou retour en haut de page : besoin d'aide pour un script

Le Condor


Désolé, Bultez, je t'embêtes ...

Je n'arrive pas à mettre en pratique le contenu que tu me transmets ...
Peut-être aussi qu'on ne se comprends pas complètement.

Voici ce que j'ai fait:    J'ai fait 2 pages pour décomposer le souci
  1. Sur la 1ère page >>>> La technique pour retourner en haut de la page marche ... mais par rapport à ce que j'appelle l'effet "flottant", il n'est pas là.
Quand je parle d'effet flottant, je veux dire que sur la source originelle... la petite flèche rouge se déplace ... Pas ici. La flèche est localisée à un point fixe de l'écran.
Cet effet est sympa ; j'aimerai pouvoir le reproduire si celà est possible.


     2. Sur la 2ème page >>>>  J'ai un problème avec la 2ème partie du code.
Montexte se positionne à la 1234 ème ligne !

<script>
    for ( var n=0;n<1234; n++)
    {    document.writeln(n+"<br :>");    }
</script>

Jettes un coup d'oeil au code source de mes 2 pages. Je pense avoir mis en application tes consignes mais j'ai pu commettre des erreurs. Ou avoir mal compris.

Qu'est-ce qui ne fonctionne pas ?

Merci beaucoup pour ton aide,

Le Condor




1 2 3

Cette discussion est classée dans : aide, page, scroll, retour, haut


Répondre à ce message

Sujets en rapport avec ce message

Frames et scroll [ par thetruche ] Bonjour,Voici mon problème:J'ai un site ou il y a un haut de page, un gros menu à gauche avec des layers et un le contenu à sa droite.le soucis est qu retour haut de page [ par djudju45 ] Salut,je voudrais mettre des liens qui puisse permettre au visiteur de mon site tout en haut ou tout en bas ou à un point précis sur la page qu'il reg retour haut de page [ par djudju45 ] Salut,je voudrais mettre un lien qui puisse permettre au visiteur de mon site d'aller tout en haut ou tout en bas ou à un point précis.Quelqu'un aurai Retour en haut de page [ par dda55 ] Bonjour j'ai créé un page HTML classique dans laquelle pour me facilité j'ai fixé la base du href exemple :\\mf\Process\Operations\">le probleme c'est Aide Mon bouton ne se rafraichit pas!!! [ par pops83 ] Bonjour!Mon Problème est simple j'ai crée un bouton grace à et lorsque je modifie un paramètre du style(width ou height) ça ne le change pas sur ma p aide pour menu [ par piou88 ] Bonjour les gens! je ne savais pas trop ou mettre cette question donc j'essaye ici, enfin bref... Je voulai savoir comment faut-il fai aide à une débutante [ par drumgirl ] Bonjour, je suis désolée mais je débute total en javascript.J'ai une page HTML avec du javascript (sélecteur de date et agrandissement de ma fenetre). besoin d'aide en js [ par lordfinalff ] voila mon dilem ... je ne sait pas programmer en javascript mais j'aurai besoin d'un tout petit service ...Si quelqu'un pouvais m'aider a trouver un c Aide centrer video d'une page [ par Flowwwww ] Bonjour, j'ai vue sur raven l'orsque l'on ouvre une video veoh (donc une page) il y avait la page qui souvre dans un cadre et la video se place automa History.back()... [ par sebalex ] Bonjour à tous,Voici mon problème. J'ai une page avec des possibilités de recherche sous forme de Champs. Une fois que la recherche est faite, on arri


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 1,014 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales