Script mit Onclick nachladen

So aus der hohlen Hand:

Code:

<button id="load_script">Tu was!</button>

<script>
$(function() {
  $(body).delegate('button#load_script', 'click', function(e) {
    e.preventDefault();
    document.write('<scr'+'ipt src="http://manfred.example.com/tolles_script.js"></scr'+'ipt>');
  });
});
</script>

irgendwie so und unter der Annahme, dass man jQuery hat und noch etwas dazu baut, dass mehrfaches Einfügen verhindert.

 

Achsoooo. Ja, da habe ich zu kompliziert gedacht. Das ist einfacher:

Code:

<button id="nachlader">Lade was.</button>

<div id="hierkommtwasrein"></div>

<script>
$(function() {
  $('body').delegate('#nachlader', 'click', function(e) {
    e.preventDefault();
    $('#hierkommtwasrein').load('http://www.gambio.de/');
  });
});
</script>

 

Würde ich so machen:

Code:

<button id="nachlader">Lade was.</button>

<div id="hierkommtwasrein"></div>

<script>
$(function() {
  $('body').delegate('#nachlader', 'click', function(e) {
    e.preventDefault();
    if($('#hierkommtwasrein').hasClass('hieristwasdrin') == false) {
      $('#hierkommtwasrein').load('http://www.gambio.de/', function() { $('#hierkommtwasrein').addClass('hieristwasdrin'); });
    }
    else {
      $('#hierkommtwasrein').toggle();
    }
  });
});
</script>