Fussball.de Widget verkleinern (proportional)

kusselin

Hallo Wordpressgemeinde,

ich möchte gerne das von Fussball.de erzeugte Widget verkleinern...und zwar so das die komplette Tabelle auf einen 19.9 Bildschirm passt "OHNE" zu scrollen.

und zwar möchte ich den Code einbetten. Die Einbettungsgeschichte sieht wie folgt aus: (hier ist der Code schon erzeugt, ohne jedoch was mit der Größe) und deshalb frage ich hier wie der Code ergänzt werden müsste?? Über eine Rückinfo mit der ich per Copy and paste arbeiten könnte, wäre ich euch sehr dankbar!! auf dem letzen Bild sieht man die komplette Aufläsung von 1920x1080 px und darin die Tabelle aber nicht verkleinert...

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

kusselin

Hallo Zusammen, ich bins nochmal....natürlich könnt ihr so nichts mit anfangen...

Hier mal der Code. Ich bitte euch mir hier den Passus einzufügen wo man die Größe ändern kann also "wide und high"

Denke für die Spezialisten hier ist das kein Problem. Zum Schluss soll es so sein das man die Tabelle proportional verkleinern kann in Höhe und Breite.

Einbindung des API-Javascripts im <head>-Bereich deiner Website:

HTML

<script type="text/javascript"
		src="http://www.fussball.de/static/layout/fbde2/egm//js/widget2.js">
	</script>

Ausgabe des Wettbewerbs – Einbindung im <body>-Bereich deiner Website:

HTML

<div id="widget1"></div>
	<script type="text/javascript">
		new fussballdeWidgetAPI().showWidget('widget1', '01TBRS8778000000VS541L4JVUFOR309');
	</script>


Wäre echt klasse von Euch wenn das einer testen könnte und mir den entsprechenden Code zur Verfügung stellen könnte wo man die Breite und Höhe verändern kann proportional.


Gruss
Kussel

Alles anzeigen

danielgoehr

Was du vorhast, ist technisch nicht möglich.

Ein iFrame ist so konstruiert, dass die einbettende Seite den Inhalt nicht kennt. Das heißt, der iFrame kann auch nicht dynamisch daran angepasst werden.

Die einzige Möglichkeit, wie man das bewerkstelligen kann, ist via postMessage. Das setzt aber vorraus, dass du eigene Scripte in den iFrame (also in die Seite, die im iFrame eigebettet wird) einbinden kannst.

Anmerkung: Es gibt auch noch eine andere Möglichkeit, die aber nur dann funktioneirt, wenn beide Seiten auf der gleichen Domain liegen. Dies ist bei dir aber ja auch nicht gegeben.

kusselin

