• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[GELÖST] Request countdown Browsergame

M

mot96

New member
Hallo Zusammen,

ich bin gerade dabei mich etwas mit Javascript zu beschäftigen.

Bei einem Online Fußball Browsergame gibt es die Möglichkeit sein Stadion auszubauen.
Der Ausbau wird auf einer Menü Unterpunktseite in Tage Stunden Minuten Sekunden dargestellt (Zeit läuft).
Jetzt möchte ich diese Daten per Javascript auf die Startseite bringen.

Mein Problem: Wie stelle ich das an, so dass auf der Startseite die gleiche Zeit mitläuft?

Bis jetzt habe ich folgendes:

Code: 
window.setInterval(function() { count(); }, 2500);
window.setInterval(function() { count(); }, 5000);
function count()
{
    if(!document.getElementById("count"))
    {
        document.getElementById("clubinfocard").getElementsByTagName("ul")[0].innerHTML += "<li id='count'><span class='label'>Ausbau:</span> wird geladen...</li>";
        document.getElementsByClassName("likebox")[0].style.marginBottom = "-25px";
    }
    
GM_xmlhttpRequest({
        method: "POST",
        url: "http://fussballcup.de/index.php?w=301&area=user&module=stadium&action=index&_=*",
        headers:{"Content-Type": "application/x-www-form-urlencoded"},
          onload: function(responseDetails){          
            var inhalt = document.implementation.createHTMLDocument("");
             inhalt.documentElement.innerHTML = responseDetails.responseText;
            var countdown = inhalt.getElementsByClassName("countdown");
            if(countdown[0])
            {
     
                    document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> "+countdown[0].innerHTML+"</li>";
              }
               }
          });
}

clubinfocard und likebox liefern die position auf der Startseite, der Ausbau wird auch korrekt dargestellt, aber die Zeit fehlt.
Der inhalt wird mit countdown beschrieben.

Kann mir jemand helfen, habe wirklich noch nicht viel Ahnung davon.

Gerne auch per PN, vielleicht findet sich auch jemand (der Lust und Spaß dran hat), der sich auch Kostenlos da mal anmeldet um das ganze besser verstehen zu können.

Gruß
 
Zuletzt bearbeitet von einem Moderator:
Wie sieht denn das HTML aus, das http://fussballcup.de/index.php?w=301&area=user&module=stadium&action=index&_=* zurückliefert?
 
kkapsner schrieb:
Wie sieht denn das HTML aus, das http://fussballcup.de/index.php?w=301&area=user&module=stadium&action=index&_=* zurückliefert?
Zum Vergrößern anklicken....

Ich habe jetzt mal den HTML Code der Seite bis zu der entsprechenden stelle kopiert:

HTML: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta http-equiv="expires" content="Sat, 01 Dec 2019 01:00:00 GMT" />
	<title>Fussballcup</title>
	<script type="text/javascript" src="//s.adadapter.netzathleten-media.de/API-1.0/NA-828271-1/naMediaAd.js"></script>
	<script type="text/javascript">
		naMediaAd.setValue("login", true);
	</script>
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="designs/redesign/style.css?v=2.2.6.14231" />
	<link rel="stylesheet" type="text/css" href="designs/redesign/images/localisation/de/localisation.css?v=2.2.6.14231" />
		<!--[if lte IE 6]>
	<link rel="stylesheet" type="text/css" media="screen" href="ie6/ie6.css" />
	<![endif]-->
			<script type="text/javascript" src="minified.js?v=2.2.6.14231"></script>
				<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-3478148-2']);
  _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>
	</head>

