ändern der param Wert des Objekts in html mit ajax

Ich bin den Aufbau einer kleinen web-Anwendung zum ausführen von midi-Dateien. Derzeit bin ich mit quick time Abspielen der midi-Dateien. Das problem ist, dass ich nicht weiß, von welcher Quelle ich brauche, um zu binden das Objekt, bis der Benutzer einige Informationen (so etwas wie eine Suche ). Ich muss in der Lage sein, um aktualisieren Sie den quicktime-Film auf dem richtigen Weg. Ist es möglich? Macht ajax-Unterstützung in diesem?

InformationsquelleAutor vondip | 2009-07-29
  1. 2

    AJAX ist eine Technik. Was Sie tun möchten, ist ändern Sie den QuickTime-Film Pfad mit JavaScript.

    var qtMovie=document.getElementById('yourMovieEmbedID');
qtMovie.src='your new source';

    Sollten Sie wickeln Sie diesen code in eine Funktion und es ausführen, wenn der Benutzer klickt auf die Schaltfläche OK.

    • Ja, aber nicht ich müssen zu zwingen, die Seite neu zu laden, um für mich zu hören, um die richtige Quelle?
    • Nein, JavaScript ist dynamisch. Die änderungen gelten sofort.
    • ok, das scheint nicht zu funktionieren =[ Wenn man diesen Wert: Funktion SetSource(newSource) { document.midiFilePlayer.src = newSource alert('neue Quelle' + document.midiFilePlayer.src); } der src-Wert nicht aktualisiert.
    • Versuchen Sie es mit .setAttribute('src', 'neue Quelle');
    • Ich sehe, es scheint um den Wert zu aktualisieren, obwohl es nicht vollständig lösen das problem, ich kann nicht aktualisieren, scheint der src-Wert des embed-Teil, dies ist die problmatic Teil des quick time plug-in-code: <embed src="myMidiLocation" width="160" height="120" name="midiFilePlayer" autoplay="false" controller="false" enablejavascript="true" pluginspage="apple.com/quicktime/download/">
    • Dann vielleicht Sie die falsche element (nicht einbetten).

    InformationsquelleAutor Cristian Toma
  2. 0

    Wenn Sie wirklich brauchen, um hinzufügen eine <param> (im Gegensatz zur Anpassung einer Attribut-Wert), habe ich entdeckt, dass das grabben des <object>, Klonen, hinzufügen der <param> und dann wieder die aktuelle <object> - tag scheint zu funktionieren in den meisten Browsern (obwohl es scheint nicht zu funktionieren, im Firefox). Sehen diese Antwort für ein Beispiel.

    Verlinkte Antwort ist für jeden <object> auf einer Seite, hier ist, wie Sie es tun würde, für eine einzelne Instanz des Tags:

    //create the appropriate <param>
var elementToAppend = document.createElement('param');
elementToAppend.setAttribute('name', 'src');
elementToAppend.setAttribute('value', 'blah.midi');
//get a reference to the <object>
var obj = document.getElementById('yourMidiPlayerObject');
//duplicate the <object>
var newObj = obj.cloneNode(true);
//append the <param> to the <object>
newObj.appendChild(elementToAppend);
//replace the <object> on the page
obj.parentNode.replaceChild(newObj, obj);

    Wenn die <param> Sie ändern möchten, bereits existiert, sind die Dinge ein bisschen anders:

    //get a reference to the <object>
var obj = document.getElementById('yourMidiPlayerObject');
//duplicate the <object>
var newObj = obj.cloneNode(true);
//get a reference to the current <param>
var param = document.getElementById('theParamId');
//duplicate the <param>
var newParam = param.cloneNode(true);
//change the value of the <param>
newParam.setAttribute('value', 'newblah.midi');
//replace the <param> tag on the <object>
newObj.replaceChild(newParam, param);
//replace the <object> on the page
obj.parentNode.replaceChild(newObj, obj);

    In beiden Fällen, das ist der trick, um zu bekommen, es funktioniert in IE, Opera, Safari und Chrome ist der Austausch der <object> auf der Seite. Anhängen eines neuen <param> zu den bestehenden <object> nicht scheinen, um es Analysepunkte, die den Wert oder laden Sie die neu genannten Inhalte.

    InformationsquelleAutor Grant Wagner
Schreibe einen Kommentar