Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

Ändra CSS iframe

Svara
2018-04-02, 04:21
  #1
Flach1337
Medlem
Fick köra en fuling och iframa en sak nu vill jag ändra .css i den.
Jag vill ändra span 3 jag vill ta bort eller ersätta ''style'' med mitt egna css.

Så ser koden ut ungefär i själva iframet.
Kod:
<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>1</span></td>
<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>2</span></td>
<td><span style='padding: .2em .6em .3em; font-weight: bold; color: #ffffff; font-size: 14px;'>3</span></td> 

Jag har försöket med följande.

Kod:
<link rel="stylesheet" type="text/css" href="http://länktillmin.css">

span:nth-child(3) { font-size: 20px !important; }
td:nth-child(3) { font-size: 20px !important; }. 

.css hämtas utan problem för jag kan tex byta bakgrunds färg men den vill ej tvinga ändringen på de här span sakerna. Tips? Gör jag nåt fel?
__________________
Senast redigerad av Flach1337 2018-04-02 kl. 04:24.
Citera
2018-04-02, 10:17
  #2
Nich
Medlem
Jag tror inte att du kan ända CSS på sidan i iframe:en, med anledning av CORS. Dock borde det fungera om du först hämtar innehållet på sidan, modifierar stilen, och sedan visar på din sida. Det är förmodligen så du bör gå till väga.
Citera
2018-04-02, 19:09
  #3
Flach1337
Medlem
Citat:
Ursprungligen postat av Nich
Jag tror inte att du kan ända CSS på sidan i iframe:en, med anledning av CORS. Dock borde det fungera om du först hämtar innehållet på sidan, modifierar stilen, och sedan visar på din sida. Det är förmodligen så du bör gå till väga.


Ändrade till.

Kod:
<?php
$homepage = file_get_contents('http://sidan jag vill hämta');
echo $homepage;
?>

Då kan jag använda javascript för att modifiera lite saker men hur exakt gör jag?
Alltså det jag skrev i första inlägget.
Citera
2018-04-02, 19:18
  #4
Nich
Medlem
Citat:
Ursprungligen postat av Flach1337
Ändrade till.

Kod:
<?php
$homepage = file_get_contents('http://sidan jag vill hämta');
echo $homepage;
?>

Då kan jag använda javascript för att modifiera lite saker men hur exakt gör jag?
Alltså det jag skrev i första inlägget.

Har inte provat, men så här kanske:

Kod: 
td:nth-of-type(3) > span { 
  font-size: 20px !important; 
}
Citera
2018-04-03, 00:40
  #5
Flach1337
Medlem
Edit.
Citera
2018-04-03, 08:48
  #6
Nich
Medlem
Citat:
Ursprungligen postat av Flach1337
Edit.

Löste det sig?
Citera
2018-04-03, 09:45
  #7
Flach1337
Medlem
Citat:
Ursprungligen postat av Nich
Löste det sig?

Ja det funkade man tackar <3
Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback