[iframe] Chargement un fichier texte et manipulation du contenu

Version imprimable

03/11/2011, 15h33
hedgehog

[iframe] Chargement un fichier texte et manipulation du contenu

Bonjour à tous,

Je rencontre un souci avec la modification du contenu d'une <iframe>.
Je m'explique :
Les données chargées dans l'<iframe> sont le contenu d'un fichier texte simple. Je souhaite mettre en surbrillance (application de balises avec un fond de couleur) toutes les occurrences d'un mot recherché.

http://img225.imageshack.us/img225/2669/highlighth.jpg

Malgré mes tests je n'ai réussi à modifier le contenu de l'<iframe>.

Est-ce dû au fait que le contenu de l'<iframe> provienne d'un fichier texte ?
Est-il possible d'effectuer ce type de manipulation ? Si oui, avez-vous des pistes ?

Pour information, j'utilise le framework JQuery.

Par avance, merci de votre aide. :ccool:

Code:

1
2
3
4
5
6
7
8
9
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body> 
  <iframe name="foo" src="text.txt"></iframe> 
  <input type="button" onclick="window.parent['foo'].document.body.innerHTML='foo'" value="go">
  </body>
</html>

le contenu est bien modifié à l'affichage

Merci de ton aide SpaceFrog.

Voila ce que je cherchai à faire :

Code:

1
2
3
4
 
$("#anIFrameID").contents().find("body").html(
    $("#anIFrameID").contents().find("body").html().replace(/aword/, "<span style=\"background-color: yellow\">$&</span>")
)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <title>Nouvelle page 1</title>
    <style type="text/css">
html, body {
      margin:0;
	padding:0;
	}
</style> <script type="text/javascript">
//<!--
function go(){
elt=$("[name='anIFrameID']").contents().find('body pre')
elt.html( elt.html().replace(/dasn/, '<span style="background-color: red;color:white;">$&</span>'))
}
//-->
</script> </head>
  <body> <iframe name="anIFrameID" data="text.txt"></iframe>
    <input onclick="go()" value="go" type="button">
  </body>
</html>