jQuery: Zugriff auf frame in verschachtelten frameset

Ich habe ein Dokument, das ein verschachteltes frameset. Ich brauche den Zugriff auf eine der verschachtelte frames mit dem Namen "sq_main", und auf Inhalte zugreifen, die innerhalb dieses Rahmens. Hier ist meine Struktur:

<html>
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<frameset rows="28,*" frameborder="0" border="0">
  <frame src="/_admin/?SQ_BACKEND_PAGE=header" name="sq_header" scrolling="no" marginwidth="0" marginheight="0">
  <frameset cols="380,10,*" frameborder="0" border="0" id ="main_frameset">
    <frame src="/_admin/?SQ_BACKEND_PAGE=sidenav" name="sq_sidenav" scrolling="no" marginwidth="0" marginheight="0">
    <frame src="/_admin/?SQ_BACKEND_PAGE=resizer" name="sq_resizer" scrolling="no" marginwidth="0" marginheight="0">
    <frame src="/_admin?SQ_BACKEND_PAGE=main&assetid=43&sq_from_frontend=1" name="sq_main" marginwidth="0" marginheight="0" scrolling="yes">
  </frameset>
</frameset>
<noframes></noframes>
</html>

Leider kann ich nicht den code ändern, das ist, warum ich brauchen, um mit jQuery. Ich habe versucht, schreiben Sie ein jQuery-Selektor zum Zugriff auf die "sq_main" Rahmen, aber kein Glück so weit:

$('body', parent.frames[0].sq_main).prepend('<h1>TEST!!!!</h1>');

Ideen, wie man per drill-down in dieser hässlichen Struktur? 🙂

  • Ich kann nicht finden sq_main in Ihrem Beispiel; der code ist, den über den Inhalt sq_main oder ist das Beispiel etwas fehlt?
  • Ja, es ist richtig, in dem Beispiel, es ist das Letzte Bild. <frame src="/_admin?SQ_BACKEND_PAGE=main&assetid=43&sq_from_frontend=1" name="sq_main" marginwidth="0" marginheight="0" scrolling="yes">
InformationsquelleAutor Nic Hubbard | 2010-05-31
  1. 11

    Versuchen, navigieren Sie einen Schritt zu einer Zeit. Wenn ich mich Recht erinnere, die frames array funktioniert nur mit iframes. Versuchen Sie den Wahlschalter frame[name = 'sq_main'] statt.

    Beispiel durch Ronny Sherer:

    var frameDocument = $('frame[name="mainFrame"]', top.document)[0].contentDocument;
$(frameDocument).find('body').prepend('<h1>TEST!!!!</h1>');
    • Ich habe versucht: alert($("frame" [name = 'sq_main']").Kinder('#sq-suchen-warten-popup-details').text()); Aber das scheint nicht zu funktionieren..
    • Re 1, frameset sollte verwendet werden, anstelle von einem body-element: w3schools.com/tags/tag_frameset.asp
    • Danke, ich habe meine Feste Antwort.
    • Hallo, ist es möglich, es zu tun in nativem javascript.
    • Sicher, aber ich schlage vor, um IDs zuweisen, die frames verwenden, so können Sie getElementById() Sonst bekommt der Elemente durch den tag und suchen die Folge.
    • Teilweise details. Hatte zu schauen, zensheno Antwort, um zu verstehen. Klareres Beispiel: var frameDocument = $('frame[name="mainFrame"]', top.document)[0].contentDocument; $(frameDocument).find('body').prepend('<h1>TEST!!!!</h1>');

    InformationsquelleAutor Aaron Digulla
  2. 5
    var sql_mainJQ = $("frame[name='sql_main']", top.document);

//$('body', sql_mainJQ.contents()).prepend("TEST!!!!"); //:( Bad

var frameContent = sql_mainJQ[0].contentDocument;
if ($.browser.msie) {
    frameContent = mainFrameJQ[0].contentWindow.document;
} else {
    frameContent = mainFrameJQ[0].contentDocument;
}
$('body', sql_mainJQ.contents()).prepend("TEST!!!!"); //:> Maybe OK!
    InformationsquelleAutor zensheno
  3. 0
    <html>
<head>
    <title>frames.html</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<frameset rows="100,*" frameborder="1" border="2">  
                <frame src="helloworld.html" name="sq_header" id="sq_header" scrolling="yes" marginwidth="0" marginheight="0">
                   <frameset cols="380,300,*" frameborder="1" border="2" id ="main_frameset">  
                   <frame src="helloworld.html" name="sq_sidenav"  id="sq_sidenav" scrolling="yes" marginwidth="0" marginheight="0"> 
                   <frame src="anotherpage.html" name="sq_resizer" id="sq_resizer" scrolling="yes" marginwidth="0" marginheight="0">   
                   <frame src="helloworld.html" name="sq_main" id="sq_main" marginwidth="0" marginheight="0" scrolling="yes">  
                   </frameset> 
                   </frameset>
<noframes>
</noframes>
</html>
<html>
<head>
    <title>anotherpage.html</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script type="text/javascript">
                  //http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/
                  //You may specify partial version numbers, such as "1" or "1.3",
                  // with the same result. Doing so will automatically load the 
                  // latest version matching that partial revision pattern 
                  // (e.g. 1.3 would load 1.3.2 today and 1 would load 1.7.2).
                  google.load("jquery", "1.6.2");

                  google.setOnLoadCallback(function() {
                    //Place init code here instead of $(document).ready()
                  });
    </script>

    <script language="Javascript">
                var d = new Date();
                var n = d.getTime(); 

                $(document).ready(function(){  
                   $('#title').html($("title").html());
/*
this is to work in safari
see "Updated answer provided below....looks like a setTimeout maybe needed as the     frames aren't loaded when the initial startup script runs. – David Hoerster Aug 21 '10 at 16:38
url: http://stackoverflow.com/questions/3534082/jquery-access-table-inside-a-frame
*/
setTimeout(writemsg, 2000);
function writemsg() {
                   $('#helloworld',top.frames["sq_main"].document).html("Write from "+ $("title").html()+" in sq_main at "+ n);
}
                  }); 

    </script>

</head>
<body>
    <div id="title">
    </div>
    </p>
    <div id="helloworld">
        Hello World JQuery!</div>
</body>
</html>
<html>
<head>
    <title>helloworld.html</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script type="text/javascript">
                  //http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/
                  //You may specify partial version numbers, such as "1" or "1.3",
                  // with the same result. Doing so will automatically load the 
                  // latest version matching that partial revision pattern 
                  // (e.g. 1.3 would load 1.3.2 today and 1 would load 1.7.2).
                  google.load("jquery", "1.6.2");

                  google.setOnLoadCallback(function() {
                    //Place init code here instead of $(document).ready()
                  });
    </script>

    <script language="Javascript">
                $(document).ready(function(){  
                   $('#title').html($("title").html());
                  }); 

    </script>

</head>
<body>
    <div id="title">
    </div>
    </p>
    <div id="helloworld">
        Hello World JQuery!</div>
</body>
</html>
    InformationsquelleAutor balaionarede
Schreibe einen Kommentar