<body id="body" class="de">
	<script type="text/javascript">
	/* <![CDATA[ */
		var pageTracker;
		var changer = new ContentChanger();
		var currentLive;
		var currentFormation;
		var globalIntervals = {};
		var worldId = 301;
		var previousCityName;
		var toolTipObj = null;
		Mail.worldId = worldId;
		
		var requestParams = [];
		var amountControl = [];
		var durationControl = [];
		var url = [];
		var companies = {};
		var infrastructureCompanies = {};
		var negotiations = {};
		var locals = new Object();
		
		locals['days'] = 'Tag(e)';
					var DatePickerSettings = {
				closeText: '',
				prevText: '',
				nextText: '',
				currentText: '',
				monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
				monthNamesShort: ['Jan','Feb','Mär','APR','Mai','Jun','Jul','Aug','Sep','Okt','Nov','DEZ'],
				dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
				dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
				dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
				weekHeader: '',
				dateFormat: 'dd.mm.yy',
				firstDay: 1,
				isRTL: false,
				showMonthAfterYear: false,
				yearSuffix: ''
			};
			jQuery(function($) {
				$.datepicker.setDefaults(DatePickerSettings);
			});
				Training.setWorldId(worldId);
	/* ]]> */
	</script>
		
	<div id="__tooltip" class="tooltipp" style="z-index: 100000; display: none; position: absolute;"></div>
	<div id="container" >
		<div class="shadow" style="display: none;"></div>
		<div id="feedback">
			
		</div>
		<div id="header">
			<div id="logo-container">
																	<a href="#/index.php?w=301&area=user&module=main&action=home&_=1485186623">
											<img src="designs/redesign/images/localisation/de/logo.png" alt="logo" />
									</a>
			</div>
			<div id="ad-leaderboard">
							</div>
							<div id="logout">
					<a href="/index.php?w=301&area=main&module=main&action=logout" tooltip="tt_logout"><span class="icon logout"></span></a>
				</div>
				<div id="information-balance">
					<span class="currency-container"><span class="currency-number">1.015.040.344</span><span class="icon currency"></span></span>
