Ändern des Stils eines Elements, nachdem bestimmte Bedingung auf einer anderen Seite erfüllt ist

Ich habe einen Link zu einem Video in meinem HTML-Code, die, wenn Benutzer darauf klicken, wird es in einem neuen Tab öffnen. Was ich tun möchte, ist, dass, wenn ein Benutzer das ganze Video (oder die Hälfte davon) betrachtet, sich der Link-Stil auf der ersten Seite ändert (zum Beispiel seine Farbe ändert). Aber wenn der Benutzer nicht das ganze Video anschaut, möchte ich nicht, dass dem Link-Stil auf der ersten Seite etwas passiert. Wie kann ich das mit Javascript machen?Ändern des Stils eines Elements, nachdem bestimmte Bedingung auf einer anderen Seite erfüllt ist

Quelle

2017-03-09 Meysam

Ich denke, Ihre beste Wette ist, eine Variable in localstorage oder sessionstorage (je nachdem, wie lange Sie wollen, dass der Effekt dauern). Sie müssten am Ende des abzuspielenden Videos im Wesentlichen einen Schlüssel zu localstorage hinzufügen und dann den Stil aller Links auf der sendenden Seite basierend auf dem aktuellen Status localstorage ändern.

Dies scheint jedoch wirklich kompliziert und unnötig, und ich denke, die Komplexität kann ein Indikator für einen Benutzer Erfahrung Geruch sein. Es wäre hilfreich, wenn Sie mehr Informationen darüber geben könnten, wie Sie die Videos abspielen und warum es wichtig ist, dass der Benutzer dies über den Link selbst sehen kann.

Quelle

2017-03-10 00:00:44

Ich denke, sie haben einen einfacheren Anwendungsfall als was ich von Ihrer ursprünglichen Frage gesammelt habe. Wenn Sie sich die DOM-Struktur ansehen, ist der farbige Teil des Links tatsächlich ein anderes DOM-Element innerhalb des Links und wird fast sicher auf der Server-Ebene gerendert. Das bedeutet, dass sie speichern, dass Sie das Video beendet haben, und bestimmen, welches Symbol für die Wiedergabe der Seite platziert werden soll. –

gut Am besten ist es am folgende Beispiel aussehen: https://www.khanacademy.org/math/differential-equations/first-order-differential-equations hier auf Khan Academy-Website, wenn Sie einen Kurs beobachten (Video) und dann zurück zur ursprünglichen Seite (die die Liste des Inhalts zeigt) können Sie sehen, dass der kleine Kreis neben dem Kurstitel zu blau gedreht wird. Aber wenn Sie nicht das ganze Video anschauen, ändert sich die Kreisfarbe nicht. Auf diese Weise können Sie wissen, welche Kurse Sie gesehen haben und welche nicht. Ich möchte den ähnlichen Effekt erzielen. Ich weiß nicht, ob das hilft :) – Meysam

Siehe meinen obigen Kommentar; Fügen Sie das hinzu, damit Sie es nicht verpassen. –

Ändern des Stils eines Elements, nachdem bestimmte Bedingung auf einer anderen Seite erfüllt ist

Antwort

Verwandte Themen