von der index seite neue Seite in Popup Fenster öffnen

jeroms

Hallo,

ich habe eine leere Indexseite in dieser habe im Head Bereich den folgenden Befehl
<META HTTP-EQUIV="REFRESH" CONTENT="3;URL=http://www.meinedomain/meineseite.html">
eingetragen. (also eine automatische Weiterleitung) soweit so gut das funktioniert.

Ich möchte aber nun das sich die Zielseite "meinerseits.html" in einem Popup-fenster öffnet.

wie bitte kann ich das verwirklichen.
Danke

Bandit

JavaScript ist dein Freund

jeroms

danke ich habe Freunde ganz gern sofern ich sie verstehe. Bin leider noch sehr am Anfang. wie bitte muss denn der Code aussehen den ich in die Index Seite eintragen muss??? und muss das dann im Headbereich stehen???

Gastl

Die Funktion im <head>, den Aufruf innerhalb der <html>

Dein anderer Freund ist dann innerhalb JavaScript die Funktion window.open();

Für das Verstehen der Freunde sage ich immer, redet miteinander.

jeroms

Zitat von Gastl

Die Funktion im <head>, den Aufruf innerhalb der <html>

Dein anderer Freund ist dann innerhalb JavaScript die Funktion window.open();

Für das Verstehen der Freunde sage ich immer, redet miteinander.

wenn ich denn wüsste wie die Funktion(JavaScript) und der Aufruf aussehen soll wäre ich um einiges glücklicher.

Hier die Indexseite

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

Gastl

Naja, stell doch erst mal deinen Vorschlag zur Diskussion. Anders kannst du auch unter Jobangebote dein Problem zur Ausschreibung stellen.

Mal im ernst. Nicht hinstellen und sagen "macht mal", sondern zeigen wo das Problem liegen könnte und um Hilfe bitten. Sind zwei paar Schuhe.
Ich kann dir den Code posten, damit du das Popup, abhängig von der Bildschirmauslösung und in einer bestimmten Größe mittig auf den Bildschirm bringst. Aber helfen tu ich dir damit, so wie ich Hilfe verstehe, nicht.

Was ist denn bei deiner Recherche zu den genannten Begriffen schon rausgekommen?

jeroms

So, das hier ist bei meinen Recherchen rausgekommen.

1. Die automatische Weiterleitung funktioniert.

2. das Script funktioniert auch, aber nur wenn die Seite nicht automatisch weitergeleitet wird und ich auf einen Button klicke.

Das sich die Zielseite automatisch in einem Popup-Fenster nach der Weiterleitung öffnet geht so nicht ?????

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="NeoOffice Classic Edition (Unix)">
<META HTTP-EQUIV="REFRESH" CONTENT="3;URL=http://www.meinedomain/meineseite.html">
<META NAME="CREATED" CONTENT="20170210;15285400">
<META NAME="CHANGED" CONTENT="20170210;15313000">
<SCRIPT LANGUAGE="JavaScript">
function popup(URL) {
w = window.open(URL, "", "toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=1100,height=850,left = 165,top = -113");
}
</SCRIPT>

</HEAD>
<BODY LANG="de-DE" DIR="LTR">
<P>
</P>
<P><BR><BR>
</P>
<P>
<A HREF="javascript:popup('http://www.meinedomain/meineseite.html')"><IMG SRC="times_omline.gif" NAME="Frame10" ALT="Frame10" ALIGN=BOTTOM WIDTH=88 HEIGHT=16 BORDER=0></A>

das hier Funktioniert aber nur wenn ich auf einen Botton klicke . öffnet sich also nicht automatisch nach der Weiterleitung

</P>
</BODY>
</HTML>

Da bin ich jetzt mit meinem Latein am Ende.

Gastl

Ich leider auch fast, da ich JavaScript weder kann, noch einsetze, es sogar blockiere. Ich denke aber mit <body onLoad... wirst du weiter kommen, habe ich so in Erinnerung. Es gibt auch Popup-Generatoren im Netz.

