Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 03/11/2011, 15h33   #1
Membre régulier
 
Avatar de hedgehog
 
Inscription : avril 2004
Messages : 288
Détails du profil
Informations forums :
Inscription : avril 2004
Messages : 288
Points : 93
Points : 93
Par défaut [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.
hedgehog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/11/2011, 15h43   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 057
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 057
Points : 45 176
Points : 45 176
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
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 08h40   #3
Membre régulier
 
Avatar de hedgehog
 
Inscription : avril 2004
Messages : 288
Détails du profil
Informations forums :
Inscription : avril 2004
Messages : 288
Points : 93
Points : 93
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>")
)
hedgehog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 04/11/2011, 09h15   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 057
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 057
Points : 45 176
Points : 45 176
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>
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 13h10.


 
 
 
 
Partenaires

Hébergement Web