2016-07-11 3 views
0

Donc, fondamentalement, j'ai ce IframeAuto-défilement textarea dans iframe

<iframe src ="http://.../iframe.php" id="myIframe"></iframe> 

et la seule chose sur cette page iframe (de iframe.php) est une zone de texte:

<textarea id="test" name="text" rows="20" cols="50" readonly> 

J'ai essayé de faire défiler le textarea vers le bas si la valeur de la zone de texte dépasse la fenêtre iframe (sur la page avec l'Iframe dessus) mais cela ne marchera pas. J'ai essayé quelques solutions sur stackoverflow mais rien n'a fonctionné pour moi.

MISE À JOUR

Il travaille maintenant. Code de travail si tout le monde est intéressé:

function myFunctiontest() { 
var goddammit = document.getElementById('myIframe').contentWindow.document.getElementById('test'); 
    goddammit.scrollTop = goddammit.scrollHeight; 
     } 

Répondre

0

Essayez oninput="this.scrollTop = this.scrollHeight;" dans la zone de texte et si cela fonctionne correctement avec le faire le gestionnaire d'événements.

Mise à jour:

Dans la page qui contient le , il a une carte d'identité ainsi que le textarea:

window.onload = function() { 

    var ifr = document.getElementById('ifr'), 
     ta = ifr.contentDocument.getElementById('ta'); 

    ta.scrollTop = ta.scrollHeight; 

} 
+0

le script devrait fonctionner sur la page du conteneur ou sur le iframe.php? – fedeghe

+0

si elle fonctionne sur le iframe.php les travaux suivants dans les suivants, chrome, safari \t fonction 'window.onload =() {var \t \t i = document.getElementById ('test'); \t \t i.scrollTop = i.scrollHeight; \t} ' – fedeghe

+0

ok ... je l'ai ... J'ai ajouté à ma réponse – fedeghe