changer la couleur du fond d'une iframe [Résolu]

[laurentSc]

Bonsoir,

ce que je voudrais faire est dans le titre. Le contenu de mon iframe est en réalité l'affichage de la valeur d'une donnée contenue dans une base de données MySQL, mais pour changer la couleur du fond de l'iframe (qui semble être blanc par défaut), j'ai encapsulé cet affichage dans une table html et fait :

Code :

<table><tr><td background color="#code_couleur">affichage</a></td></tr></table>

mais la couleur ne change pas ; que faudrait-il faire ?

[Nesmontou]

Bonsoir,

Je n'ai pas tout compris, mais il y a plusieurs soucis :

• une balise fermante </a> est mise en place alors qu'il n'y a pas la balise ouvrante
• l'attribut background n'existe pas ; utilise plutôt style="background-color:#ff0000" (ou externalise dans une feuille CSS)

[laurentSc]

l'ouverture <a href=... existe ; j'ai juste oublié de la mettre. Mon code est désormais :

Code :

<table><tr><td background-color="#code_couleur"><a href=...>affichage</a></td></tr></table>

mais le nouveau code couleur n'est toujours pas pris en compte ; qu'est-ce que tu ne comprends et qui pourrait peut-être m'aider ?

J'oublie un point important, mais qui, à mon avis, n'apporte rien : l'appel de l'iframe :

Code :

<iframe src="http://---.php" frameborder=0 scrolling=0 width=350 height=50></iframe>

[Nesmontou]

Envoyé par laurentSc

mais le nouveau code couleur n'esst toujours pas pris en compte

Peut-être parce que tu n'as pas mis en place l'attribut style comme je te l'indiquais

Envoyé par Nesmontou

l'attribut background n'existe pas ; utilise plutôt style="background-color:#ff0000" (ou externalise dans une feuille CSS)

[laurentSc]

Tu avais raison ; j'avais mal lu ta réponse Cela dit, même si j'arrive maintenant à changer la couleur du fond, ça reste entouré de blanc ; pensant que c'était dû à la table html, je l'ai remplacée par un div :

Code :

1
2
<div style="background-color:#4a4a4a;width:350;height:50"><a href...</a>&nbsp;&nbsp;&nbsp;
t&eacute;l&eacute;chargements compteur</div>

sachant que la dimension de l'iframe qui appelle ce code est la même :

Code :

<iframe src="http://....php" frameborder=0 scrolling=0 width=350 height=50></iframe>

mais ça ne change rien... et au passage, malgré le scrolling=0, j'ai quand même des barres de scroll...

[Bisûnûrs]

Il faut aussi gérer la couleur de fond de l'élément body de l'iframe.

[laurentSc]

Je vais donc essayer ce code :

Code :

<iframe src="http://---.php" style="background-color:#4a4a4a;" frameborder=0 scrolling=0 width=350 height=50></iframe>

