verschiedene Divs an richtiger Position nachladen

[creativeheadz]

Hallo,

ich würde gerne mittels folgendem Code YoutubeVideos in einem DIV nachladen.


So sieht mein Code aus (leider klappt er nicht):

<script type="text/javascript">

var xmlHttpObject = false;

if (typeof XMLHttpRequest != 'undefined') 
{
    xmlHttpObject = new XMLHttpRequest();
}
if (!xmlHttpObject) 
{
    try 
    {
        xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e) 
    {
        try 
        {
            xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e) 
        {
            xmlHttpObject = null;
        }
    }
}

function loadContent(id)
{

    xmlHttpObject.open('get', "hallo.php?v=" + id);
    xmlHttpObject.onreadystatechange = handleContent;
    xmlHttpObject.send(null);
    return false;
}

function handleContent()
{
    if (xmlHttpObject.readyState == 4)
    {
        document.getElementById('myContent').innerHTML = xmlHttpObject.responseText;
    }
}
</script>

<p id="myContent">
    <a href="#" onClick="loadContent(uM6Ms621898);"><img src="http://i2.ytimg.com/vi/uM6Ms621898/default.jpg"></a>
</p>
<p id="myContent">
    <a href="#" onClick="loadContent(36ihFPErYD4);"><img src="http://i4.ytimg.com/vi/36ihFPErYD4/default.jpg"></a>
</p>

Hier die hallo.php :

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/<?php echo $_GET['v']; ?>?fs=1&amp;hl=de_DE&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<?php echo $_GET['v']; ?>?fs=1&amp;hl=de_DE&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

Wäre super wenn mir jemand helfen könnte.

gruß

 

[Parantatatam]

Könntest du konkretisieren, was nicht so funktioniert wie es sollte?

 

[creativeheadz]

Stimmt dasfehlte noch was

Also das Problem ist, dass nichts passiert wenn man auf die Links klickt. Es wird kein Video abgespielt bzw, es wird nichts nachgeladen.

 

[Back2toxic]

Lass dir mal in der funktion handleContent die readyStates ausgeben bzw. den responseText...
Kommt dein Skript überhaupt zu einem readyState 4? Was steht im responseText?

Edit: Setz' Hochkommata um uM6Ms621898 bzw. 36ihFPErYD4, dann funktionierts

 

[creativeheadz]

Hey,
echt Klasse! Danke für die schnelle Hilfe****** Jetzt funktionierts.

Nur ich habe da noch eine Frage:

Leider spielt das Video nun immer im Gleichen DIV ab. Ich fänd es besser wenn jedes Video in einem eigenen DIV Abspielt. Dafür müssen ja die IDs unterschiedlich bezeichnet sein. Wie kann ich die unterschiedlichen Bezechnungen an JavaScript übergeben?

<p id="myContent1">

<p id="myContent2">

<p id="myContent3">

etc...

Gruß