zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Bild abhängig vom Datum darstellEN

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.04.2019, 10:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2005
Beiträge: 7
jan99 befindet sich auf einem aufstrebenden Ast
Standard Bild abhängig vom Datum darstellEN

Moin!

ich generiere über ein anderes Programm einen Webreport.

Dieser wird in einer Übersicht mit anderen in IFrames angezeigt. Quasi ein Control-Center.

Nun muss man immer schauen, ob der Report auch vom heutigen Tag ist.

Könnte man irgendwie über ein kleines Javascript eine Art Ampel (Bildaustausch) realisieren? Heute grünes Bild - ansonsten rotes Bild.

Wenn man das ganze dann noch etwas aufbohren würde wäre es auch gut das bei er bestimmten Parameterdefinition nur das gestrige Datum mit einem grünen Bild gekennzeichnet wird.

Ihr würdet mir sehr weiterhelfen?

Gruß Jan
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.04.2019, 11:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Woran erkennt man dass der Report von gestern ist?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.04.2019, 11:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2005
Beiträge: 7
jan99 befindet sich auf einem aufstrebenden Ast
Standard

Moin!

ich würde als Parameter ein Datum und einen Wert für die Anzahl der zurückliegenden Tage übergeben wollen.

Dann könnte das Skript das gültige Datum errechnen und vergleichen.

Der heutige Tag hätte dann für die zurückliegenden Tage den Wert=0.

Gruß Jan
Mit Zitat antworten
  #4 (permalink)  
Alt 17.04.2019, 12:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Natürlich kann man dann anhand eines Skriptes auf den Wert zugreifen.
Falls deine nächste Frage dann lautet: "Wie geht das?" Das kann man dir dann beantworten wenn du uns zeigst wie dein (für die Frage relevanter) Code aussieht und vor allem was du selber schon probiert hast und was daran nicht passt.
Mit Zitat antworten
  #5 (permalink)  
Alt 17.04.2019, 15:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.08.2005
Beiträge: 7
jan99 befindet sich auf einem aufstrebenden Ast
Standard

Sorry, aber ich aber von dem Zug keine Ahnung.

Deshalb dachte vielleicht legt mir jemand ein kleines "Ei" ins Nest.

Schade...

Gruß Jan
Mit Zitat antworten
  #6 (permalink)  
Alt 17.04.2019, 17:30
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Das geht leider nicht so wie du dir das vorstellst.

fängt schon am Anfang an: ... if (wert === 0 ) ...

Wie kommt man überhaupt an den "Wert"? Wo steht der in deinem File...? Wie bindest du deine Skripte ein? Welche Libraries verwendest du? Wo soll das "Bild" dann eingefügt werden?

Das kann dir niemand "einfach so" schreiben. Das ist technisch nicht möglich.
Mit Zitat antworten
  #7 (permalink)  
Alt 24.04.2019, 08:06
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von jan99 Beitrag anzeigen
ich generiere über ein anderes Programm einen Webreport.
Da fehlen alle Details. Welches "andere" Programm?

Zitat:
Zitat von jan99 Beitrag anzeigen
Dieser wird in einer Übersicht mit anderen in IFrames angezeigt. Quasi ein Control-Center.
hier fehlen die Details. Bedeutet das, die Inhalte kommen von anderen Resourcen?

Zitat:
Zitat von jan99 Beitrag anzeigen
Nun muss man immer schauen, ob der Report auch vom heutigen Tag ist.
Das verstehe ich nicht. Du musst versuchen die Anforderung so zu formulieren, dass andere die nichts von deiner Umgebung Wissen wovon du sprichst. Was meinst du "man muss immer schauen"? Was hat diese Formulierung für eine Bedeutung?

Zitat:
Zitat von jan99 Beitrag anzeigen
Könnte man irgendwie über ein kleines Javascript eine Art Ampel (Bildaustausch) realisieren? Heute grünes Bild - ansonsten rotes Bild.
Wenn du Zugriff auf die Inalte des "anderen" Programm hast, dann kann man das sicher.

Zitat:
Zitat von jan99 Beitrag anzeigen
Wenn man das ganze dann noch etwas aufbohren würde wäre es auch gut das bei er bestimmten Parameterdefinition nur das gestrige Datum mit einem grünen Bild gekennzeichnet wird.
Auch das ist simpel. Nur, wie schon Cloned andeutet, was wilst du konkret Wissen.?

Oder mal ein konkreter Ansatz:
HTML-Code:
<div data-date="2019/4/24">heute</div>
<div data-date="2019/4/22">gestern</div>
<div data-date="2019/4/1">davor</div>
<div data-date="2019/4/2">davor</div>
<div data-date="2019/4/2">davor</div>
<div data-date="2019/4/23">heute</div>

<script>
	Date.msPerDay = 24 * 60 * 60  * 1000;
	Date.prototype.daysDiff = function() {
		return parseInt(Math.abs(new Date() - this)/Date.msPerDay, 10);
	};
	var $ = function(S, P){ return [].slice.call((P||document).querySelectorAll(S))};    
	$('div').forEach(function(item) {
		if(item.dataset.date){
			var cmp = new Date(item.dataset.date);
			if(cmp) {
				if(cmp.daysDiff() === 1) item.style.backgroundColor = 'green'; // gestern
				if(cmp.daysDiff() > 2) item.style.backgroundColor = 'yellow'; // älter
				if(cmp.daysDiff() === 0) item.style.backgroundColor = 'red'; // heute
			}
		}
	});
</script>
Mehr geht aber nicht ohne deine Mithilfe.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Kleines Bild via CSS bereitstellen und über Bild im Markup darstellen AndreasB CSS 33 19.02.2016 14:38
Zwei Bilder nebeneinander, sollen kleiner werden! cecyle CSS 1 12.01.2014 19:20
Bild weiter darstellen als Element in dem es sich befindet thechrissss CSS 11 28.08.2013 12:17
250*250px bild neben liste darstellen DBzwerg CSS 9 09.02.2010 12:00
Datum mit Bild ersetzen CM CSS 2 25.04.2006 02:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:15 Uhr.