<span class="credits-container"><span class="credits-number">1.524</span><span class="icon credits" tooltip="tt_credits"></span></span>
				</div>
				<div id="nav">
					<ul><li class="first png"><ul class="category-links category0"><li class="first"id="user-team-squad"><p></p><a  href="#/index.php?w=301&area=user&module=team&action=squad&_=1485186623">Kader</a></li><li class=""id="user-formation-index"><p></p><a  href="#/index.php?w=301&area=user&module=formation&action=index&_=1485186623">Aufstellung</a></li><li class=""id="user-team-index"><p></p><a  href="#/index.php?w=301&area=user&module=team&action=index&_=1485186623">Training</a></li><li class=""id="user-team-camp"><p></p><a  href="#/index.php?w=301&area=user&module=team&action=camp&_=1485186623">Trainingslager</a></li><li class=""id="user-transfermarket-scout"><p></p><a  href="#/index.php?w=301&area=user&module=transfermarket&action=scout&_=1485186623">Scout</a></li><li class="last"id="user-transfermarket-index"><p></p><a  href="#/index.php?w=301&area=user&module=transfermarket&action=index&_=1485186623">Transfermarkt</a><p></p></li></ul><div class="category png"><span><strong>Mannschaft</strong></span></div></li><li class=" png"><ul class="category-links category1"><li class="first"id="user-statistics-games"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=games&_=1485186623">Ligaspielplan</a></li><li class=""id="user-statistics-table"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=table&_=1485186623">Tabelle</a></li><li class=""id="user-friendly-index"><p></p><a  href="#/index.php?w=301&area=user&module=friendly&action=index&_=1485186623">Freundschaftsspiele</a></li><li class=""id="user-simulation-index"><p></p><a  href="#/index.php?w=301&area=user&module=simulation&action=index&_=1485186623">Simulationsspiele</a></li><li class=""id="user-tournament-index"><p></p><a  href="#/index.php?w=301&area=user&module=tournament&action=index&_=1485186623">Turniere</a></li><li class="last"id="user-betoffice-index"><p></p><a  href="#/index.php?w=301&area=user&module=betoffice&action=index&_=1485186623">Wettbüro</a><p></p></li></ul><div class="category png"><span><strong>Saison</strong></span></div></li><li class=" png"><ul class="category-links category2"><li class="first"id="user-club-sponsors"><p></p><a  href="#/index.php?w=301&area=user&module=club&action=sponsors&_=1485186623">Sponsoren</a></li><li class=""id="user-publicrelations-index"><p></p><a  href="#/index.php?w=301&area=user&module=publicrelations&action=index&_=1485186623">Öffentlichkeitsarbeit</a></li><li class=""id="user-assistants-index"><p></p><a  href="#/index.php?w=301&area=user&module=assistants&action=index&_=1485186623">Assistenten</a></li><li class=""id="user-finances-index"><p></p><a  href="#/index.php?w=301&area=user&module=finances&action=index&_=1485186623">Finanzen</a></li><li class=""id="user-stadium-index"><p></p><a class="active" href="#/index.php?w=301&area=user&module=stadium&action=index&_=1485186623">Stadion</a></li><li class=""id="user-buildings-index"><p></p><a  href="#/index.php?w=301&area=user&module=buildings&action=index&_=1485186623">Vereinsgelände</a></li><li class="last"id="user-shop-index"><p></p><a  href="#/index.php?w=301&area=user&module=shop&action=index&_=1485186623">Ein- und Verkauf</a><p></p></li></ul><div class="category active submenuactive png"><span><strong>Vereinsführung</strong></span></div></li><li class=" png"><ul class="category-links category3"><li class="first"id="user-rating-index"><p></p><a  href="#/index.php?w=301&area=user&module=rating&action=index&_=1485186623">Rangliste</a></li><li class=""id="user-statistics-season"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=season&_=1485186623">Spielergebnisse</a></li><li class=""id="user-tournament-history"><p></p><a  href="#/index.php?w=301&area=user&module=tournament&action=history&_=1485186623">Turnierarchiv</a></li><li class=""id="user-statistics-squadstrenght"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=squadstrenght&_=1485186623">Mannschaften</a></li><li class=""id="user-statistics-goalgetter"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=goalgetter&_=1485186623">Torschützen</a></li><li class=""id="user-statistics-sales"><p></p><a  href="#/index.php?w=301&area=user&module=statistics&action=sales&_=1485186623">Verkaufsstatistiken</a></li><li class="last"id="user-team-history"><p></p><a  href="#/index.php?w=301&area=user&module=team&action=history&_=1485186623">Vereinshistorie</a><p></p></li></ul><div class="category prev-active png"><span><strong>Statistik</strong></span></div></li><li class=" png"><ul class="category-links category4"><li class="first"id="user-press-index"><p></p><a  href="#/index.php?w=301&area=user&module=press&action=index&_=1485186623">Vereinszeitung</a></li><li class=""id="user-friends-index"><p></p><a  href="#/index.php?w=301&area=user&module=friends&action=index&_=1485186623">Freundesliste</a></li><li class=""id="user-main-neighbors"><p></p><a  href="#/index.php?w=301&area=user&module=main&action=neighbors&_=1485186623">Nachbarvereine</a></li><li class=""><p></p><a  href="http://forum.fussballcup.de" target="_blank">Forum</a></li><li class=""><p></p><a  href="http://forum.fussballcup.de/forumdisplay.php?f=72" target="_blank">FAQ</a></li><li class="last"id="user-profile-signatures"><p></p><a  href="#/index.php?w=301&area=user&module=profile&action=signatures&_=1485186623">Signaturen</a><p></p></li></ul><div class="category png"><span><strong>Community</strong></span></div></li><li class="last png"><ul class="category-links category5"><li class="first"id="user-premium-index"><p></p><a  href="#/index.php?w=301&area=user&module=premium&action=index&_=1485186623">Premium</a></li><li class=""id="user-profile-index"><p></p><a  href="#/index.php?w=301&area=user&module=profile&action=index&_=1485186623">Managerprofil</a></li><li class=""id="user-profile-club"><p></p><a  href="#/index.php?w=301&area=user&module=profile&action=club&_=1485186623">Vereinsprofil</a></li><li class=""id="user-profile-show"><p></p><a  href="#/index.php?w=301&area=user&module=profile&action=show&_=1485186623">Trophäenraum</a></li><li class=""id="user-mail-index"><p></p><a  href="#/index.php?w=301&area=user&module=mail&action=index&_=1485186623">Mail</a></li><li class="last"id="user-tricotshop-index"><p></p><a  href="#/index.php?w=301&area=user&module=tricotshop&action=index&_=1485186623">Trikotshop</a><p></p></li></ul><div class="category png"><span><strong>Mein Fussballcup</strong></span></div></li><li class="end-of-list png"></li></ul>

<script type="text/javascript">
/* <![CDATA[ */
	$('.category-links').hide();
	$('.category-links.category2').show();
	$('.category').click(function () {
		$('.category-links').hide();
		$('.category').each(function(key, value) {
			value = $(value);
			if (value.hasClass('submenuactive')) {
				value.addClass('inactive');
			}
			value.removeClass('active');
		});
		$('.prev-active').removeClass('prev-active');

		$(this.previousSibling).show();
		nextNode = $(this.parentNode.nextSibling)[0];
		if (
			nextNode &&
			nextNode.firstChild &&
			nextNode.firstChild.nextSibling
		) {
			$(nextNode.firstChild.nextSibling).addClass('prev-active');
		} else if (
			nextNode &&
			$(nextNode).hasClass('end-of-list')
		) {
			$(nextNode).addClass('prev-active');
		}
		$(this).removeClass('inactive');
		$(this).addClass('active');
	});
