iFrame inject

[Dustin84]

Hallo,

ich habe eine Website, wo ich das Bundesliga Tippspiel "kicktipp" per Javascript einbinde.
Somit wird ein iFrame mit allen Inhalten in meine Website geladen.
Leider sind die Tabellen von Kicktipp nicht responsive, weshalb ich gerne um jede "table" ein neues div mit der Klasse "table-responsive" hinzufügen möchte (siehe bootstrap - responsive tables).

Nur klappt es nicht....es kommt nix an und es passiert nix.
Es geht um diese Seite: Kicktipp Asertoni.

Hier mein jQuery Code:

jQuery("#kicktippiframe").load(function() {

    var    frameContents = jQuery('#kicktippiframe').contents(),
            getBody = frameContents.find('body');
           
    frameContents.find("table").wrap( "<div class='table-responsive'></div>" );
   
});

Mein jQuery Code müsste doch korrekt sein,oder?

Gruß
Jan

 

[Parantatatam]

Das Problem besteht wohl eher an einer viel früheren Stelle, denn Du lädst die Seite per AJAX – und dass von einer fremden Domain. Insofern wird die Abfrage scheitern und somit kein Inhalt geladen, den man manipulieren kann.

 

[Dustin84]

und was kann ich da machen? Bin leider nicht so der jquery Profi ;-)

 

[jeipack]

Sofern kicktipp nicht funktionen anbietet um auf ihr iFrame zuzugreiffen kannst du da nicht viel machen.
Du kannst nicht auf den Inhalt eines iFrames Einfluss nehmen, ausser deine Domain hat dafür bestimmte Berechtigungen:
https://de.wikipedia.org/wiki/Cross-Origin_Resource_Sharing

oder bestimmte Funktionen die dir erlauben mit dem iFrame zu kommunizieren.

Hat kicktipp keine Mobile Version?