[iframe] Chargement un fichier texte et manipulation du contenu [Résolu]

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>

03/11/2011, 15h33	#1
hedgehog Membre régulier Inscription : avril 2004 Messages : 288 Détails du profil Informations forums : Inscription : avril 2004 Messages : 288 Points : 93 Points : 93	[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é. 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.
	00

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