Discussion :

[Matteo53]

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

[NoSmoking]

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.

[Matteo53]

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.

[SpaceFrog]

un iframe ?

[Matteo53]

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

[SpaceFrog]

Sinon avec un load mais qui pointe sur une page de ton domaine qui fait un curl ...

[Matteo53]

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