/* ]]> */
</script>


				</div>
				<div id="information-icons">
					<ul>
	<li class="home">
		<a href="#/index.php?w=301&area=user&module=main&action=home&_=1485186623" tooltip="tt_homeInfoIcon" ></a>
	</li>
			<li class="premium">
			<a href="#/index.php?w=301&area=user&module=premium&action=index&_=1485186623" tooltip="tt_premiumInfoIcon"></a>
		</li>
		<li class="mail">
		<a href="#/index.php?w=301&area=user&module=mail&action=index&_=1485186623" tooltip="tt_mailInfoIcon" ></a>
	</li>
	<li class="liveticker">
		<a href="#/index.php?w=301&area=user&module=live&action=index&_=1485186623" tooltip="tt_liveTickerInfoIcon" ></a>
	</li>
</ul>
				</div>
					</div>
		<div id="section-outer-container">
			<div id="section-inner-container">
				<div id="section">
					<div id="tutorial-container"></div><div id="content">
<h2>
	Stadion
	<span class="icon info" tooltip="tt_stadium_index_help"></span>
</h2>
<div class="container" id="stadium">
	<div id="stadium-name" class="info-overlay">
					<p>Fatal Arena</p>
			</div>
	<div id="block-building">
					<p class="info">Das Stadion wird derzeit ausgebaut.</p>
							<div class="build-countdown">
					<p>Stadionausbau abgeschlossen in</p>
					<div class="countdown" x="1488777"></div>
											<span  class="button button-container-premium"  id="button-container-powerbuild"><a class="button" href="#/index.php?w=301&area=user&module=stadium&action=powerbuild&type=blocks&_=1485186623"><span   class="premium" id="powerbuild">Sofort fertigstellen</span></a></span>
																<span  class="button"  id="button-container-cancel"><a class="button" href="#/index.php?w=301&area=user&module=stadium&action=cancel&_=1485186623"><span    id="cancel">Ausbau abbrechen</span></a></span>
									</div>
						</div>
	<div id="stadium-info">
		<h3>Stadionkapazität</h3>
		<ul>
			<li>
				<strong>Stehplätze</strong>
				<span>44.800</span>
			</li>
			<li>
				<strong>Sitzplätze</strong>
				<span>19.500</span>
			</li>
			<li>
				<strong>Logen</strong>
				<span>6.500</span>
			</li>
			<li>
				<div class="stadium-separator"></div>
				<strong>Gesamt</strong>
				<span>70.800</span>
			</li>
		</ul>
	</div>

Ganz unten wie zu sehen erscheint die entsprechende Zeile, die ich benötige:
HTML: 
<div class="countdown" x="1488777"></div>
 
Tja - das Element hat ja auch keinen HTML-Inhalt und deswegen liefert .innerHTML auch nichts zurück. Probier' mal das:
Code: 
document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> "+countdown[0].getAttribute("x")+"</li>";

PS: Nicht valide (selbst definierte) Attribute sind eigentlich keine gute Idee und für so etwas gibt es die data-*-Attribute.
 
kkapsner schrieb:
Tja - das Element hat ja auch keinen HTML-Inhalt und deswegen liefert .innerHTML auch nichts zurück. Probier' mal das:
Code: 
document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> "+countdown[0].getAttribute("x")+"</li>";

PS: Nicht valide (selbst definierte) Attribute sind eigentlich keine gute Idee und für so etwas gibt es die data-*-Attribute.
Zum Vergrößern anklicken....


Super!
Das hat schon mal geklappt.
Gibt es jetzt noch eine Möglichkeit das ganze zu unterteilen?

Wie hier: (Tage, Stunden...)
ausbaua9bs8.png


Die Ausgabe zeigt mir natürlich nur die Sekunden:

timenlbxt.png


Außerdem wird das ganze doppelt geladen, obwohl ich ja den Interval definiert habe^^

Schonmal vielen Dank!
 
