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

jQuery Discussion :

Ouvrir une page HTML dans une DIV


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut Ouvrir une page HTML dans une DIV
    Bonjour,
    Dans le cadre d'une formation basique je dois réaliser un projet. Je coince sur une consigne : j'ai trois liens de réseaux sociaux (trois petits logos). Lors du clic sur chaque logo le lien s'ouvre à l'intérieur d'une pop in (je suppose qu'une pop in peut être un div.
    Quand je clic sur le logo la pop in s'ouvre(pas de problème), pour fermer la pop in pas de souci non plus. Mon problème est que je n'arrive pas à afficher la page html dans le div. J'ai utilisé load(). je connais vraiment le basique jQuery...

    Voici mon
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <!--pop-in resaux sociaux-->
          <div id="popIn" class="popInResaux"><p id="hide">fermer</p></div>

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    width: 400px;
     height: 400px;
     border:1px solid black;
     position: absolute;
     right: 400px;
     margin:0px;
     background-color:black;
     box-sizing: border-box;
     display: none;

    jQuery :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    $(document).ready(function(){
     
     
      $("#imgF").hover(function(){
        $(this).css("width", "30px");
        }, function(){
        $(this).css("width", "20px");
      });
     
     
        $("#imgF").click(function(e){
            $("#popIn").show();
            $("#popIn").load('https://fr-fr.facebook.com/');
            return e.preventDefault();
        });
     
        $("#hide").click(function(){
            $("#popIn").hide();
        });
    Pouvez vous me dire ou je fais les erreurs, en connaissant que le basique je ne trouve pas la solution
    merci

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Bonjour,
    ... est que je n'arrive pas à afficher la page html dans le div. J'ai utilisé load()
    la documentation est pourtant clair sur ce point : https://api.jquery.com/load/
    Additional Notes:
    Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, port, or protocol.

  3. #3
    Membre confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    Bonjour,
    Oui j'avais lu cela merci pour votre réponse. J'ai fait appel au forum et à vos compétences pour savoir si il y a une autre solution pour faire afficher la page dans le div.
    merci de me consacrer votre temps.

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    un iframe ?
    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 confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    Bonjour
    Ah oui c est vrai, je n ai pas fait une i frame parce que je croyais que c’est dépassé. Je vais essayer merci

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    Sinon avec un load mais qui pointe sur une page de ton domaine qui fait un curl ...
    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 confirmé
    Homme Profil pro
    Autre
    Inscrit en
    Mars 2021
    Messages
    206
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Autre

    Informations forums :
    Inscription : Mars 2021
    Messages : 206
    Par défaut
    Bonjour,
    je vais utiliser un iFrame le reste c'est compliqué pour moi, c'est un petit projet pour une formation très basique et surtout c'est une formation juste pour le plaisir, l'envie d'apprendre et découvrir. D'ailleurs j'ai d'autres questions j'ouvrirai un autre post pour d'autres sujets si vous aurez le temps de me répondre.
    merci encore de m'avoir consacré un peu de votre temps.
    bonne journée

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

Discussions similaires

  1. charger une page html dans un div
    Par mantalo dans le forum jQuery
    Réponses: 2
    Dernier message: 16/06/2010, 12h41
  2. Ouvrir une page HTML dans une nouvelle fenetre ou onglet
    Par noussibeau dans le forum Dépannage et Assistance
    Réponses: 8
    Dernier message: 29/07/2007, 08h37
  3. Ouvrir une page HTML dans un tableau
    Par lavm01 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/05/2007, 08h56
  4. [HTML]ouvrir une page html dans une div
    Par Phenomenium dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 16/01/2006, 17h23
  5. Ouvrir une page html DANS Access
    Par Orakle dans le forum Access
    Réponses: 3
    Dernier message: 30/11/2005, 09h22

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