changer contenu d'une balise dans un <object> [Résolu]

Mr Adnanox · 24/11/2011, 04h21

Bonjour

Je veut un moyen pour que je puisse changer avec innerHTML le contenue d'un div qui se trouve dans un <object>

Code :

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

1
2
 
<object id="ObjectMiniSite" <?php echo "data='sites/".$_SESSION['NomDeSite']."/index.php'";?> type="text/html" width="500" height="300"></object>

la page index.php que j'ai inclue contient une balise div ayant comme id "text_acceuil" comment pourrai-je procédé sachant que le code suivant ne marche pas !

Code :

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

1
2
 
document.getElementById('text_acceuil').innerHTML='Text';

SpaceFrog · 24/11/2011, 10h35

Ceci n'est qu'un petit bout de code de test, la distinction IE / Ffx y est légère ...
Attention ce code ne fonctionen que si la balise a un contenu data qui ponte sur un fichier du domaine, sinon on se heurte à un refus de permission cross domaine ...

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>set object content</title>
<script type='text/javascript'>
/* ****** Set Object Tag Content   *******
*  Code by SpaceFrog                     *  
*  Date 11/2011                          *
*  How to modifiy an Object Tag innerHTML*
*****************************************/
function setObjContent(){
HTMLObj=  (document.all)?document.getElementById('bar').documentElement.document : document.getElementById('bar').contentDocument;
HTMLObj.body.innerHTML="hello"; 
}
</script>       
</head>
<body >
<object id="bar" data="test.txt" type="text/html" style="height: 50%;width:100%;"  > 
</object> 
<div id='tic'></div>
<input type='button' onclick="setObjContent()" value='go' />
</body>
</html>

Mr Adnanox · 25/11/2011, 06h36

Votre code ma été très utile, je vous remercie, mais sa na pas réglé mon problème !
Car se que je souhaite c'est de changer le contenue d'une balise a l’intérieure du fichier que j'inclue grâce a <object>

Code :

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

1
2
3
 
<object id="bar" data="test.php" type="text/html" style="height: 50%;width:100%;"  > 
</object>

la page test.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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title><?php echo $row['titre_acceuil'];?></title>
<link rel="stylesheet" type="text/css" href="css/<?php echo $row['template'];?>" media="screen"/>
</head>
<body>
 
<!-- Menu de navigation du site -->
<ul class="navbar">
  <li><a href="index.html"><?php echo $row['text_btn_acceuil'];?></a>
  <li><a href="reflexions.html">Réflexions</a>
  <li><a href="ville.html">Ma ville</a>
  <li><a href="liens.html">Liens</a>
</ul>
 
<!-- Contenu principal -->
<h1><?php echo $row['titre_acceuil'];?></h1>
 
<div id="text_acceuil"><?php echo $row['text_acceuil'];?></div>
<address>Fait le 11/11/11<br>
  par moi.</address>
 
</body>
</html>

je veut changer la div <div id="text_acceuil"> sans recharger tout le fichier

dukej · 25/11/2011, 07h09

Pour information vous avez aussi le droit d'utiliser des iframes, c'est crossbrowser et encore autorisé :o

SpaceFrog · 25/11/2011, 08h39

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
<script type='text/javascript'>
/* ****** Set Object Tag Content   *******
*  Code by SpaceFrog                     *  
*  Date 11/2011                          *
*  How to modifiy an Object Tag innerHTML*
*****************************************/
function setObjContent(){
HTMLObj=  (document.all)?document.getElementById('bar').documentElement.document : document.getElementById('bar').contentDocument;
HTMLObj.getElementById('text_acceuil').innerHTML="Texte modifié par javascript"; 
}
</script>       
</head>
<body >
<object id="bar" data="ObjectTest.htm" type="text/html" style="height: 50%;width:100%;"  > 
</object> 
<div id='tic'></div>
<input type='button' onclick="setObjContent()" value='go' />
</body>
</html>

N.B : j'ai respecté ton orthographe toute personnelle de acceuil ^^

Mr Adnanox · 28/11/2011, 12h12

Un grand merci à vous, ça marche a 100/100 !

25/11/2011, 07h09	#4
dukej Membre expérimenté Duke Jikel Inscription : mai 2010 Messages : 340 Détails du profil Informations personnelles : Nom : Duke Jikel Informations forums : Inscription : mai 2010 Messages : 340 Points : 548 Points : 548	Pour information vous avez aussi le droit d'utiliser des iframes, c'est crossbrowser et encore autorisé :o
	11

28/11/2011, 12h12	#6
Mr Adnanox Invité régulier Inscription : janvier 2009 Messages : 17 Détails du profil Informations forums : Inscription : janvier 2009 Messages : 17 Points : 7 Points : 7	Un grand merci à vous, ça marche a 100/100 !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email