Die Umrechnung von Sekunden in Tage/Stunden/etc. ist kein Hexenwerk:
Code: 
var s = 1403428;
var time = [];
console.log(
	[24, 60, 60].reduceRight(
		function(rest, div){
			var r = rest % div;
			time.unshift(r);
			return Math.floor(rest / div);
		},
		s
	) + " Tag(e) " + time.map(function(n){return n < 10? "0" + n: n.toString(10);}).join(":")
);


Hast du einen Link, wo wir uns das live ansehen können? Anhand des bis jetzt gezeigten Codes kann ich nicht erklären, warum das doppelt angezeigt wird.
 
kkapsner schrieb:
Die Umrechnung von Sekunden in Tage/Stunden/etc. ist kein Hexenwerk
Zum Vergrößern anklicken....

Danke dir!
Klappt natürlich so noch nicht, da ja var s = nicht bekannt ist bzw. die Zeit weiterläuft.
Habe es mit dem Attribute "x" versucht leider ohne erfolg.

Bin da echt noch ein Neuling...

Was ich bis jetzt habe:

Code: 
function count()
{
    if(!document.getElementById("count"))
    {
        document.getElementById("clubinfocard").getElementsByTagName("ul")[0].innerHTML += "<li id='count'><span class='label'>Ausbau:</span> wird geladen...</li>";
        document.getElementsByClassName("likebox")[0].style.marginBottom = "-25px";
    }
    
GM_xmlhttpRequest({
        method: "POST",
        url: "http://fussballcup.de/index.php?w=301&area=user&module=stadium&action=index#/index.php?w=301&area=user&module=stadium&action=index&_=*",
        headers: {"Content-Type": "application/x-www-form-urlencoded"},
          onload: function(responseDetails){          
            var inhalt = document.implementation.createHTMLDocument("");
             inhalt.documentElement.innerHTML = responseDetails.responseText;
            var countdown = inhalt.getElementsByClassName("countdown");

             
            {
     
                    document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> "+countdown[0].getAttribute("x")+"</li>";
var s =("x");       
var time = [];
console.log(
	[24, 60, 60].reduceRight(
		function(rest, div){
			var r = rest % div;
			time.unshift(r);
			return Math.floor(rest / div);
		},
		s
	) + " Tag(e) " + time.map(function(n){return n < 10? "0" + n: n.toString(10);}).join(":")
);
              }
               }
          });
}
window.setInterval(function() { count(); }, 2500);
window.setInterval(function() { count(); }, 5000);

Das ganze kann man hier testen: Fussballcup.de - Dein kostenloser online Fussball Manager!
Dazu muss man sich aber kurz anmelden und auch das Stadion ausbauen... (script wird dann auf der Startseite angezeigt)
Danach wollte ich wieso noch definieren was angezeigt wird, wenn gerade nichts ausgebaut wird...

Schonmal einen großen Dank!
 
Zuletzt bearbeitet von einem Moderator:
Code: 
var s = parseInt(countdown[0].getAttribute("x"), 10);       
var time = [];
var str = (
	[24, 60, 60].reduceRight(
		function(rest, div){
			var r = rest % div;
			time.unshift(r);
			return Math.floor(rest / div);
		},
		s
	) + " Tag(e) " + time.map(function(n){return n < 10? "0" + n: n.toString(10);}).join(":")
);
document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> " + str + "</li>";

mot96 schrieb:
Dazu muss man sich aber kurz anmelden
Zum Vergrößern anklicken....
Hast du keinen Testaccount?
 
kkapsner schrieb:
Code: 
var s = parseInt(countdown[0].getAttribute("x"), 10);       
var time = [];
var str = (
	[24, 60, 60].reduceRight(
		function(rest, div){
			var r = rest % div;
			time.unshift(r);
			return Math.floor(rest / div);
		},
		s
	) + " Tag(e) " + time.map(function(n){return n < 10? "0" + n: n.toString(10);}).join(":")
);
document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> " + str + "</li>";


Hast du keinen Testaccount?
Zum Vergrößern anklicken....

Super, dass hat geklappt!

Testaccount:

loginanme: autoitbot
PW: autoitbot

Ich habe das Gefühl, dass es immer doppelt angezeigt wird, wenn ich zwischen zwei Browser Tabs springe...
 
kkapsner schrieb:
Bitte - gern geschehen.
Zum Vergrößern anklicken....

