document.getElementByID("") sur un autre fichier html?

Version imprimable

02/04/2012, 21h22
dragonxav72

document.getElementByID("") sur un autre fichier html?

Tout est dans le titre, comment récupérer des éléments d'une autre page html? en JavaScript j'ai beau chercher je ne trouve pas peut être que ce n'est pas possible :s:aie:
02/04/2012, 21h52
zulad

A ma connaissance tu ne peux pas avec GetElementById, tu dois utiliser ajax.
Avec la librairie jQuery il y a moyen.
02/04/2012, 22h02
dragonxav72

un rapide exemple si possible? ^^ par contre c'est pour un widget je ne sais pas si l'ajax va marcher :s
03/04/2012, 08h07
Bovino

jQuery n'y changera rien... JavaScript n'a tout simplement accès qu'au document en cours, c'est tout.
Ensuite, si la page dans laquelle tu veux chercher a été ouverte par un script de ta page actuelle, là ça change tout.
03/04/2012, 08h44
SpaceFrog

Petite précision, l'accès n'est possible QUE si la page est sur le même domaine, ou si tu as les autorisation (crossdomain) sur le domaine.

Si c'est le cas tu peux aller jeter un oeil dans la FAQ ou Auteur nous a gratifié d'un post sur les conversations entre fenêtres mères et filles ...
03/04/2012, 13h54
dragonxav72

Comme dit plus haut c'est un widget il n'y a pas de serveur, je vais jeter un oeil,

Pour expliquer un peux mon soucis, j'ai la page général qui contient des lien avec des images, je click sur l’icône paramètre sur la droite du widget et dans ce nouvelle écran j'aimerais afficher la liste des liens voila ^^

j'ai essayer autre chose mais bizarrement ça ne fonctionne pas :s

je veux récupérer le contenue de la balise span

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="sharedock">
	<div id="dock">
		<div class="dock-container">		
			<div class="dock-contaner-left"></div>
			<div class="addthis_toolbox">   
				<div class="custom_images" id="icone">
 
					<a class="addthis_button_facebook"><span>Facebook</span><img src="images/facebook.png" alt="Share to Facebook"/></a>
					<a class="addthis_button_twitter"><span>Twitter</span><img src="images/twitter.png" alt="Share to Twitter" /></a>
					<a class="addthis_button_myspace"><span>MySpace</span><img src="images/myspace.png" alt="Share to MySpace" /></a>
					<a class="addthis_button_stumbleupon"><span>Stumble</span><img src="images/stumbleupon.png" alt="Stumble It" /></a>
					<a class="addthis_button_reddit"><span>Reddit</span><img src="images/reddit.png" alt="Share to Reddit" /></a>
					<a class="addthis_button_delicious"><span>Delicious</span><img src="images/delicious.png" alt="Share to Delicious" /></a>
 
 
				</div>
			</div>        
		</div>
	</div>
</div>

je fait donc

Code:

1
2
3
 var liste = document.getElementsByTagName('span');
 
  System.Gadget.Settings.write("nomAppli",liste);

puis sur une autre page

Code:

1
2
3
4
var liste =System.Gadget.Settings.read("nomAppli");
for(var i=0;i<liste.length;i++){
document.getElementById('msg').innerHTML+=liste[i].value;
}

Mais je ne comprend pas pourquoi j'ai aucun résultat en sortie :s