Ergebnis 1 bis 7 von 7

Thema: Ablauf automatisieren

  1. #1
    HTML Newbie
    Registriert seit
    11.01.2014
    Beiträge
    7
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard Ablauf automatisieren

    Hallo.

    Ich habe folgendes vor, weiß jedoch nicht ob das realisierbar wäre:

    Es gibt eine Grafik die in einem Absatz steht
    HTML-Code:
    <p class="clickable"><img src="images/bild.png"  /></p>
    Dazu gibt es ein Javascript
    Code:
    <script type="text/javascript">
    $(document).ready(function() {
               $(".clickable").click(function() {
                  $(this).siblings(".box").slideToggle('slow');
                  if($(this).html()=="Schliessen") {
                      $(this).html("Produktvideo anschauen");
                    } 
               });
    });
    </script>
    Wenn ich auf diese Grafik klicke wird ein DIV aufgeklappt (Slide) und es wird ein Video abgespielt. Klicke ich abermals auf die Grafik slided der Container wieder zu und das Video ist verschwunden. Soweit paßt das auch.

    Jetzt möchte ich aber, dass - nach Beendigung des Videos - dieser DIV automatisch wieder zu slided, ohne dass ich auf die Grafik erneut klicken muss. Geht das irgendwie zu machen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Ablauf automatisieren

    Zitat Zitat von Dagilein Beitrag anzeigen
    Jetzt möchte ich aber, dass - nach Beendigung des Videos - dieser DIV automatisch wieder zu slided, ohne dass ich auf die Grafik erneut klicken muss. Geht das irgendwie zu machen?
    Wenn es sich um ein eingebettes Video handelt, dann geht das nicht.
    Wenn es jedoch ein HTML5 Video ist, dann kannst du das Event ended abfragen.
    Beipiele zu events und mediaproperties unter http://www.w3.org/2010/05/video/mediaevents.html
    Geändert von explanator (21.01.2014 um 10:55 Uhr)

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    11.01.2014
    Beiträge
    7
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Ablauf automatisieren

    Danke, das bringt mich schon etwas weiter zum Ziel.
    Okay, das Event ended frage ich dann mit Javascript ab. Aber wie kann ich das DIV zu sliden lassen ohne dass ich auf die Grafik klicke?

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Ablauf automatisieren


  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    11.01.2014
    Beiträge
    7
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Ablauf automatisieren

    Danke für den Link.
    Ich konnte mich zwar einigermaßen in den Code dort einlesen, weiß aber nicht, wie ich das umsetzen soll / kann dass es für meine Anforderung funktioniert.
    Kannst du mir bitte eine weitere Hilfestellung geben?

  6. #6
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Ablauf automatisieren

    Versuche es doch wenigstens.Du hast doch oben schon stehen was bei schliessen ausgeführt werden soll.

    Ich habe ja nicht mal Einblick in deinen Html-Code.

  7. #7
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Ablauf automatisieren

    du musst doch einfach nur das event ended vom video abfangen und wenn das eintritt, gibste den befehl das div zu schliessen. die funktion haste doch schon auf dem bild verfügbar
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Nach Ablauf eines Videos weiterleiten
    Von haillo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 28.07.2010, 23:48
  2. Dynamischen Webseitentest automatisieren?
    Von alphachill im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 22.07.2010, 13:57
  3. Submit Button automatisieren
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 14.11.2008, 13:18
  4. Antworten: 4
    Letzter Beitrag: 04.01.2006, 21:58
  5. Formulare automatisieren
    Von Fronk im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 11.09.2005, 09:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •