iframe auslesen

one6666

Mitglied Titanium
Hallo,

kann irgentwie nicht das iframe auslesen innerHTML klappt nicht :confused:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>

      <script type="text/javascript">
            
			function start(){
			
	              document.getElementById("textfeld").contentDocument.designMode = "on";
				  
			}
			
			function auslesen(){
			      
				  alert(document.getElementById("textfeld").innerHTML);  
				  
			}
	  
      </script>
      
      <style type="text/css">
	    
            .rahmen{
			border:#CCCCCC 1px solid;
			width:400px;
			height:100px;
			}
		
	  </style>
      
</head>

<body onload="start()">
      
      <table>
            <tr>
                  <td>
                  <!--
                        <button>B</button>
                        <button>I</button>
                        <button>U</button>
                  -->
                  </td>
            </tr>
            <tr>
                  <td>
                        <div class="rahmen">
                              <iframe id="textfeld" marginheight="0px" marginwidth="0px" width="400px" height="100px" frameborder="0"></iframe>
                        </div>
                  </td>
                  <td>
                        <button style="width:100px; height:100px" onclick="auslesen()">Senden</button>
                  </td>
            </tr>
      </table>
      
</body>
</html>

Wie kann ich den Inhalt den ich in das iframe schreibe wieder auslesen ?
 
innerHTML liefert dir alles, was zwischen <iframe> und </iframe> zu finden ist. Und dort ist bei dir nichts. Auch ist keine Quelldatei (src) für das iFrame angegeben.

Was hast du eigentlich genau vor? Wieso willst du in ein iFrame schreiben? Vielleicht benötigst du eher eine textarea?
 
genial,
der Board Link hat die Lösung erbracht :)

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>

      <script type="text/javascript">
            
			function start(){
			
	              document.getElementById("textfeld").contentDocument.designMode = "on";
				  
			}
			
			function auslesen(){
			      
				  var test = document.getElementById('textfeld').contentWindow.document.body.innerHTML;
  
                  alert(test);

				  
			}
	  
      </script>
      
      <style type="text/css">
	    
            .rahmen{
			border:#CCCCCC 1px solid;
			width:400px;
			height:100px;
			}
		
	  </style>
      
</head>

<body onload="start()">
      
      <table>
            <tr>
                  <td>
                  <!--
                        <button>B</button>
                        <button>I</button>
                        <button>U</button>
                  -->
                  </td>
            </tr>
            <tr>
                  <td>
                        <div class="rahmen">
                              <iframe id="textfeld" src="editor.html" marginheight="0px" marginwidth="0px" width="400px" height="100px" frameborder="0"></iframe>
                        </div>
                  </td>
                  <td>
                        <button style="width:100px; height:100px" onclick="auslesen()">Senden</button>
                  </td>
            </tr>
      </table>
      
</body>
</html>

Dank dir geht es jetzt schnell voran :) Danke
 
Keine Ursache ;)

Noch ein Tipp zum Schluß: In HTML-Attributen (bei dir betrifft es die im <iframe>-Tag) wird grundsätzlich keine Einheit (px) angegeben. Die gilt darin automatisch, wenn kein relatives Maß (%) genannt wird.

mfg Maik
 

Neue Beiträge

Zurück