Möchte das ganze gerne erweitern, falls mir da geholfen werden kann?

Das habe ich bis jetzt und es funktioniert:

Code: 
// ==UserScript==
// @name      Ausbau
// @include  http://fussballcup.de/*
// @version    0.1
// @description  Zeigt den Ausbau.
// @grant       GM_xmlhttpRequest
// ==/UserScript==

function count()
{
    if(!document.getElementById("count"))
    {
        document.getElementById("clubinfocard").getElementsByTagName("ul")[0].innerHTML += "<li id='count'><span class='label'>Ausbau:</span> wird geladen...</li>";
        document.getElementsByClassName("likebox")[0].style.marginBottom = "-25px";
    }
    
GM_xmlhttpRequest({
        method: "POST",
        url: "http://fussballcup.de/index.php?w=301&area=user&module=stadium&action=index&squad=#/index.php?w=301&area=user&module=stadium&action=index&_=*",
        headers: {"Content-Type": "application/x-www-form-urlencoded"},
          onload: function(responseDetails){          
            var inhalt = document.implementation.createHTMLDocument("");
             inhalt.documentElement.innerHTML = responseDetails.responseText;
            var countdown = inhalt.getElementsByClassName("countdown");
            {
     
                    document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> "+countdown[0].getAttribute("x")+"</li>";
var s = parseInt(countdown[0].getAttribute("x"), 10);       
var time = [];
var str = (
	[24, 60, 60].reduceRight(
		function(rest, div){
			var r = rest % div;
			time.unshift(r);
			return Math.floor(rest / div);
		},
		s
	) + " Tag(e) " + time.map(function(n){return n < 10? "0" + n: n.toString(10);}).join(":")
);
document.getElementById("count").innerHTML = "<li id='count'><span class='label'>Ausbau:</span> " + str + "</li>";
              }
               }
          });
}
window.setTimeout(function() { count(); }, 2500);
window.setInterval(function() { count(); }, 5000);

Wenn ich das ganze jetzt umschreibe (ClassName) dann bekomme ich auch die Anzeige der Zeit, auf dem Vereinsprofil von jedem.
Jetzt wäre es klasse wenn ich bei einem Verein auf seinem Profil gehe und seine Ausbau Zeit sehen würde, aber natürlich wird bis jetzt immer meine angezeigt.

Um den Ausbau von anderen Vereine sehe zu können brauche ich die clubid, jetzt weiß ich aber nicht, wie man das ganze umsetzen kann?

So sieht ein Beispiel, von einem Verein aus:

Code: 
<a href="#/index.php?w=301&area=user&module=profile&action=show&clubId=479207&_=1485965388" clubid="479207">EFC Ostfrisia Emden</a>]

die clubid=... ist natürlich bei jedem anders, gibt es da jetzt auch eine Möglichkeit, bei jedem im Profil, wenn ich die besuche, seine Ausbau Zeit anzeigen zu lassen?
 
Kannst du denn überhaupt Zugriff auf die Stadiumsseite eines anderen Vereins? In der URL für das XHR sehe ich nämlich keine clubid...

So wie es mir aussieht, brauchst du zuerst auf dem Server ein zusätzliches Skript, das dir die Ausbauzeit für eine gegebene clubid ausgibt.
 
kkapsner schrieb:
Kannst du denn überhaupt Zugriff auf die Stadiumsseite eines anderen Vereins? In der URL für das XHR sehe ich nämlich keine clubid...

So wie es mir aussieht, brauchst du zuerst auf dem Server ein zusätzliches Skript, das dir die Ausbauzeit für eine gegebene clubid ausgibt.
Zum Vergrößern anklicken....

Nein, darauf habe ich kein Zugriff, sprich man kann es so nicht umsetzen?
Auf den Server habe ich natürlich auch kein Zugriff!

Wenn wir einmal bei dem Thema sind, wie kann ich das ganze hier umsetzen:

HTML: 
<tr class="total-revenue">
<td> </td>
<td>
<span class="currency-container"><span class="currency-number">-738.156</span><span class="icon currency"></span></span>
</td>
<td class="last-column">
<span class="currency-container"><span class="currency-number">172.115</span><span class="icon currency"></span></span>
</td>
</tr>
<tr class="finances-total">
<td>
	Tagessumme
	</td>
