Remova esta parte do script, ela é desnecessária:
myFunction(); // Fails because it hasn't loaded from my.js yet.
window.onload = function() {
// Works most of the time but not all of the time.
// Especially if my.js injects another script that contains myFunction().
myFunction();
};
Agora repare nesta linha:
script.setAttribute('src', 'https://picasaweb.google.com/data/feed/tiny/user/100642868990821651444/albumid/5720909216955340593/photoid/5720909218315234178?authuser=0&alt=jsonm&urlredir=1&commentreason=1&fd=shapes&thumbsize=d&max-results=100&callback=picasa_callback&t=');
Em particular, nisto aqui:
callback=picasa_callback
Quando o script for inserido, a função indicada como callback será chamada. Neste caso, é a função picasa_callback
. Agora veja como ela é:
function picasa_callback(obj) {
document.body.appendChild(get_embed(obj['feed']['media']['content']));
}
Ela pega um HTML (gerado por get_embed
) e insere no final do <body>
, com document.body.appendChild
. Se você quer inserir esse HTML na sua div com id script
, faça o append nela e não no body:
function picasa_callback(obj) {
document.getElementById('script').appendChild(get_embed(obj['feed']['media']['content']));
}
Importante: para garantir que a div exista quando o callback for chamado, inclua seu script no final do HTML. Certifique-se que o script esteja depois do <div id="script" class="#"></div>
no código-fonte.