Changer iFrame Src avec Javascript, JQuery, dynamicment

J’essaie depuis quelques heures de changer le src d’un iFrame. Cela semble être une tâche simple, mais pour des raisons diverses, après des centaines d’essais et la lecture de plusieurs autres questions et réponses sur stack, je me trouve toujours incapable de changer le src d’un iFrame. Comme vous pouvez le voir dans le code ci-dessous, j’ai tenté cela plusieurs fois. Qu’est-ce que je fais mal?

 

function loadPages(){ var loc = "http://localhost/morningmarketweb/index.html"; //var myIframe = document.getElementById("myFrame"); //window.frames[myIframe].location = "http://localhost/morningmarketweb/index.html"; // $(myIframe).load('http://localhost/morningmarketweb/index.html'); // document.getElementId('myFrame').src="google.com"; // var myIframe = document.getElementById('myFrame'); // myIframe.src=loc; //$('#myFrame').attr('src', loc); document.getElementById('myFrame').setAtsortingbute('src', loc); }

Voici le code:

    

Comme vous pouvez le constater, le premier problème était que vous demandiez un élément par identifiant … eh bien, vous devez spécifier un identifiant. Deuxième problème, vous devez avoir un élément qui déclenche l’action “loadPages” … pour pouvoir définir un bouton.

Voici également l’exemple fonctionnel:

http://jsfiddle.net/littapanda/Jsc4E/

le nom n’est pas id. Définissez Id = “myFrame” et cela fonctionnera: $ (‘# myFrame’). Attr (‘src’, loc);

   

// également basé sur votre code ci-dessus, vous n’aviez pas d’identifiant sur votre Iframe – alors j’ai ajouté id = ‘myIframe’