[iframe] Chargement un fichier texte et manipulation du contenu

**hedgehog** · 03/11/2011, 15h33

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é.

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.

**SpaceFrog** · 03/11/2011, 15h43

Code :

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

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

**hedgehog** · 04/11/2011, 08h40

Merci de ton aide SpaceFrog.

Voila ce que je cherchai à faire :

Code :

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

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

**SpaceFrog** · 04/11/2011, 09h15

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
<!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>

[iframe] Chargement un fichier texte et manipulation du contenu

JavaScript

Discussions similaires

Partager

Partager