Anmerkungen. Ich weiß nicht wozu du das nutzen möchtest. Bei mir und vielen anderen die ich kenne, würde kein Popup aufgehen. Um Infos anzuzeigen sind Layer oder besser CSS-Einblendungen sinnvoller. Die veraltete Technik Popup funktionieren auf Handys und Tablets nicht, nur auf Desktoprechnern.

jeroms

ganz einfach wir benötigen das um eine interne Webseite als eine Art desktop zu nutzen.

Die Popup Generatoren funktionieren leider so wie ich sie eingetragen habe also könne nicht das von mir gewünschte.

Wie bitte und an welcher stelle muss denn
<bodyonload... eingesetzt werden?

modem-kind

das ganze ist ja keine Weiterleitung im eigentlichem Sinne..
setze das in Deine index .. oder was die Startseite sein soll..

Code

<script>
(function () {
    window.open("[COLOR=#0000ff]http://www.test.de[/COLOR]", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=50,left=30,width=980,height=600");
}())
</script>

das blaue ist Deine Wunschseite..
wenn der User Popup´s blockiert oder Javascript aus hat( was selten ist )
funktioniert es aber auch nicht..

das es bei Handys Grundsätzlich nicht Funktioniert stimmt nicht
nur das da Popup´s standardmäßig blockiert sind ...und deshalb nicht funkt -
was man ja auch ändern kann wenn man möchte

Gruß modem-kind

jeroms

Hi,

danke das funktioniert schon mal.

ein Problem es wird zwar die Wunschseite im Popup-fenster geöffnet aber zusätzlich öffnet sich die leere Index-seite.
Wie bitte kann ich das verhindern?

Gastl

Zitat von jeroms

Wie bitte und an welcher stelle muss denn
<bodyonload... eingesetzt werden?

Nicht <bodyonload, sondern <body onload...

Von HTML hast du aber Kenntnisse, oder? Da gibt es nur einen Tag der body heißt.

modem-kind
Du legst mir da ein Wort in den Mund, mit dem ich nicht einverstanden bin. -> Grundsätzlich habe ich nicht geschrieben.

- - - Aktualisiert - - -

Zitat von jeroms

ein Problem es wird zwar die Wunschseite im Popup-fenster geöffnet aber zusätzlich öffnet sich die leere Index-seite.
Wie bitte kann ich das verhindern?

Aus grauer Vorzeit habe ich noch im Kopf: Du musst den Focus auf die neue Seite setzen und in dieser die alte Seite schließen. Geht aber wieder mit JavaScript. Da sind andere gefragt

modem-kind

naja genauso nur umgekehrt..
was das ganze soll is mir dennoch nicht klar :):)

Code

(function () {
    window.close("http://Domain/index.html");
}())

Gastl

Zitat

Die veraltete Technik Popup funktionieren auf Handys und Tablets nicht, nur auf Desktoprechnern.

verstehe ich wie > Grundsätzlich.. aber egal ..gesagt hast es nich - das Stimmt

Gruß modem-kind

jeroms

super funktioniert. DANKE!!
Zu was das soll: es öffnet sich für unsere interne Gruppe eine Webseite die interne Webservices beinhaltet

Jetzt fehlt mir nur noch eins zum GÜCK.

Das Fenster soll sich nicht vergrössern lassen und es gibt in Kopfbereich des Fensters noch den Domainnamen, wie bitte kann das entfernt werden so das nur das blanke popp-fenster zu sehen ist:

Gastl

Deine Suche ist kaputt? Mach mal was selber.
Stichworte sind: toolbar, scrollbars, location, statusbar, menubar, resizable

Sassar

ich weiß nicht warum der inhalt nicht richtig dar gestellt wird.. das forum zerschießt mir meine Antwort auf das Thema -.- Sry hätte gern geholfen

- - - Aktualisiert - - -

Jetzt klappts.

