Manipuler les cellules d'un tableau dans une iframe

**al78310** · 08/01/2016, 12h09

Bonjour a tous,
Je suis assez nouveau dans le domaine et je me pose cette question
Est il possible de changer le style de cellules d'un tableau que j ai ajouté dans un iframe?

voici mon code (trouvé sur le net http://www.srccodes.com/p/article/40...ick-table-cell)

Code css :

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
    td{
        cursor:pointer;
        background: -moz-linear-gradient(top, #ffffff, #D1E3E9);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#D1E3E9));
        text-align:center;
    }
 
    td:hover{
        background: -moz-linear-gradient(top, #249ee4, #057cc0);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
    }
 
    td:active
    {
        background: -moz-linear-gradient(top, #057cc0, #249ee4);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057cc0), to(#249ee4));
    }
 
    #result{
        font-weight:bold;
        font-size:16pt;
    }

Ce code marche parfaitement sur une page dans laquelle son code fait apparaitre clairement la structure d'un tableau html tr td etc
Maintenant, j' ai créer une page dans laquelle il y a un iframe dans lequel se trouve un tableau

Code html :

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

<iframe src="http://ec.fr.forexprostools.com?columns=exc_flags,exc_currency,exc_importance,exc_actual,exc_forecast,exc_previous&features=datepicker,timezone&countries=110,17,25,34,32,6,37,26,5,22,39,93,14,48,10,35,105,43,38,4,36,12,72&calType=week&timeZone=58&lang=5" width="650" height="467" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0"></iframe><div class="poweredBy" style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 11px;color: #333333;text-decoration: none;">Calendrier économique fourni par <a href="http://fr.investing.com/" rel="nofollow" target="_blank" style="font-size: 11px;color: #06529D; font-weight: bold;" class="underline_link">Investing.com France</a>, portail leader de la bourse.</span></div>

Est il possible d'appliquer ce style a cet iframe? moi j'y arrive pas...

Merci d'avoir pris de votre temps pour me lire, et j espère avoir été assez clair
Bonne journée

**kevin254kl** · 08/01/2016, 12h13

Bonjour, As tu essayé d'appeller ta class à utiliser dans le fichier appelé par ta iframe?

**al78310** · 08/01/2016, 19h02

Merci de ta réponse, mais j'ai bien peur de ne pas comprendre...
Il y a des explication sur le net mais je comprend pas non plus...

Cependant pour contourner le probleme pourrais-je copier coller le code source de la page originale?
Merci

**kevin254kl** · 09/01/2016, 18h56

Si tu préfères le style que tu appliques est pour la page courante mais ta iframe appelle une autre page utilisant un autre style donc il faut que tu mette ta feuille de style dans la page de la iframe exemple j'ai la page 1 qui contient la iframe avec

Code :

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

1
2
3
<head>
<link rel="stylesheet" type="text/css" href="exemple.css">
</head>

et bien la page qui affiche la iframe exemple page2 j'ajoute le link

Code :

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

1
2
3
<head>
<link rel="stylesheet" type="text/css" href="exemple.css">
</head>

si tu copie le code source tu n'a plus l'avantage de la iframe et du contenu indépendant.

Manipuler les cellules d'un tableau dans une iframe

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager