ouvrir un lien enfant dans un div

**elekis** · 01/02/2006, 10h15

bonjour,

voila, j'ai le script suivant, il ne fait rien de bien compliquer, (c'est un test) mais j'ai deja un bug,

En fiat, il met dans un div, une page.php qui se trouve sur le server php.

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<!---ceci est la page index.php -->
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
			var xhr = null; 
 
	 		function getXhr(){
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
 
					document.getElementById("first").innerHTML = xhr.responseText;
 
 
					}
				}
				xhr.open("GET","test.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
 
	<div id="first" onclick="go()" style="position: absolute; top: 176px; left: 33px; width: 993px; height: 398px; background-color: rgb(18, 52, 86);"></div>
 
 
	</body>
</html>

ceci fonctionne parfaitement bien (merci au tuto dev.) mlais le hic, c'est que si test.php a du code html et a un lien. et que l'on click sur le lien, il ouvre en grand et non plus dans le div.

j'aurais boulu savoir si il y a moyen d'intercepté tout les clicks qui se trouve dans le div pour pouvoir les traité avec xhr et donc les reouvrir dans le div (et donc, ne pas changer de page)

suis-je clair???

merci

a+++

**SpaceFrog** · 01/02/2006, 10h22

heu pas très ...
supprime les balises du response ...

**elekis** · 01/02/2006, 10h25

le probleme, c'est que je n'ai aps acces a responce, dans le sens je ne sais pas la modifier.

**SpaceFrog** · 01/02/2006, 10h40

quels sont les élements du response qui posent problème ???
quelles balises ???

biensur que tu as accès au response !!!

Code :

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

xhr.responseText;

le principe serait de virer les balises génantes ...

Code :

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

1
2
3
 
var ContenuaInserer=xhr.responseText.replace(balisegenante,'');
document.getElementById("first").innerHTML = ContenuaInserer

**javatwister** · 01/02/2006, 10h42

comprends bien que tu n'ouvres pas "une page dans ta page" mais simplement un bloc de html;
donc:
- ce qui apparaît dans ton div doit être maîtrisé a priori;
- tu peux effectivement réaffecter à ce même contenu des événements (conditionnels... vu que le contenu n'existe pas toujours) faisant appel à xhr; mais vas-y doucement;

**elekis** · 01/02/2006, 10h53

je crois que j'ai trouvé mieux, un div contenant un iframe
et avec ca

http://ditch.developpez.com/javascri...pdate/exemple/

ca devrait fonctioner.

reste plus qu'a essayer

merci

a+++

**SpaceFrog** · 01/02/2006, 11h04

ouiap si tu prends un iframe tu affiche une page html...
parcontre plus besoin d'ajax ...

**elekis** · 01/02/2006, 11h09

ajax n'est pas un (trop gros) probleme.

mais parcontre, dans le lien que j'ai donné (http://ditch.developpez.com/javascript/partialupdate/)

il utilise

ChangeFrameLocation('FrameMiseAJour', 'ExempleSimpleContenu.html');

or chez moi, cela ne fonctionne pas, (linux ubuntu firefox.)

je suis obliger de passer par document.getElementById("FrameMiseAJour").src = "file.html";

est ce equivalent???

**SpaceFrog** · 01/02/2006, 11h13

ChangeFrameLocation n'est a ma connaissance pas une instruction javascript mais doit faire partie d'un librairie ou une fonction perso ...
ta methode est tout à fait valable ...

**Ditch** · 09/03/2006, 10h59

Envoyé par SpaceFrog

ChangeFrameLocation n'est a ma connaissance pas une instruction javascript mais doit faire partie d'un librairie ou une fonction perso ...
ta methode est tout à fait valable ...

Exactement. ChangeFrameLocation renferme une série de choses. J'ai fait cela partout. Pq? Simplement que lors que Firefox 28 sortira (j'ai le temps

) et si il ne tient plus compte du .src, je n'ai qu'un script à changer et pas faire la modification au travers de tout le fichier.

Ceci dit, je n,e fais qu'appeler ce la mm chose que toi dans cette fonction

ouvrir un lien enfant dans un div

JavaScript

Vue hybride

Discussions similaires

Partager

Partager