jeroms, bitte beachte das Javascript Popus von vielen Browsern aus Sicherheitsgründen Standardmässig unterdrückt werden. Popups lassen sich aber auch Super als Overlay integrieren. Hierzu ein kleines Bsp.

HTML:

Code

<div id="popupWrapper">
  <div id="popupShadow"></div>
  <div id="popupContent">
    <div class="insert"></div>
    <div class="button" data-close="">Popup schließen</div>
  </div>
</div>
<div class="pageWrapper">
  <div class="button " data-popup="http://www.forum-hilfe.de/threads/58199-von-der-index-seite-neue-Seite-in-Popup-Fenster-%C3%B6ffnen/page2">Öffne mich im Popup</div>
</div>

CSS:

Code

#popupWrapper, #popupShadow{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}


#popupWrapper{
  z-index: 10000;
  display: none;
}


#popupWrapper.open{ display: block; }


#popupShadow{
  background-color: rgba(0, 0, 0, 0.6);
}


#popupContent{
  background-color: #fff;
  padding: 10px 20px 13px;
  margin: 50px auto 0;
  border-radius: 3px;
  width: 70%;
  box-sizing: border-box;
  position: relative;
}


div.button{
  width: 200px;
  background-color: silver;
  border-radius: 3px;
  border: solid 1px #444;
  color: #fff;
  font-size: 20px;
  height: 30px;
  cursor: pointer;
  line-height: 30px;
  padding: 5px 10px 8px;
  text-align: center;
}


#popupWrapper iframe {
  border: 0 none;
  height: 85%;
  width: 100%;
}


.closePopupButton {
  margin: 10px auto 0;
}

Alles anzeigen

JS: (ich setzte voraus das jQuery eingebunden ist, diesen Code am vor den schließenden </body>-Tag einbinden)
Der Einbettcode für jQuery lautet:

Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Code

<script>
(function($, void0){


  var $popupWrapper = $('#popupWrapper'),
       $popupContent = $('#popupContent .insert');
 
  $('[data-popup]').on('click', function(){
    var $target = $(this);

    $popupContent.html('<iframe src="'+$target.data('popup')+'" />');
    $popupWrapper.addClass('open');
  });


  $('[data-close]').on('click', function(){
    if($popupWrapper.hasClass('open')){
      $popupWrapper.removeClass('open');
      $popupContent.html('');
    }
  });




})(jQuery)
</script>

Alles anzeigen

Das ist nur ein Sample und eine schnell Lösung mit einen iFrame. Man kann natürlich auch via jQuery auch den Content der Seite holen und direkt den Inhalt in das Popup integrieren. Dies macht aber nur dann sinn Wenn Style und Inhalt von einer Seite kommen. Der Vorteil ist, das deine eigentlich angebrowste Seite nicht verloren geht. Du kannst nun Daten zwischen Popup und Seite im Hintergrund austauschen. Und zu jeden Zeitpunkt interagieren. Wenn das Popup viel kleiner Sein soll kann man das Popup auch per Drag&Drop schiebbar machen oder in einer Stelle bei deiner Webseite fest verangern. Zb kann man so das Popup auch "Minimieren" in dem man es Nach unten Rechts im Bildschirm setzt. Mit der Positionnierung "Fixed" kann man nun auch durch die Seite scollen und das Popup ist immer zu sehen auf ein Klick auf das Popup wird es wieder maximiert. Kann man sich vorstellen wie bei der Youtube-App von Apple und Android. Und Und und das starre Popup was der Browser hingegen mitbringt ist bei weiten nicht so Flexibel und ein Datenaustausch ist ohne AngularJS nur sehr schwer möglich

Lg Sassar

Arne Drews

...und all das geht übrigens auch ohne jQuery!
Aber ich denke hier wird zu viel Hilfe für zu wenig Eigeninitiative geboten.

Sorry, aber nimm die Ansätze hier mit, probiere es aus und bei konkreten Problemen/Fragen, meldest Du Dich einfach per neuem Thread wieder.

[MOD: geschlossen]

Tags