Iframe-Wrapper soll nicht auf Klicks reagieren

  • Hi,


    ich habe eine Website per Iframe-Menüeintrag eingebunden.


    Kann man verhindern, dass diese Website reagiert, falls der User Links auf selbiger anklickt?
    Es soll also nur eine reine Anzeige der ausgewählten Website stattfinden und jede Interaktion unterbunden werden.



    Vielen Dank schon mal

  • Hi,


    danke für die schnellen Antworten.


    Das mit dem Screenshot klappt nicht, da sich die anzuzeigende Website ständig verändert.


    Es gibt ja Module, die Rechtsklicks verhindert, gibt es auch welche, die alle Interaktionen verhindern?

  • Es sollte gehen, per Override einem den IFRAME umgebenden DIV ein transparentes Bild "unterzujubeln".


    Der umgebende DIV bekommt per CSS ein position: relative;
    Das Bild ein position:absolute; und überdeckt den IFrame, per hohem z-index noch abgesichert sozusagen.


    Ausprobiert habe ich das mit Joomla noch nicht.


    Klar kann man mit JQuery/JavaScript auch einen Klick auf bestimmten Bereich deaktivieren. Damit das in allen Browsern verlässlich funktioniert, wird man aber vrmtl. auch mit einem überlagernden Div arbeiten müssen, der gezwungen wird den Iframe zu überdecken, damit gesichert ist, dass KlickEvent sich auf diese Ebene bezieht.

  • Ok...
    das hört sich interessant an, allerdings habe ich nicht wirklich etwas verstanden :D
    Also, was der Plan ist schon, aber nicht, wie man soetwas umsetzt.


    Ich weiß nicht, ob das klar geworden ist, aber ich habe das Iframe nicht in einem Beitrag integriert, sondern einen Iframe-Wrapper-Menüeintrag erstellt. (Ich weiß nicht, ob das eine Rolle spielt)


    PS: Das ist das erste Mal, dass ich Iframe verwende

  • Geht schon, aber an die Scrollbalken im IFrame habe ich nicht gedacht. Die sind dann natürlich auch nicht bedienbar, wenn Bild Höhe und Breite 100% hat.


    Trotzdem mal die Grund-Idee. Mit Standard-Joomla und Protostar getestet, aktueller Firefox.


    1) Override anlegen
    /components/com_wrapper/views/wrapper/tmpl/default.php
    kopieren nach
    /templates/DEINTEMPLATENAME/html/com_wrapper/wrapper/default.php


    2) Transparentes Bild besorgen. Ich hab mir ein 100x100-Pixel transparent.png erstellt.


    3) Im Override anpassen. Siehe die style-Attribute in div und img. Zeilen 2 und 3 folgenden Codes

    PHP
    ...<div class="contentpane<?php echo $this->pageclass_sfx; ?> wrapperDiv" style="position:relative;"><img style="position:absolute;top:0;left:0;width:100%;height:100%;" src="images/transparent.png" class="wrapperImg" /><?php if ($this->params->get('show_page_heading')) : ?> <div class="page-header">...


    Alternativ kann man die Anweisungen nat. auch in eine CSS-Datei packen. Deshalb habe ich im Code die Klassen wrapperDiv und wrapperImg hinzugefügt.

    Code
    div.wrapperDiv{
     position:relative;
    }
    div.wrapperDiv img.wrapperImg{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
    }
  • Ok,


    vielen Dank schonmal.


    Ich weiß noch nicht, ob ich das umsetzen kann, aber werd mich mal dran versuchen.


    Das mit dem Scrollbalken ist kein Problem, habe die Höhe des Iframe so gesetzt, dass keiner vorhanden ist

  • Zitat

    Ich weiß noch nicht, ob ich das umsetzen kann, aber werd mich mal dran versuchen.


    Muss man nur 1x gemacht haben und kann man nicht viel kaputt machen.


    Vergesse ich immer. Im Backend gibt es einen Editor, der dir auch automatisch Overrides erstellen kann.


    Gehst unter Erweiterungen > Templates.
    Klickst links im Menü auf Templates.
    Klickst auf dein Template (Link, nicht Bild).
    Klickst auf den Reiter mit "Overrides".
    Klickst in Spalte "Komponenten" auf "com_wrapper" und schließlich Datei "wrapper". Override fertig.
    Gehst zurück in Reiter Editor. Öffnest Ordner > html > com_wrapper > tmpl.


    Klickst auf default.php, um zu bearbeiten oder wieder zu löschen (s.u.).


    Kannst Datei wie beschrieben editieren. Einfach die 2 Zeilen (2 und 3 oben) über die zuvor nur 1 Zeile drüberkopieren (die mit dem <div class="contentpane).


    Wenn was schief geht, kannst den Override einfach wieder löschen. Auch dafür gibt es einen Button im Editor.
    Und alles ist wieder beim Alten.

  • Arbeitest du mit Joomla 2.5?


    Falls nein, kann mir jemand sagen, wo ich das dort finden kann? Bin bisher soweit:



    In meinem Template gibt es nur: Bescheibung, Template-Hauptdateien, Stylesheets, Template kopieren

  • Joomla 3 > Backend mit Backend-Template ISIS > Menü Erweiterungen > Templates Bild 1 Links Template. Ggf. kleinen Pfeil klicken, damit Sidebar-Menü links ausklappt. Bild 2: Template raussuchen und klicken Bild3: Tabulator/Reiter Overrides und Spalte Komponente

  • Keine Ahnung, warum ich plötzlich nicht mehr Posts editieren kann, um Quark zu entfernen, zu verbessern so wie das früher mal ging.


    OT: Doch das geht, aber nur noch bis 30min nach Absenden des Posts. Leider gab es immer öfters Kandidaten, die ihre Posts nachträglich entweder komplett löschten oder verfälschten.
    Ein Klick auf "Inhalt melden" und wir löschen oder korrigieren nachträglich, falls erwünscht.