Beiträge von Sempervivum

Zitat

Und habe ich den Code richtig verstanden, dass der aktuelle Termin auch nach der Uhrzeit aktualisiert wird?

Ja, die Uhrzeit wird auch berücksichtigt, d. h. wenn zwei Termine am selben Tag sind wird der frühere hervor gehoben.

Zitat

Aber wie spreche ich die andere Tabelle separat an? Mit der ID?

Richtig, Du musst der zweiten Tabelle eine andere ID geben und kannst dann mit

row[i].cell[j].innerHTML

den Inhalt jeder Zellen setzen. Wenn Du es noch nicht selber kannst, dann poste das HTML der Tabelle, wo es angezeigt werden soll und ich zeige dir, wie es geht.

Zitat

... erstmal JavaScript so zu lernen, dass ich mir selber helfen kann..

Dann bist Du hier schon an der richtigen Adresse, denn es gibt Tutorials, u. a. auch für Javascript.

Zitat

ob dein Code das Datum aus HTML quasi erkennt, das heißt, kann ich also das Datum in der Tabelle in HTML ändern und JavaScript erkennt das oder?

Genau, die Funktion myParseDate liest die beiden Strings für Datum und Uhrzeit jeweils aus der aktuellen Zeile aus und macht daraus ein Date-Objekt.

Zitat

Also in jeder Tabellenspalte wird das Workshopthema angezeigt, das Datum, die Uhrzeit und der Ort. Jetzt will ich alle diese Sachen NUR von dem aktuellsten Datum dem "eingerahmten" in einer neuen Tabelle (Sidebar) anzeigen lassen, wie mache ich das?

Am Ende des Skripte steht in der Variablen rowIdx der Index der Zeile mit dem nächsten Termin. Dort kannst Du die Werte auslesen.
rows[rowIdx],cells[3].innerHTML liefert z. B. den Ort der Veranstaltung.

Die Meldung von Dreamweaver kannst Du ignorieren.

Ich hoffe, dies ist das, was Du dir vorgestellt hast:
http://pastebin.com/MZe1bMrC

Damit "border" für die Zeile funktionierte, musste ich das CSS "border-collapse:collapse" hinzu fügen, siehe:
http://stackoverflow.com/questions/1867…ent-doesnt-show


PS: Ich habe da noch einen kleinen Fehler gemacht. So ist es richtig:


function myParseDate(rows, rowIdx) {
var datearr = rows[rowIdx].cells[1].innerHTML.split(".");
var timearr = rows[rowIdx].cells[2].innerHTML.split(":");
return new Date(parseInt(datearr[2]), parseInt(datearr[1]) - 1, parseInt(datearr[0]),
parseInt(timearr[0]), parseInt(timearr[1]), 0);
}

(vorletzte Zeile)

Ja, habe ich schon gemacht. Meinst Du mit "aktuellstem Termin" den, der in der Zukunft als erster kommt?

Zitat

Oh er hat leider keine Zeilenumbrüche eingefügt Sorry Hoffe es geht trotzdem

Ja, diese Foren-Software ist eine Katastrophe. Es gibt aber Online-Tools, mit denen man es neu formatieren kann. Ich sehe es mir dann mal an.

Hier kannst Du dir ansehen, wie Du das Datum in der deutschen Schreibweise formatierst:
https://wiki.selfhtml.org/wiki/JavaScript/Objekte/Date
(unter Datumsausgaben formatieren)
Poste am besten eine Beispieltabelle, dann kann man das Javascript entwickeln.
Wie man die Zellen mit Javascript anspricht, wird z. B. hier beschrieben:
http://stackoverflow.com/questions/3072…ript-not-jquery

Zitat

den jeweils aktuellsten Termin

d. h. in einer Spalte steht jeweils Datum/Uhrzeit? In welchen Format?

Zur ersten Frage:

Zitat

Sobald ich die Maus nun von dem Menüpunkt auf das, durch hover ausgeklappte, Div ziehe, erhält der Menüpunkt natürlich wieder seinen "nicht hover" Hintergrund.

Wenn das so ist, hast Du die Struktur ungünstig aufgebaut. Das aufgeklappte Menü muss innerhalb des oberen liegen, dann bleibt das hover bestehen und der Menüpunkt bleibt ausgeleuchtet. Hier ein Beispiel ohne großes Styling:

https://jsfiddle.net/Sempervivum/huw7hfy9/

Allerdings verstehe ich eines nicht: Wenn das hover nicht mehr wirksam ist, wenn Du auf das Untermenü gehst, müsste dieses doch wieder zu klappen?

Nein, wenn Du den gleichen Namen verwendest, überschreibt die zweite Definition die erste:

$beispiel[] = ["typ" => "dreieck",		     "typ" => "blau",                     "content" => 'erstes dreieck'];

