Les propriétés iFrame ne sont pas mises à jour via JS DOM

Question

Une autre question de noob, celle-ci est un mystère pour moi. J'essaie d'injecter un code JS et d'utiliser iFrame pour cela. .

url Test ->http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/

Ici, je d'abord créé un iFrame caché

puis je suis injecter dans un nouveau code JS: document.getElementById ('de movie_loader') src = 'jwplayer.php? id = 5'); Et le rendant visible: document.getElementById ('movie_loader'). Visibility = 'visible';

mais rien ne se passe comme vous pouvez le voir. les accessoires SRC et VISIBILIY ne sont pas mis à jour.

La même chose s'est produite lorsque j'ai utilisé la propriété DISPLAY.

Une idée?

Answer 1

Il vous manque «style».

document.getElementById('movie_loader').style.visibility = 'visible'; 

ou mieux, utilisez « affichage » plutôt que « la visibilité (utilisation display: none; pour commencer):

document.getElementById('movie_loader').style.display = 'block'; 

Answer 2

Vous avez une erreur de syntaxe sur la première ligne avec un ) supplémentaire sur la fin, et vous devez ajouter .style sur la deuxième ligne, comme ceci:

document.getElementById('movie_loader').src = 'jwplayer.php?id=5'; 
document.getElementById('movie_loader').style.visibility = 'visible'; 

Styles sur un élément sont stockés sous forme d'un objet sous .style, pas comme des propriétés directes. Cependant, une fois que vous avez résolu ce problème ... il ne trouve pas le fichier jwplayer.php, il s'agit d'un 404, donc vous devez ajuster le chemin en quelque sorte ... Je ne sais pas exactement où sur votre site il se trouve, mais il ne se trouve pas à: http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/jwplayer.php?id=5