<td>
													<strong>
<span class="alert">
<span class="currency-container"><span class="currency-number">-566.041</span><span class="icon currency"></span></span>
</span>
</strong>
</td>
<td class="last-column">
							 
							</td>

Möchte gerne diesen Wert haben:
HTML: 
 Tagessume class="currency-number">-566.041</span>

aber einfach mit ClassName (currency-number) funktioniert das nicht, da er den ersten Wert ausgibt logischerweise. (currency-number taucht mehrmals auf^^)
 
Zuletzt bearbeitet:
mot96 schrieb:
Nein, darauf habe ich kein Zugriff, sprich man kann es so nicht umsetzen?
Auf den Server habe ich natürlich auch kein Zugriff!
Zum Vergrößern anklicken....
Wenn du keinen Zugriff hast, hast du keinen Zugriff... du musst ja die Informationen irgendwoher holen, um sie anzeigen zu können. Also wird das nicht funktionieren.

mot96 schrieb:
wie kann ich das ganze hier umsetzen:
Zum Vergrößern anklicken....
Funktioniert der Selektor ".finances-total .currency-number"? (Also in document.querySelectorAll() )
 
kkapsner schrieb:
Funktioniert der Selektor ".finances-total .currency-number"? (Also in document.querySelectorAll() )
Zum Vergrößern anklicken....

Klappt leider noch nicht :(
Das habe ich bis jetzt:

Code: 
// ==UserScript==
// @name      Summe
// @include  http://fussballcup.de/*
// @version    0.1
// @description  Zeigt die Tagessumme an.
// @grant       GM_xmlhttpRequest
// ==/UserScript==

window.setTimeout(function() { summe(); }, 2500);
window.setInterval(function() {summe(); }, 5000);
function summe()
{
    if(!document.getElementById("summe"))
    {
        document.getElementById("clubinfocard").getElementsByTagName("ul")[0].innerHTML += "<li id='summe'><span class='label'>Summe:</span> wird geladen...</li>";
        document.getElementsByClassName("likebox")[0].style.marginBottom = "-40px";
    }
    
    
GM_xmlhttpRequest({
        method: "POST",
        url: "http://fussballcup.de/index.php?w=301&area=user&module=finances&action=index&_=squad",
        headers: {"Content-Type": "application/x-www-form-urlencoded" ,
                  'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey/0.3',
                  'Accept': 'application/atom+xml,application/xml,text/xml', },
        
             onload: function(responseDetails){           
             var inhalt = document.implementation.createHTMLDocument("");
             inhalt.documentElement.innerHTML = responseDetails.responseText;
             var geld = document.querySelectorAll(".finances-total .currency-number");
         
             if (geld [0])

                {
                  document.getElementById("summe").innerHTML = "<li id='summe'><span class='label'>Summe:</span>"+geld[0].innerHTML+"€</li>";
        }	
                }
                      });
}
 
kkapsner schrieb:
inhalt.querySelectorAll(...) müsste funktionieren.
Zum Vergrößern anklicken....

Danke!
Mit
HTML: 
var geld = inhalt.querySelectorAll(".alert .currency-number");
hat es geklappt.


Wie bekomme ich das jetzt farblich besser hin? (+Gelb, im minus Bereich rot)
So klappt das noch nicht:

HTML: 
GM_xmlhttpRequest({
        method: "POST",
        url: "http://fussballcup.de/index.php?w=301&area=user&module=finances&action=index&_=squad",
        headers: {"Content-Type": "application/x-www-form-urlencoded" ,
                  'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey/0.3',
                  'Accept': 'application/atom+xml,application/xml,text/xml', },
        
             onload: function(responseDetails){           
             var inhalt = document.implementation.createHTMLDocument("");
             inhalt.documentElement.innerHTML = responseDetails.responseText;
            var geld = inhalt.querySelectorAll(".alert .currency-number");
         
           if(geld>= 0 && geld < -1)
            {
             	geld = "<font color='yellow'>"+ geld[0].innerHTML +"€;</font>";   
            }
            else if(geld < -1)
            {
                geld = "<font color='red'>"+ geld[0].innerHTML +"€;</font>"; 
            }

                {
                  document.getElementById("summe").innerHTML = "<li id='summe'><span class='label'>Summe:</span>"+geld[0].innerHTML+"€</li>";
        }	
                }
                      });
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben