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 :

Executer une fonction js au chargement de la page


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut Executer une fonction js au chargement de la page
    Salut a tous,

    en fait j'ai fait un petit message d'alerte qui averti que l'utilisateur doit activer javascript si il n'est pas activer chez lui.

    Pour cela j'utlise une fonction javascript qui cache le message lorsque js est activé.

    Mais il me faut un évenement qui s'execute des le chargement de la page. Et je crois que l'événement OnLoad ne marche que sous IE.

    Vous utiliserez quel évenement vous?

  2. #2
    Membre averti

    Homme Profil pro
    Ingénieur qualité méthodes
    Inscrit en
    Mars 2004
    Messages
    220
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur qualité méthodes
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Mars 2004
    Messages : 220
    Points : 322
    Points
    322
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <html>
    	<head>
    		<script type="text/javascript">
    			function f1()
    			{
    				alert("coucou") ;
    			} ;
    		</script>
    	</head>
    	<body onload="javascript:f1()">
    	</body>
    </html>
    onload marche très bien sous IE.

  3. #3
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    Citation Envoyé par azertyman
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <html>
    	<head>
    		<script type="text/javascript">
    			function f1()
    			{
    				alert("coucou") ;
    			} ;
    		</script>
    	</head>
    	<body onload="javascript:f1()">
    	</body>
    </html>
    onload marche très bien sous IE.
    *

    Oui c'est ce que je dis mais pas sur les autre navigateurs

  4. #4
    Membre actif
    Avatar de jak0
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    272
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 272
    Points : 219
    Points
    219
    Par défaut
    IE et FF l'interprete correctement, pour ce qui est des navigateurs comme Opera, les trucs de Linux ou des FAI, j'en sais rien par contre.

    Il faut souligner que si le javascript n'est pas activé, le onload ne sera effectivement pas interpreter, il faut que tu regarde du coté des balises <noscript> ...

  5. #5
    Membre averti

    Homme Profil pro
    Ingénieur qualité méthodes
    Inscrit en
    Mars 2004
    Messages
    220
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur qualité méthodes
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Mars 2004
    Messages : 220
    Points : 322
    Points
    322
    Par défaut
    et simplement la placer dans le head ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <body>
    <noscript> merci d'activer javascript</noscript>
    <div id="mapage" style="display:none;">
    le site entier ici ...
    </div>
    <script type='text/javascript'>
    document.getElementById('mapage').style.display='' 
    </script>
    </body>
    </html>

  7. #7
    Membre actif
    Avatar de jak0
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    272
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 272
    Points : 219
    Points
    219
    Par défaut
    Oui, je suis tout à fait d'accord avec spaceFrog, on voit bien ceux qui ont déjà rouler leur bosse en la matière...

    Toutefois une petite précision, il serai un tantinet plus rigoureux d'écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ocument.getElementById('mapage').style.display='block';

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    rigoureux oui mais pas accepté par tous les browsers ...
    des fois il faut savoir se débarasser de trop de rigueur ...

  9. #9
    Membre actif
    Avatar de jak0
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    272
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 272
    Points : 219
    Points
    219
    Par défaut
    Citation Envoyé par SpaceFrog
    rigoureux oui mais pas accepté par tous les browsers ...
    des fois il faut savoir se débarasser de trop de rigueur ...
    OK lol, merci de la précision, je n'en savais rien...

  10. #10
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    a je connaissais pas l'existence des balises noscript.

    Le code qui est dedans s'affiche juste si le javascript n'est pas affiché c'est ca?

    Je voulais réinventer cette méthode lol.

  11. #11
    Membre actif
    Avatar de jak0
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    272
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 272
    Points : 219
    Points
    219
    Par défaut
    Citation Envoyé par Death83
    a je connaissais pas l'existence des balises noscript.

    Le code qui est dedans s'affiche juste si le javascript n'est pas affiché c'est ca?

    Je voulais réinventer cette méthode lol.
    Oui le code inclus dans les balises noscript est interpreté si le navigateur ne prend pas en charge (ou desactive) l'interpreteur du script inclus dans la balise script dont elles dépendent...

  12. #12
    Membre expérimenté
    Avatar de Linaa
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    987
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 987
    Points : 1 309
    Points
    1 309
    Par défaut
    C'est ptete un peu lourd, mais peut-on faire ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <noscript> ... site sans js ... </noscript>
       -- site avec js --

  13. #13
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    oui on peut tout à fait le faire... c'est d'ailleurs comme cela qu'ont été conçus les premiers sites script no script ... (doubles sites)

  14. #14
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    Et on peut mettre du php a l'intérieur de cette balise? Dans ce cas la c'est beaucoup plus simple.

  15. #15
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    Citation Envoyé par Death83
    Et on peut mettre du php a l'intérieur de cette balise? Dans ce cas la c'est beaucoup plus simple.
    -> essaie!

  16. #16
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 665
    Points
    66 665
    Billets dans le blog
    1
    Par défaut
    lol ...
    heu rappelle moi de quel coté est interprété le html ...
    client ou serveur ?

    tu peux tout à fait construire ta page en php avec des balises noscript ...

  17. #17
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    Non mais par exemple je pensais faire:

    <noscript><?php $JS=0;?></noscript>

    en faisant ca ca aurait pu peut etre marcher. Mais bon je ne sais pas comment fonctionne la balise noscript. Si c'est interpréter comme du HTML ou du JS. Ca peut tres bien etre interpréter sur le serveur . Enfin c'était just eune question .

  18. #18
    Membre actif
    Avatar de jak0
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    272
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 272
    Points : 219
    Points
    219
    Par défaut
    Non, ce que je te propose, c'est plutot :

    index.html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <html>
      <body>
        <script>
          document.write("<a href='js.html'>");
        </script>
        <noscript>
          <a href='nojs.html'>
        </noscript>
        Entrer</a>
      </body>
    </html>
    Comme ca, selon la présence de javascript, tu accède à la page que tu veut...

  19. #19
    Membre éclairé Avatar de Death83
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    1 667
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 1 667
    Points : 878
    Points
    878
    Par défaut
    Oui mais vu que je veut juste afficher un message pour avertir que pour utiliser que pour utiliser les boutons de mon éditeurs de texte l'utilisateur doit activer le JS.

    Ca suffira pas besoin de faire un epage par cas .

Discussions similaires

  1. Réponses: 1
    Dernier message: 27/04/2012, 09h31
  2. executer une fonction javascript apres tous le chargement de la page
    Par interhossa007 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 16/10/2008, 17h36
  3. executer une fonction JS a chaque chargement de page
    Par drinkmilk dans le forum Firefox
    Réponses: 1
    Dernier message: 09/11/2007, 15h25
  4. executer une fonction à la fermeture d'une fenêtre
    Par Oluha dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 22/02/2005, 09h46
  5. [Reflection] Executer une fonction dont le nom est contenu dans un String
    Par christobal dans le forum API standards et tierces
    Réponses: 8
    Dernier message: 05/07/2004, 15h23

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