resultiert in
array (size=1)
0 => 
array (size=2)
'typ' => string 'blau' (length=4)
'content' => string 'erstes dreieck' (length=14)
d. h. "blau" hat "dreieck" überschrieben.

Es ist immer empfehlenswert, aussagefähige Namen zu verwenden, die beschreiben, worum es sich handelt. Setzt man das um, würde der Eintrag so aussehen:

$beispiel[] = ["form" => "dreieck",		     "farbe" => "blau",                     "content" => 'erstes dreieck'];

Bei mir funktioniert das einwandfrei:
https://jsfiddle.net/Sempervivum/qhajrcot/

Zitat

versucht es doch einfach selbst

Dazu würden wir die Bilder brauchen. Sind die irgend wo online? Sind die gleich groß?

Ich sehe, dass Du beide Bilder absolut positionierst. Das ist wahrscheinlich der Grund für das Verhalten. Ändere dein CSS so:

#blend { position: relative }#blend img#top:hover { opacity:0 }




#blend img#top { position: absolute;
	top: 0; left: 0; opacity: 1;	
	transition: opacity 0.5s }

Wenn es dann nicht funktioniert, stelle die Bilder zur Verfügung bzw. der URLs, damit man es testen kann.

Wenn Du ein Einblenden haben willst, kommst Du nicht daran vorbei, das zweite Bild absolut zu positionieren.
Bist Du meinem Hinweis bzgl. Änderung der Größe des zweiten Bildes nachgegangen?

Zitat

Ändere das eingeblendete Bild, so dass es die selbe Größe hat.

Wie sind denn da die Anforderugen an die Zuverlässigkeit? Wenn man es mit Javascript (das ist etwas anderes als Java) macht, kann man nämlich i. d. R. leicht schummeln, indem man sich die richtigen Lösungen aus dem Quellcode heraus sucht. Um das zu unterbinden, müsste man es mit PHP machen.

Bei mir funktioniert der Code, den Du gepostet hast, leider nicht: Alles sichtbar und die Texte liegen übereinander. Fehlt da noch etwas?
Wenn es denn funktioniert, müsste sich dein Vorhaben umsetzen lassen, indem Du bei dem betr. Radiobutton das Attribut "checked" setzst:

<input type="radio" id="nl-radio-1" name="nl-radio" class="nl-radio" checked />

Sag mal Dori, hattest Du nicht auch einen Thread, wo es darum ging, Bereiche in einem Bild festzulegen und beim Hover ein Menü aufzuklappen?Was ist denn daraus geworden, bist Du zum Ziel gekommen?

Ja, wenn man sich mein letztes Fiddle ansieht, erkennt man, dass ich genau das Attribut "checked" verwendet habe, um die Startseite festzulegen.

Freut mich, dass es jetzt funktioniert. Das sort brauchst Du jedoch nicht, denn durch das anschließende shuffle wird die Reihenfolge ja doch wieder durcheinander gewürfelt.

Sehr gut! Hast Du das jetzt durch die Fehleranzeige gefunden oder indem Du den Code genau angeschaut hast?

Zu den Dreiecken: Ich muss zugeben, dass ich den Code noch nicht getestet hatte. Dass etwas nicht auf Anhieb funktioniert ist eher die Regel und man braucht Hilfsmittel, um die Fehler zu finden.
Schalte die Fehleranzeige von PHP ein, indem Du dieses am Anfang des Codes einfügst:

error_reporting(E_ALL);             ini_set('display_errors', '1');

Beim Filtern wird die Struktur des Arrays nicht verändert, da nur Elemente beibehalten oder weg gelassen werden. D. h. Du kannst es genau so mischen und auf die Elemente zugreifen, wie auf das orginale Array.

Edit: Bei den HTML-Tags funktionieren bei mir die Zeilenumbrüche genau so wenig.

"Leider bekomme ich die variablen sowie die "echos" nicht untereinander hier im Forum dargestellt. Deshalb etwas unübersichtlich.."
Das Problem habe ich leider auch immer, Fehler in der Forensoftware. Ein Ausweg ist, es bei pastebin.com einzustellen und den Link zu posten.

"Ist das so auch "saubere Schreibweise", oder total umständlich?" Eher das zweite, denn wenn Du am Ende neun divs hast, wird es ziemlich aufwändig, es zu editieren bzw. mit copy - paste - edit aufzubauen. Ich empfehle dir, dich mit Schleifen vertraut zu machen. Dann würde es so aussehen:
http://pastebin.com/DLNxHL0t
Ist doch wesentlich kompakter, nicht wahr? Und man kann keine copy-paste-Fehler machen. Ich habe es mal auf drei reduziert, weil das Array nur fünf Einträge hat.
Edit: Da ist mir ein Fehler unterlaufen: i ohne $ davor. So ist es richtig:
echo $beispiel[$i]["content"] . '<br>';