mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 15:31 Benutzername: Passwort: Auto-Login

Thema: Interne und Externe iframes auf einer Seite vom 03.05.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Interne und Externe iframes auf einer Seite
Seite: 1, 2  Weiter
Autor Nachricht
dstN
Threadersteller

Dabei seit: 29.09.2011
Ort: Freiburg im Breisgau
Alter: 33
Geschlecht: Männlich
Verfasst Do 03.05.2012 14:26
Titel

Interne und Externe iframes auf einer Seite

 Antworten mit Zitat Zum Seitenanfang
Hallo,

ich habe gerade eine DemoSeite für einen Slider den unsere Agentur anbietet erstellt.

Dort habe ich dann ein paar lokale interne Seiten die Demos enthalten auf der Main in ein iframe gepackt - funktioniert auch alles.

Wenn ich nun aber einen iframe von außerhalb includen möchte zeigt er immer den letzten iframe doppelt an, anstatt die Online-Version.

Beispiel:
Code:
<iframe frameborder="0" src="xyz.html"></iframe>
<!-- Inhalt: Content/Image-Slider - Javascriptbibliothek jQuery -->
<br />
<iframe frameborder="0" src="http://www.google.de"></iframe>
<!-- Inhalt: Content/Image-Slider - Javascriptbibliothek jQuery -->


Folgendes passiert: Dort wo nun eigentlich im iFrame google auftauchen sollte, kommt nochmal "xyz.html" ... und ich hab keine Ahnung wieso.

Wenn ich eine Seite anlege die nur google.de (Beispiel) enthält im iframe, dann geht es natürlich.
Bette ich dann aber wieder eine lokale Seite mit dem Slider ein, gehts nicht mehr.
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Do 03.05.2012 15:03
Titel

Antworten mit Zitat Zum Seitenanfang
Kann da keinen Fehler entdecken, da du aber anscheinend mit jQuery arbeitest, wäre übrige Teil vom Markup samt Javascript schon recht interessant.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
dstN
Threadersteller

Dabei seit: 29.09.2011
Ort: Freiburg im Breisgau
Alter: 33
Geschlecht: Männlich
Verfasst Do 03.05.2012 15:12
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

<title>Slider Beispiele</title>
      <style>
         body {
            background-color: #777;
            padding: 10px;
         }
         #sliderbeispiele {
            margin: auto;
            width: 100%
         }
         
         #sliderbeispiele iframe {
            border: 1px solid #ccc;
         }
      </style>
      <script src="js/jquery-1.6.2.min.js"></script>     
      <script src="js/jquery.easing.1.3.min.js"></script>
      <script type="text/javascript">
         $(document).ready(function(){
            /*Box klein machen*/
            $('button#x1024').click(function(){
               $('iframe#scale').animate({ height: 500, width: 1024 }, "slow", function(){});
            })
            $('button#x640').click(function(){
               $('iframe#scale').animate({ height: 300, width: 640 }, "slow", function(){});
            })
            $('button#x800').click(function(){
               $('iframe#scale').animate({ height: 400, width: 800 }, "slow", function(){});
            })
            $('button#x1280, button#default').click(function(){
               $('iframe#scale').animate({ height: 500, width: 1280 }, "slow", function(){});
            })
            $('button#x1680').click(function(){
               $('iframe#scale').animate({ height: 700, width: 1680 }, "slow", function(){});
            })
            $('button#x1920').click(function(){
               $('iframe#scale').animate({ height: 800, width: 1920 }, "slow", function(){});
            })
         });
      </script>


Das ist der komplette Headbereich.

Dann hier zwei Demos:

Code:

         <iframe frameborder="0" width="1280" height="550" style="margin: auto;" src="image-gallery-demo.html"></iframe>
         <br />
         <iframe id="scale" frameborder="0" width="1280" height="500" style="margin: auto;" src="responsive-demo.html"></iframe>
         <br />
         <button id="x640">Resize to 640</button>
         <button id="x800">Resize to 800</button>
         <button id="x1024">Resize to 1024</button>
         <button id="x1280">Resize to 1280</button>
         <button id="x1680">Resize to 1680</button>
         <button id="x1920">Resize to 1920</button>
         <button id="default">Back to Default</button>
         <br /><br />


Wenn ich nun einen iframe nach den zwei <br />'s einfüge, der auf eine externe Quelle linkt, kommt der vorletzte iFrame doppelt.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 03.05.2012 15:16
Titel

Antworten mit Zitat Zum Seitenanfang
Schon mal was anders als google probiert?
  View user's profile Private Nachricht senden
dstN
Threadersteller

Dabei seit: 29.09.2011
Ort: Freiburg im Breisgau
Alter: 33
Geschlecht: Männlich
Verfasst Do 03.05.2012 15:39
Titel

Antworten mit Zitat Zum Seitenanfang
top hat geschrieben:
Schon mal was anders als google probiert?


Es ist ja was anderes als Google.

Aber was anderes funktioniert bei mir ebenso nicht...
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Do 03.05.2012 16:14
Titel

Antworten mit Zitat Zum Seitenanfang
Kann da beim besten Willen nichts entdecken.

Probier nochmal folgendes:
- anderen Browser
- Cache löschen
- Fehlerkonsole (respektive Firebug)



Deine iframe-Seiten haben aber nicht zufällig irgendeine weiterleitung drin, oder? (alles schon vorgekommen Grins)

Zuletzt bearbeitet von immerIch am Do 03.05.2012 16:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
worshipper

Dabei seit: 01.10.2004
Ort: worshipper fear satan
Alter: -
Geschlecht: Männlich
Verfasst Do 03.05.2012 16:32
Titel

Antworten mit Zitat Zum Seitenanfang
mal probieren auf doctype umzustellen?

selfhtml sagt nämlich:

Code:
Wenn Sie das iframe-Element in einer HTML-Datei notieren, müssen Sie in dieser Datei die HTML-Variante Transitional wählen.
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 03.05.2012 16:36
Titel

Antworten mit Zitat Zum Seitenanfang
Vielleicht hilft es ja, wenn du den iframes unterschiedliche Namen vergibst.
Code:
...
<iframe name="bla" ...
<iframe name="blub" ...
<iframe name="blablub" ...


Zuletzt bearbeitet von top am Do 03.05.2012 16:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Externe Seite einbinden und Schriftart ändern
externe JavaScript Loging auf eigener Seite einbinden
Interne Schaltflächenverlinkung in Flash CS3
Iframes bei nem IE5.1 - MAC
iframes und opera
[iframes] browserkompatibilität
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB