[HTML] Code zum Titel switchen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von -LaMeR-, 1. April 2009 .

  1. 1. April 2009
    Code zum Titel switchen

    Ich hab folgendes Problem.
    Ich hab ne kleine HTML Page, auf der ich folgendes machen will.

    Ich lass per Iframe im hintergrund musik laufen von youtube.

    nur möchte ich jetz sozusagen was einbauen, damit das iframe wechselt, wenn ich auf einen link klicke.
    wie kann ich das machen.

    sprich ich will nen link, der "nächster song" heißt und dann sollen die einzelnen lieder im hintergrund laufen. das iframe würde ich iwo auf der hp ganz klein verstecken.


    wie krieg ich das hin?
     
  2. 1. April 2009
    AW: Code zum Titel switchen

    Das hat nichts mit Webdesign zu tun^^

    Sind die Links für jedes Lied offentsichtlich? oder soll es wirklich nur ein vor und zurück button geben?
     
  3. 1. April 2009
    AW: Code zum Titel switchen

    http://snippets.dzone.com/posts/show/2617
     
  4. 1. April 2009
    AW: Code zum Titel switchen

    Ist das wirklich das was der Themenersteller will?
    Ich dachte er will ne im Hintergrund lieder laufen lassen und die mit klick wechseln..so wie es in der titelbeschreibung steht?
     
  5. 2. April 2009
    AW: Code zum Titel switchen

    genau so will ich das, das is auf keinenfall das richtige.
     
  6. 2. April 2009
    AW: Code zum Titel switchen

    Ok, sorry^__^

    [G]javascript change iframe src[/G]
     
  7. 2. April 2009
    AW: Code zum Titel switchen

    ich versteh das problem nich!?
    wieso benutzt du nich einfach als target im link den namen deines frames? dazu brauchst kein javascript.
    es is aber auch irgendwie so gar nich leicht dein anliegen erstmal zu kapieren. vllt nächstes mal besser beschreiben.
     
  8. 2. April 2009
    AW: Code zum Titel switchen

    Ich würde mir die Youtube links die du haben willst in einen JS array schreiben.

    Dann erstellst du dir eine Funktion. next und back. Dann kommt eine einfache abfrage rein.
    Wenn array am ende ist, fange von vorne an(next). Und wenn array am anfang, dann fange von hinten an (back).

    Und dann noch dem iframe den neuen src zuteilen. Ist eigentlich recht einfach. Hab es gerade mal so testweise local probiert. funktioniert auch.
     
  9. 2. April 2009
    AW: Code zum Titel switchen

    mach dir nen button, zb
    HTML:
    <span style="cursor:pointer;" onclick="changeSong();">nächsten Titel abspielen</span>
    
    und ein iframe
    HTML:
    <iframe name="deinframename" style="height:1px;width:1px;" src="#" frameborder="0" autoscroll="no"></iframe>
    
    Dann definierst du deine Song-URLs und eine Funktion, die diese im Iframe auruft.

    HTML:
    <script type="text/javascript" language="javascript">
    var URLS = new Array("http://youtube.com?watch=key", "http://youtube.com?watch=key", "http://youtube.com?watch=key");
    
    var song=0; // definiert die start-URL (das erste arrayfeld ist 0, nicht 1 - falls das nicht bekannt war)
    var anzahl=URLS.length; // speichert die Länge der Array (anzahl der urls)
    
    // erstes Lied bei laden der Seite autom. laden
    document.deinframename.src=URLS[song];
    
    function changeSong() {
     song += 1;
     if(song>anzahl) song=0; // ist die liste durch, fängt er wieder am anfag an
     document.deinframename.src=URLS[song];
    }
    </script>
    
    Habs eben hier einfach mal schnell hingeschrieben, kann daher Fehler beinhalten, aber ich glaube vom Grundansatz suchst du sowas^^

    // edit: hacker5 hats kurz vorher theoretisch erklärt^^


    Anstatt die ganze Seite zu laden, würde ich allerdinks nur die Videos binden....Da sparst du viele kbytes....
    Das geht dann aber nicht mit so einer iframe lösung^^
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.