et je te tiens au courant (je ne peux faire l'essai moi-même car si le code que j'ai présenté (ce qui est appelé par l'iframe), c'est moi qui le code, l'apel de l'iframe, ce n'est pas moi...)

[Bisûnûrs]

Quand je parle du body de l'iframe, c'est le body du fichier PHP dans l'iframe.
Mais il faut effectivement aussi rajouter le background de l'élément iframe lui-même.

[laurentSc]

D'accord ; je l'ai fait et effectivement, tout le fond est désormais coloré (sauf que je viens de m'apercevoir que le code couleur est faux ), mais il y a encore des scrollbars malgré scrolling=0 ; qu'est-ce qu'il faudrait faire pour enlever ces barres ?

[Bisûnûrs]

Essaie scrolling="no" au lieu de scrolling="0".

[laurentSc]

J'ai transmis ce conseil à la personne qui fait l’appel de l'iframe...(Pas tout simple comme organisation)

Ca y est ; c'est tout bon ; merci beaucoup

[laurentSc]

En fait, ça va mieux mais ce n'est pas tout bon (et c'est pourquoi j'ai décoché "résolu") : sur le fond de l'iframe, il y a encore une couleur polluante. Je voudrais savoir comment corriger ça. Pour que vous voyez le problème, voici la page (le problème vient de l'iframe, vers le bas (le compteur de téléchargement qui est rafraichi toutes les 5 secondes) et le code de cette page est le suivant :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr" >
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>clubbing session mixed by djtoons n°17</title>
<meta http-equiv="content-style-type" content="text/css">
<meta name="generator" content="Lauyan TOWeb 3.1.5.577">
<meta name="author" content="djtoons">
<meta name="rating" content="General">
<meta name="description" content="djtoons démarre sa carrière de dj en 99, en prenant la résidence d'un pub sur Avignon pendant 2 ans. En parallèle, il organise des soirées pour les libérables* de la caserne militaire des milles du côte d'Aix en Provence.">
<meta name="keywords" content="djtoons, dj, mixe,club, house club, hits, hit, house electro, progressive house, clubbing session, webradio, clubbingradio.fr">
<script type="text/javascript"> 
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-17087663-4']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
 
 
 
 
<script type="text/javascript" src="../_iserv/blog/blog.js"></script>
 
<link rel="alternate" type="application/rss+xml" title="Clubbing radio" href="../_frame/feed.xml">
 
<script type="text/javascript"> 
function wg_popup( id ) {
 var p = document.getElementById(id);
	for( var i = 0; i < 8; i++ ) {
	 var e = document.getElementById( 'wgpopup'+i );
	 if ( e ) {
	  e.style.visibility='hidden';
	  e.style.display='none';
	 }
	}
 if( p ) {
	 p.style.visibility='visible';
	 p.style.display='block';
	}
}
</script>
<link rel="stylesheet" href="../_frame/site.css" type="text/css">
<style type="text/css" media="print"> 
.wg-maxheight {}
</style>
<style type="text/css" media="screen"> 
.wg-maxheight { height:100%; }
</style>
</head>
<body>
<table style="height:100%;margin-top:20px;border:1px solid #8A01C9;" bgcolor="#292929" cellspacing="0" cellpadding="0" width="1000" align="center">
<tr><td align="center" valign="top" style="height:1px" bgcolor="#8A01C9"><table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td bgcolor="#4D0F8E" style="background-image:url(../_frame/vgrad.gif);"><table align="center" style="font-family:Verdana;font-size:13px;" border="0" cellspacing="0" cellpadding="0">
<tr style="height:4px"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../acceuil/index.php5" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Accueil</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../laradio/index.html" onmouseover="javascript:wg_popup('wgpopup1');"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">La radio</span></a></div><div id="wgpopup1" class="wg-popup">
 <a href="../lequipes/index.html" style="border-bottom:1px solid #FFFFCC;">L'equipe</a>
 <a href="../letop20/index.html" style="border-bottom:1px solid #FFFFCC;">Le top 20 auditeurs</a>
 <a href="../ctki/index.php5" style="border-bottom:1px solid #FFFFCC;">Ctki</a>
 <a href="../recrutedjetbenev/index.html" style="border-bottom:1px solid #FFFFCC;">recrute dj et benevole</a>
 <a href="../medias/index.html" style="border-bottom:1px solid #FFFFCC;">medias</a>
 <a href="../playliste/index.php5">playliste</a>
 
 </div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../emissions/index.html" onmouseover="javascript:wg_popup('wgpopup2');"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Les emissions</span></a></div><div id="wgpopup2" class="wg-popup">
 <a href="../grillesdesemissions/index.html" style="border-bottom:1px solid #FFFFCC;">Planning des emissions</a>
 <a href="../djguest/index.html" style="border-bottom:1px solid #FFFFCC;">Les dj guest</a>
 <a href="../lestitreslesplusdiffuses/index.php5">Les 20 titres les plus diffusés</a>
 
 </div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../djsdeclubbingradio/index.html" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Les djs</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../actualites1/index.html" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">News</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../tchat/index.html" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Tchat</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../liens/index.html" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Liens</span></a></div></td>
<td width="3"></td>
<td><div class="wg-button"> 
<a style="position:relative" href="../contact/index.html" title="" onmouseover="javascript:wg_popup();"><img src="../_frame/button.png" alt=""><span style="position:absolute;left:10px;top:10px; cursor:hand; width:89px;">Contact</span></a></div></td>
<td width="3"></td>
<td width="3"></td>
</tr>
<tr style="height:4px"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</td></tr>
</table>
</td></tr><!--BANNER-->
<tr><td align="center" valign="top" style="height:1px" bgcolor="#8A01C9"><div style="position:relative;zoom:1;"><div style="position:absolute;left:0;width:100%;"><table class="wg-paragraph" width="100%"><tr><td width="33%" valign="top" align="left"><font style="font-size:80%;"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><center><P><a href='http://www.djtoonsanimation.com/dedinomy/poster.php'target="_blank">
 
<img src="http://www.djtoonsanimation.com/image/posetesdedicaces.png" border="0"></center></font></td><td width="33%" valign="top" align="center"><font style="font-size:80%;"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><center><P><IFRAME src="http://www.djtoonsanimation.com/dedinomy/dedi.php"allowTransparency="true"width=740 height=60 scrolling=auto frameborder=0 ></IFRAME></center></font></td><td width="33%" valign="top" align="right"><font style="font-size:80%;"><font color="#0C9FF8"><b>4 </b></font>   
<br></font></td></tr></table><!--TW_LANGBAR--></div><a href="../acceuil/index.php5"><img src="../_frame/banusr.jpg" border="0" alt=""></a></div>
</td></tr>
<tr><td valign="top" style="height:1px"><table cellspacing="0" cellpadding="0" border="0" width="100%" style="font-size:1px"><tr>
<td width="100%" style="background-image:url(../_frame/border-top.png);height:2px"></td>
</tr></table></td></tr>
<tr>
 <td valign="top" class="wg-maxheight">
       <table onmouseover="javascript:wg_popup();" width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
        <tr>
         <td valign="top" bgcolor="#292929" >
          <table width="100%" class="wg-maxheight" cellpadding="0" cellspacing="0">
           <tr>
            <td valign="top" >
<table width="100%"><tr><td align="left" width="33%"><div class="wg-navbt"><a href="page2.php5"><img src="../_frame/nav-back.png" alt=""></a></div></td><td align="center" width="34%"><div class="wg-navbt"><a href="index.php5"><img src="../_frame/nav-index.png" alt=""></a></div></td><td align="right" width="33%"><div class="wg-navbt"><a href="page4.php5"><img src="../_frame/nav-next.png" alt=""></a></div></td></tr></table><table class="wg-paragraph" cellspacing="2" width="100%"><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top"><a name="bv000049"></a><img src="../_frame/blank.gif" alt="" height="10" width="1"><table class="wg-paragraph" width="100%"><tr><td><h2>clubbing session mixed by djtoons n°17</h2></td></tr><tr><td style="text-align:justify"><ul><li>001 - Hollywood Tonight (Throwback Mix) - Michael Jackson</li><li>002 - Party Tonight - Maradja</li><li>003 - All 4 You (East Freaks Remix) - EasyTech</li><li>004 - Angeline (Extended Mix) - Groove Coverage</li><li>005 - Beautiful People (Disco Fries Remix) - Chris Brown ft. Benny Benassi</li><li>006 - Blessed (Original Mix) - Tom Hangs Feat. Shermanology</li><li>007 - Lonely Heart (Extended_Various) - Radio Killer</li><li>008 - Blow (Cosmic Dawn Club Mix) - keha</li><li>009 - Boom Style* (Extended Mix) - Marki & O-Display Djs</li><li>010 - Mr. Right Now - Pitbull Ft. Akon*</li><li>011 - Changed The Way You Kiss Me (Steve Smart & Westfunk Club Mix) - Example</li><li>012 - Tell Me You Want Me feat. John Biancale (Cucky & Salerno Remix) - Ricky Salerno</li><li>013 - Welcome To St. Tropez (DJ Antoine vs. Mad Mark Remix) - Timati feat. Kalenna</li><li>014 - Swedish Angels (ClubMix) - Swedish Angels</li><li>015 - Good Vibrations 2K11 (Club Mix) - Trilogy</li><li>016 - Let The Music Play feat. Linda Newman (Cleveland Remix) - The Teachers</li><li>017 - Feel Alright (Extended mix) - Chriss Ortega Feat. Nicco</li><li>018 - Give Me Everything (Mikael Wills & Justin Sane Remix) - Pitbull feat. Ne-Yo, Afrojack & Nayer</li><li>019 - Sankukai 2011* (Fred De F. Remix) - Luke Jeferson & Fred De F.</li><li>020 - Ya BB (Club Version) - Play & Win</li><li>021 - Cant (Syntheticsax & Robero Extended Remix) - Syntheticsax & Laura Grig</li><li>022 - Sun Is Up (The Perez Brothers Remix) - Inna</li><li>023 - Dance With Me (Original Mix) - Bryce feat. Carl Prit</li><li>024 - Love Life (Mike Candys Remix) - Kate Ryan</li><li>025 - I Cant Feel It* (Fred Closer Remix) - Matt River & Billy Bryan</li><li>026 - Digital Freedom (ORIGINAL MIX) - Marcus Maison and Will Dragen</li><li>027 - Boom Style* (Extended Mix) - Marki & O-Display Djs</li><li>028 - Say My Name (Ricky Rich vs Bastian Smilla Remix) - Landy & Candy</li><li>029 - All 4 You (East Freaks Remix) - EasyTech</li><li>030 - Party Animal (Mike Candys Remix) - DJ MEG feat Timati</li><li>031 - Where Dem Girls At (feat. Nicki Minaj & Flo Rida) - David Guetta</li><li>032 - Feel Alright (Extended mix) - Chriss Ortega Feat. Nicco</li><li>033 - Mi-e Dor De Noi (Original Extended Version) - DJ Project feat. Giulia</li><li>034 - More Of Your Luv Feat Cameleo (Original Extended Mix) - DJ Lazz & Kitsch 2.0</li><li>035 - SEX INDIGO (MR.GREGORY Remix) - Diana Diez & Kostas Martakis</li><li>036 - Was Fuhlst Du (Godlike Music Port Remix) - Dan Winter</li></ul><br><center><body id="dewbody">
 
<div id="content">
 
   <div id="dewplayer_content">
   <object data="dewplayer-vinyl.swf" width="303" height="113" name="dewplayer" id="dewplayer" type="application/x-shockwave-flash">
   <param name="movie" value="dewplayer-vinyl.swf" />
   <param name="flashvars" value="xml=djtoons clubbing session 17.xml&javascript=on" />
   <param name="wmode" value="transparent" />
   </object>
   </div>
<iframe src="http://www.djtoonsanimation.com/cpttel/compteur_clubbing_session_17.php" style="background-color:#292929;" frameborder=0 scrolling=no width=350 height=50></iframe></body></center><br></td></tr></table></td></tr><tr><td valign="top"><a name="bv000050"></a></td></tr></table><script language="javascript">getCommentLink('20f0f3b09a37763e469bd5fd48e0128d',false)</script><div class="wg-paragraph" id="20f0f3b09a37763e469bd5fd48e0128d"></div></td></tr></table><br><br><table width="100%"><tr><td align="left" width="33%"><div class="wg-navbt"><a href="page2.php5"><img src="../_frame/nav-back.png" alt=""></a></div></td><td align="center" width="34%"><div class="wg-navbt"><a href="index.php5"><img src="../_frame/nav-index.png" alt=""></a></div></td><td align="right" width="33%"><div class="wg-navbt"><a href="page4.php5"><img src="../_frame/nav-next.png" alt=""></a></div></td></tr></table><br><hr><table width="100%"border="0" class="wg-paragraph"><tr><td width="100%"  valign="top" align="center"><font style="font-size:80%;"><a href='http://www.space-laser.com/accueil.php/'target="_blank">
<img src="http://www.djtoonsanimation.com/images1/space_lazer75.png" border="0"></a>
<html><a href='http://www.myclubbingstore.com/'target="_blank">
<img src="http://www.djtoonsanimation.com/images1/myclubbingstore 75.png" border="0"></a>
<A HREF="http://www.deejaysworld.org"/target="_blank">
<img src="http://www.djtoonsanimation.com/images1/deejaysworld75.png" border="0"></a>
<a href="http://www.musiboxlive.com"/target="_blank">
<img src="http://www.djtoonsanimation.com/images1/musiboxlive75.png" border="0"></a>
<a href="http://www.go-with-the-flow.fr"/target="_blank">
<img src="http://www.djtoonsanimation.com/images1/go with he flow 75.png" border="0"></a>
<a href="http://www.djbuzz.com"/target="_blank">
<img src="http://www.djtoonsanimation.com/images1/djbuzz 75.png" border="0"></a>
<a href="http://www.serialclubbers.com/?user=JL"/target="_blank">
<img src="http://www.djtoonsanimation.com/images1/serial clubber75.png" border="0"></a>
<html><a href='http://www.gblrprod.com/'target="_blank">
<img src="http://www.djtoonsanimation.com/images1/luke75.png" border="0"></a></center><br><br> <a href="http://www.webradio-musique.com" title="ecouter la radio">radio</a> samedi 30 avril 2011 <a href="http://www.ecouter-webradio.com" target="_blank">référencement ecouter_webradio</a>
<a href="http://www.free-webradio.com/">Free Webradio</a>*  <br><br><script src="http://www.compteur.org/compteur.php?145629"></script>
<noscript><a href="http://www.compteur.org" target="_blank">Compteur</a></noscript></center><br><br><a href="http://www.clubbingradio.fr/_frame/feed.xml"><img src="../_frame/rss16.gif" border="0" style="vertical-align:bottom;" alt="Cliquez ici pour vous abonner à ce flux RSS" title="Cliquez ici pour vous abonner à ce flux RSS"></a></font></td></tr></table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
       </table>
 </td>
</tr>
</table>
 
 
<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript"> 
var pageTracker = _gat._getTracker("UA-17087663-4");
pageTracker._initData();
pageTracker._trackPageview();
</script></body></html>

L'appel à l'iframe se fait ligne 135
Ce que je ne comprends pas, c'est que la partie d'une mauvaise couleur adopte une couleur dont le code html est 4a4a4a, qui n'est nulle part dans le code !

[NoSmoking]

...et ce que je ne comprends pas, c'est que la partie d'une mauvaise couleur adopte une couleur dont le code html est 4a4a4a, qui n'est nulle part dans le code !

en dur dans le fichier contenu dans l'IFRAME sur la balise BODY

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>clubbing_session_17</title>
<script type="text/javascript">
function reFresh() {
  location.reload(true)
}
/* Definir le temp de refraichir le nombre en  in milliseconds, 1 minute = 60000 milliseconds. */
window.setInterval("reFresh()",5000);
// End -->
</script>
</head>
<body style="background-color:#4a4a4a;">
<div style="background-color:#292929;width:350;height:50"><a href="action_compteur_clubbing_session_17.php" target="_blank">pour t&eacute;l&eacute;charger cliquez ici</a>&nbsp;&nbsp;&nbsp;t&eacute;l&eacute;chargements : 7</div>
</body>
</html>

[laurentSc]

C'est sûr qu'en mettant le bon code couleur

Code :

<body style="background-color:#292929;">

, ça résoud le problème Merci d'avoir regardé.

[Bovino]

Dommage que tu n'aies pas eu la délicatesse concernant la présentation du code (retours à la ligne, indentation, ...)

Sinon, c'est normal qu'il y ai deux balises <body> dans ta page...

[laurentSc]

Dommage que tu n'aies pas eu la délicatesse concernant la présentation du code (retours à la ligne, indentation, ...)

Bonjour, le boulot que ça aurait occasionné !

Sinon, c'est normal qu'il y ai deux balises <body> dans ta page...

apparemment, ça marchait quand même, mais ce n'est pas moi le codeur (le codeur a du mal avec le html...Tout ce code est en réalité généré par un outil générateur de site web) ; ça m'avait sauté aux yeux aussi, et je lui ai fait remplacé ce 2e "body" par une "div" et ça marche aussi...