Ist es möglich, etwas HTML durch ein anderes HTML zu ersetzen?

Ich möchte dies von dem Klick mit einem Knopf ändern. Ich mag es lige ein Toggle sein, so dass der Ton stumm geschaltet werden kann und ungedämpft:Ist es möglich, etwas HTML durch ein anderes HTML zu ersetzen?

<div class="video-player" data-property="{videoURL:'<?php echo $shop_isle_yt_link; ?>', containment:'.module-video', startAt:0, **mute:false**, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:25}"></div>

<div class="video-player" data-property="{videoURL:'<?php echo $shop_isle_yt_link; ?>', containment:'.module-video', startAt:0, **mute:true**, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:25}"></div>

ich so versucht:

?> 
       <!-- Youtube player start--> 
       <div class="video-player" data-property="{videoURL:'<?php echo $shop_isle_yt_link; ?>', containment:'.module-video', startAt:0, mute:true, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:25}"></div> 
       <!-- Youtube player end --> 
       <?php 


     echo '</section>'; 

    endif; /* END VIDEO */ 

    ?> 

    <script> 
$(document).ready(function(){ 
    $("#mutebutton").click(function(){ 
     $(".video-player").replaceWith('<div class="video-player" data-property="{videoURL:'<?php echo $shop_isle_yt_link; ?>', containment:'.module-video', startAt:0, mute:false, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:25}"></div>'); 
    }); 
}); 
</script> 


    <button id="mutebutton">Mute/unmute</button>

Quelle

2016-04-19 Søren Vigsø Morthorst

müssen Sie Javascript verwenden. PHP läuft auf dem Server und liefert HTML. Javascript läuft auf dem Client und kann damit umgehen. – Dominik

Aber wie mache ich das? –

Sie können http://api.jquery.com/replacewith/ verweisen, wenn Sie jquery oder https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild verwenden möchten nur mit Javascript zu gehen. Schauen Sie sich auch diesen Link an - http://StackOverflow.com/questions/843680/how-to-replace-dom-element-in-place-using-javascript – Bhumika107

Die einfachere Art und Weise zu wäre es, indem Sie nur das Data-Property-Tag ersetzen. Es würde dies gerne haben:

$(document).ready(function(){ 
    var toggle = false; 
    $("#mutebutton").click(function(){ 
     if(toggle) toggle = false; else toggle = true; 
     $(".video-player").data('property', '{videoURL:'<?php echo $shop_isle_yt_link; ?>', containment:".module-video", startAt:0, mute:' + toggle ? 'true' : 'false' + ', autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:25}'); 
    }); 
});

Quelle

2016-04-19 12:04:43

Ist es möglich, etwas HTML durch ein anderes HTML zu ersetzen?

Antwort

Verwandte Themen