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 :

Chargement de page en arrière plan onmouseover et apparition onclick


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut Chargement de page en arrière plan onmouseover et apparition onclick
    Bonjour à tous , j'ai un site composée de plusieurs pages en cliquant sur la page photo par exemple ce dernier se charge , je veux changer le procédure en chargeant la page onmouseover jusqu'à maintenant tous va bien , le problème que je veux que la page se charge en arrière-plan càd display:hidden et qu'il n’apparaît que lorsque le visiteur clique sur la page (onclick) merci d'avance pour votre aide.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    certes et où as tu un problème de mise en oeuvre?
    onclick -> display='block'

  3. #3
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut
    merci pour votre réponse, mon problème est que je veux lancer le chargement sur l’événement onMouseover mais en hidden comment je peux traduire ça en code et merci d'avance

  4. #4
    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 637
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    avec jquery et load() ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut
    je dois mieux expliquer mon objectif, la navigation entre les pages de site se fait sur l'evenement onclikc() comme suit:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div>
    <ul>
    <li class="liMenuAuthent" style="" rel="menu95" onclick="document.location='http://development.www.chatpassion.org/rencontre/';">
    <li class="liMenuAuthent" style="" rel="menu64" onclick="document.location='http://development.www.chatpassion.org/photo/';">
    <li class="liMenuAuthent" style="" rel="menu79" onclick="document.location='http://development.www.chatpassion.org/video/';">
    <li class="liMenuAuthent" style="" rel="menu59" onclick="document.location='http://development.www.chatpassion.org/music/';">
     
    </ul>
    </div>
    je veux gagner du temps par déclencher le document.location sur onMouseOver comme suit:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onMouseOver="document.location='http://development.www.chatpassion.org/music/';"
    comment je peux cet événement et apparaître sur l'événement onClick() , merci pour vous

  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 637
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    en tant que tel tu ne peux pas ...
    qui dit click sur un lien dit changement de page ...

    Une bidouille serait d'avoir un iframe caché qui au survol chargerait le lien de la balise a dans l'iframe, mettant ainsi la page de destination en cache.
    Du coup lors du click sur le lien la page se chargerais depuis le cache, accélérant ainsi son chargement mais cela doubles le nombre de connexions....

    Avec Jquery et load, il te serait possible de charge la page dans un div caché sans changer de page avec load() et d'afficher ce div lors du click sur le lien en inhibant le href et en restant sur la même page
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut
    j'ai essayé de traduire ce que vous me disez:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <script type="text/javascript">
    $( document ).ready(function() {
    (".liMenuAuthent").onMouseOver($("#divhidden").load("http://development.www.chatpassion.org/rencontre/"));
    (".liMenuAuthent").Onclick($("#divhidden").css('display','block'))});
    </script>
    <div id="divhidden" style="display:none"></div>
    ya t'il de fautes en ça ? merci d'avance

  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 637
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    oui ...
    onMouseOver et Onclick n'existent pas en jquery ...

    => mouseover et click
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut
    merci bien pour votre réponse mais reste non fonctionnelle :/

  10. #10
    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 637
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    c'est sur qu'avec des li vides ... le résultat reste palot ...
    (jeu de mot involontaire ...)

    http://jsfiddle.net/GhHKn/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  11. #11
    Membre à l'essai
    Homme Profil pro
    Chercheur en informatique
    Inscrit en
    Novembre 2013
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Chercheur en informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2013
    Messages : 45
    Points : 16
    Points
    16
    Par défaut
    merci bien pur vous ce super

  12. #12
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Citation Envoyé par la-ilaha-ila-allah
    merci bien pur vous ce super
    en clair ou NON ???
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    if( resolu){
      button.push( resolu); // merci !
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Page mise en arrière plan au chargement
    Par beeeeeennnnnn dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 10/11/2010, 00h05
  2. [CS4] Problème de mise à jour Modèle / Pages enfants (arrière plan)
    Par jalexd dans le forum Dreamweaver
    Réponses: 4
    Dernier message: 01/05/2009, 23h47
  3. Execution d'une page en arrière plan
    Par ePsymon dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/04/2008, 10h55
  4. Ouvrir une page en arrière-plan
    Par Perceuse-Killer dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 08/02/2008, 11h05
  5. Faire appel à une page en arrière plan
    Par Linuxux dans le forum Langage
    Réponses: 5
    Dernier message: 08/07/2006, 20h12

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