Discussion :

[clairetj]

Bonjour a toutes et tous,

Je démarre tout juste dans l'AJAX pour les besoin de mon projet d'alternance, et j'aurai besoin de votre aide pour quelque chose qui va sans doute vous paraitre bête.
Lorsque j'appuie sur un bouton de ma page web, je déclenche mon script javascript (en utilisant jQuery) pour envoyer une requête AJAX pour obtenir une page web:

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
20
21
22
23
24
25
 
jQuery(document).ready(function()       //On attend que la page soit entièrement chargée pour exécuter le script Javascript
		{
		    jQuery("#boutonAjax").click(function()    //Lorsque l'on clique sur le bouton dont l'identifiant est boutonAjax
			{
		       jQuery.ajax(
			   {
					url: 'http://localhost/dossierTest/test1.php',      
					type: 'GET',                                   
					//data:                                        
					dataType: 'HTML',                             
					success : function(code_html, statut){         
						alert('Chargement réussi');
						jQuery('.resultatRequeteAjax').html(code_html);
					},
					error: function(resultat, statut, erreur){     
						alert('Echec');
					},
					complete: function(resultat, statut){          
						alert('Appel AJAX effectué');
					}
			   });
		    });
 
		});

L'idée de cette requête est de pouvoir savoir si ma page existe bien, et de pouvoir retourner un visuel que je mets dans un div ayant la classe "resultatRequeteAjax".
Lorsque je fais mes tests, tout fonctionne bien, j'obtiens bien le code de ma page test1.php et elle s'affiche bien dans ma div
Sauf que dans ma page test1.php j'ai plusieurs lien pour me diriger dans mon site. Et je voudrais rendre ces liens inutilisable (afin d'éviter de cliquer dessus et partir vers d'autres pages).
En gros, je voudrais que la page s'affiche comme si c'était un screenshot de la page.

Savez-vous si c'est réalisable et si oui, avez-vous une idée sur la façon de procéder.

Dans l'attente de vos réponses,
Cordialement

[comode]

Est-ce réalisable, je peux me tromper mais je serais tenté de dire que non sans passer par des outils tiers.

Par contre, tu dois pouvoir tricher et empêcher qu'on clique sur tes liens en recouvrant ton aperçu d'un <div> au dimension de ton aperçu et dont l'opacité est nulle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="position:absolute;...positionnement...;background-color:#FFFFFF;opacity:0;"

Cela ne rend bien sur pas les liens totalement inclicable pour qui veut absolument cliquer dessus, mais si tu n'as pas de contraintes de sécurité, ça doit pouvoir le faire.

Par ailleurs, il pourrait y avoir débat sur ce qui est le mieux entre une div et une iframe pour afficher ton aperçu.

[NoSmoking]

Par ailleurs, il pourrait y avoir débat sur ce qui est le mieux entre une div et une iframe pour afficher ton aperçu

Non il n'y a pas débat la solution d'une DIV recouvrant la page est solide pour peut que l'on n'aille pas triturer le DOM, (click droit -> inspecter élément...etc)

Sauf que dans ma page test1.php j'ai plusieurs lien pour me diriger dans mon site. Et je voudrais rendre ces liens inutilisable (afin d'éviter de cliquer dessus et partir vers d'autres pages).

J'ai du mal à voir l'utilité d'une telle démarche, autant ne pas générer les liens coté serveur.