Hallo daniel,
danke für die Info. Natürlich kann ich das nicht mit dem scripten :-(

Dann bleibt mir nichts anderes übrig wie es zu lassen...oder?

danielgoehr

Zitat von kusselin

Dann bleibt mir nichts anderes übrig wie es zu lassen...oder?

Ich befürchte ja ...

kusselin

Hallo Zusammen,

ich nochmal..habe bei Fussball.de nochmal im Support nachgefragt.... die haben gesagt das das so nicht realisierbar wäre, haben mich aber auf eine Seite verwiesen:

Code

https://jsfiddle.net/aL5kwb86/28/

Leider sind meine Scriptkentnisse nicht so doll und deshalb frage ich höflich nochmal hier an ob mir jemand die Tabelle so verkleinern kann das diese auch sichtbar (proportional) auf folgendes Verhältnis passt: 1920x1080 wobei hier die 1080py entscheidend sind!! Die Breite nicht so aber die Höhe!

ich habe es mal soweit probiert und die Tabelle wird auch angezeigt nur in der Höhe klappt das noch nicht:

Code

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<iframe id="jstable" class="center" frameborder="0" src="https://www.fussball.de/widget2/-/schluessel/020HQGC1LK000000VS541L4HVVFH2BUI/target/widget1/caller/fvleutershausen.de" scrolling="no" width="550px" height="800px" style="border: 1px solid #CECECE;"></iframe>

auf der o.g Seite steht noch was von Javascript...ich kenne mich da nicht aus.

Vielleicht kann der Daniel nochmal was dazu sagen...ev. geht es ja mit der Linkseite.

Vorab herzlichen Dank Euch für ne Info und ev. Anpassung!!

Gruss

kusselin

Is denn keiner da der anhand meiner Angaben mir sagen kann ob das geht oder nicht?

Gruss

danielgoehr

Zitat von kusselin

Is denn keiner da der anhand meiner Angaben mir sagen kann ob das geht oder nicht?
Gruss

Hallo Kusselin,

du gibst dir die Antwort ja im Grunde schon selbst:

Zitat von kusselin

Hallo Zusammen,
ich nochmal..habe bei Fussball.de nochmal im Support nachgefragt.... die haben gesagt das das so nicht realisierbar wäre, haben mich aber auf eine Seite verwiesen:

Wenn die dir keine Möglichkeit zur Verfügung stellen (und das könnten Sie theoretisch schon), dann kannst du da von aussen aus meiner Sicht nicht viel machen.

Dein Fiddle zeigt bei mir nur eine Fehlermeldung, weil der Key fehlt.

Eins verstehe ich allerdings gerade nicht:
Wenn du einfach eine fixe Größe von 1920 x 1080 px haben wilst, warum legst du dann diese Größe nicht direkt im iFrame fest (siehe rote Markierung)?

Code

<iframe id="jstable" class="center" frameborder="0" src="https://www.fussball.de/widget2/-/schluessel/020HQGC1LK000000VS541L4HVVFH2BUI/target/widget1/caller/fvleutershausen.de" scrolling="no" width="[COLOR=#ff0000]1920px[/COLOR]" height="[COLOR=#ff0000]1080px[/COLOR]" style="border: 1px solid #CECECE;"></iframe>

kusselin

Hi daniel,

wenn ich das so wie du beschrieben hast mache, sieht das dann wie auf den Bildern aus :-(

ersetze im Fiddle einfach den Key durch meinen.

Gruss

danielgoehr

Zitat von kusselin

Hi daniel,
wenn ich das so wie du beschrieben hast mache, sieht das dann wie auf den Bildern aus :-(

Ok, ich befürchte ich verstehe dann nicht ganz, was du eigentlich vor hast. Der Bereich, in dem du den iFrame darstellen willst, ist doch viel kleiner als 1920x1080px. Deshalb (logischerweise) die Scrollbalken.

kusselin

schau daniel....man sieht doch auf dem 2. Bild den Grau hinterlegten Hintergrund...das ist 16:9 (1920x1080px)

In diesen Bereich will ich das tabellenwidget einfügen sodas die tabelle von Platz 1 bis 16 zu sehen ist...und das ganze "OHNE" Scrollbalken.
Weil man bei Xibo nicht scrollen kann..das ist eine reine Anzeige.

Gruss

der Key lautet:
020HQGC1LK000000VS541L4HVVFH2BUI

danielgoehr

Der Fiddle funktioniert trotzdem nicht. Funktioniert es denn bei dir?

Mein letzter Vorschlag war quatsch. Ich hatte dich flasch verstanden. Dann nimm wieder die Werte, die dort vorher drin standen.

Was passiert denn, wenn du das Javascript aus dem Fiddle in deine Seite integrierst?
So wie ich das sehe, verändert der ja dann die Höhe deines iframes.

kusselin

Hi Daniel, genau da hackt es..mit Javascript!! Ich kenne mich da zu wenig aus..sorry!

Aus dem Fiddle habe ich ja nur den oberen Bereich wo es mit iframe beginnt genommen (html)..der untere Bereich also den Javascript..wie und wo müsste ich den denn einbauen??
Ich habe ja das html wie auf dem Bild zu sehen unter "html zum einbetten" genommen...dann gibt es bei xibo noch "custom Style sheets" und "Head inhalt einbetten (einschliesslich script-Tags"

Wie wo muss ich jetzt was einfügen?

Gruss

P.S: Ja bei mir funzt der HTML Code so...nur halt nicht die Höhe. Hier noch Bilder wie das bei Xibo aussieht mit dem einbetten:

danielgoehr

Zitat von kusselin

Wie wo muss ich jetzt was einfügen?

Siehe hier:
https://andreas-hecht.com/1372/

kusselin

o.k. dann müsste das Script so aussehen wenn ich es richtig verstanden habe:

HTML

<?php
// Ab hier kopieren
/**
 * JavaScript inline hinzufügen
 */
function ah_custom_js() {
?>
<script>
 // ar jstable = $("#jstable");


$(document).ready(function () {
    resize();
});




$(window).resize(function () {
    resize();
});




function resize() {
    var wwidth = $(window).width();
    if (wwidth >= 800) {
        $("#jstable").attr('width', "750");
    } else {
        if (wwidth > 400) {
            $("#jstable").attr('width', Math.round(9 / 8 * wwidth - 150));
        } else {
            $("#jstable").attr('width', "300");
        }
    }
}
</script> 
<?php }
add_action('wp_head', 'ah_custom_js');

Alles anzeigen

stimmt das so? und jetzt die entscheidende Frage: Wo muss ich das hinkopieren...?? in style Sheets nicht aber wo dann. Wenn du mir das noch mitteilen könntest bitte

danielgoehr

Fast. Du solltest $ gegen jQuery ersetzen.

Ich würde es so machen:

Code

function ah_custom_js() {


$returnValue = 
'<script>




jQuery(document).ready(function () {
    resize();
});




jQuery(window).resize(function () {
    resize();
});




function resize() {
    var wwidth = jQuery(window).width();
    if (wwidth >= 800) {
        jQuery("#jstable").attr("width", "750");
    } else {
        if (wwidth > 400) {
            jQuery("#jstable").attr("width", Math.round(9 / 8 * wwidth - 150));
        } else {
            jQuery("#jstable").attr("width", "300");
        }
    }
}
</script>';
return $returnValue;
}
add_action('wp_head', 'ah_custom_js');

Alles anzeigen

Der Code kommt entweder in ein (eigenes) Plugin oder in die functions.php deines Child-Themes. In jedem Fall unbedingt ein Backup machen.

kusselin

Daniel, schau mal...ich habe doch Bilder beigefügt von Xibo....ich kann das nur in die vorgesehen bereiche kopieren....

auf unsere Homepage nutzt mir das nichts...

Gruss

danielgoehr

Zitat von kusselin

Daniel, schau mal...ich habe doch Bilder beigefügt von Xibo....ich kann das nur in die vorgesehen bereiche kopieren....
auf unsere Homepage nutzt mir das nichts...
Gruss

Was ist Xibo? Geht es hier gar nicht um WordPress?

kusselin

Ha reines Wordpress nicht..denke ich...ich habe in xibo nur die 3 bereiche die du suf den fotos siehst
Gruss

Geht das dann da nicht?

http://www.xibo.uk

danielgoehr

Zitat von kusselin

Ha reines Wordpress nicht..denke ich.

Da ich mittlerweile gegoogelt habe: Es ist nicht nur kein "reines" Wordpress, sondern hat überhaupt nichts mit Wordpress zu tun.

Diese Info wäre vielleicht am Anfang des Threads durchaus relevant gewesen. Weil in einem Wordpress-Forum gehe ich sonst selbstverständlich davon aus, dass es um Wordpress geht.

Zitat von kusselin

Geht das dann da nicht?

Das kann ich dir nicht sagen. Ich vermute mal, deine Frage wäre dann wohl bei Xibo Support oder einen Xibo-Forum besser aufgehoben...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Fussball.de Widget verkleinern (proportional)

Jetzt mitmachen!