cooles skript für window.open - PROBLEM

maxoon

hallo!

ich möchte im BODY die höhe und breite eines bildes angeben, alles andere im HEAD festlegen. wie gebe ich die variablen korrekt weiter? siehe "Stil" im Code.

HEAD:

Code

<script type="text/javascript">
function FensterOeffnen (Adresse,Stil) {
  MeinFenster = window.open(Adresse, "Zweitfenster", "Stil,left=100,top=200");
  MeinFenster.focus();
}
</script>

BODY:

Code

<a href="foto.jpg" onclick="FensterOeffnen(this.href,'width=510,height=400'); return false">[img]foto_klein.jpg[/img]

bin für alle hilfe dankbar!

m

maxoon

Einige Nachträge...

1) wie kann ich den <a alt="Text"> an das neue Fenster so übergeben, daß der Text dann in der Titelleiste des neuen Fensters steht?

2) wie kann ich im HEAD festlegen, daß ein Klick auf das neue Fenster javascript:window.close() ausführt?

3) wie kann ich im HEAD festlegen, daß das neue Fenster einen "Tooltip" mit dem Text Zum Fenster schliessen, bitte klicken bekommt? Z.b. unter verwendung von TITLE="Zum Fenster schliessen, bitte klicken" (Achtung, dies ist NICHT die Titelleiste).

1000x Danke für Eure Hilfe, wird ein feines Script

m

synaptic

also grundlegend solltest du dir zu gemüte führen, wie html und javascript funktionieren..

dann sollten dir diese drei links etwas weiterhelfen:

https://www.forum-hilfe.de/viewtopic.php?…highlight=popup

http://home.arcor.de/synaptic/hilfe/variable_pops.html

und wenn du das alles verinnerlicht hast und eine lösung zu deinen ersten probs vorhanden ist, dann verrate ich dir wie du den title veränderst und was du tun musst, um dann auf klick des neue fenster zu closen.

wenn du fragen zu den links hast helf ich dir auch gerne weiter...
wenn du die grundlagen von javascript verstanden hast kannste dir ja nochmal den link in meiner signatur ansehen-
ist mein erstes tutorial und wird auch nochmal überarbeitet sobald ich zeit dafür habe!

maxoon

Hallo Syn,

also erstmal vielen Dank für die Tips. Ich habe meinen Fehler im ersten Post mittlerweile selbst gesehen... ich muss stil + ... schreiben. Jetzt hab ich auch das Übergeben von Variablen verstanden.

Wie auch immer dein Post https://www.forum-hilfe.de/viewtopic.php?p=254905#254905 bringt mich da auf ganz andere Gedanken, ich werde Variante 2 implementieren.

Grossartiges script.

Wenn ich das HTML über die fenster.document.writeln befehle selbst coden kann, ist ein javascript:window.close oder title kein problem. 1a.

Leider sträubt sich Firefox 3 bei mir die Adressleiste und Statusleiste auszublenden. Mein Safari ist da brav. Wie sieht es bei neuen/alten IE Versionen aus? Sitze am Mac und kanns grad nicht testen.

Wer hat Erfahrungen mit anderen Browsern mit diesem Skript von synaptic?

synaptic

also im firefox kannste des knicken..

http://forum.de.selfhtml.org/archiv/2005/1/t97946/

dafür musste dann anders an die sache rangehen.

wenn du mit dem pseudo-popup arbeiten willst haste hier ne anleitung wie man nen layer gleiten lässt:

maxoon

Ich habe den Code erweitert:
onblur und onclick schliessen das fenster
fenster wird zentriert
ladebalken
titelleiste mit eigenem text

Nun möchte ich ein DIV mit mouseover/mouseout toggeln, das beim mouseover über das bild die meldung ausgibt: "Fenster mit Mausklick schliessen." Dieses DIV liegt über dem Bild in der Linken oberen Ecke des Fensters.

Das funktioniert noch nicht, ich komme mit den Hochkommas für den mouseover befehl nicht zurecht glaube ich... ausserdem bin ich unsicher, wie ich mein div name='text' bei dem mouseover befehl anspreche...

HTML

<script type="text/javascript">


   var stylestring="<style type='text/css'>body{margin:0px;background-image:url(loadingAnimation.gif);background-position:center center;background-repeat:repeat-y; background-attachment:fixed /* wegen firefox center center zentrierung*/; background-repeat:no-repeat} .an{position:absolute;top:10px;left:10px} .aus{display:none}</style>"; 


/* FRAGE muss ich das eigentlich alles in eine zeile schreiben? bei mehrzeiliger anordnung spinnt das script?!? */


function popup(bildurl,width,height,fenstertitel) 
{ 


/* hier wirds mittig ausgerichtet */   
left = (screen.width - width) / 2; 
topPos = (screen.height - height) / 2; 

props='locationbar=no,menubar=no,scrollbars=no,resizable=no,status=no'; 
props += ', left=' + left; 
props += ', top=' + topPos; 
props += ', width=' + width; 
props += ', height=' + height; 

     bildtagpart1="<img onmouseover='text.className='an';' onmouseout='text.className='aus';' onclick='window.close();' src='";
   bildtagpart2="'>"; 
   bildtag= bildtagpart1 + bildurl + bildtagpart2; 
   fenster = window.open("","", props) ; 
   fenster.document.open(); 
   fenster.document.writeln("<html><title>"); 
   fenster.document.writeln(fenstertitel); 
   fenster.document.writeln("</title><head>"); 
   fenster.document.writeln(stylestring); 
   fenster.document.writeln("</head><body onblur='window.close();'>"); 
   fenster.document.writeln(bildtag);
   fenster.document.writeln("<div name='text' class='an'>Fenster mit Mausklick schliessen.</div></body>");
   fenster.document.close(); 
   fenster.focus(); 
}


</script>

Alles anzeigen

Code

[url='javascript:popup('foto.jpg',510,400,'Titel des Fensters')'][img]foto_klein.jpg[/img][/url]

[/list]

synaptic

also bei deiner idee lohnt es sich tatsächlich alle funktionen die du in beiden seiten brauchst auch auszulagern, so haste nur eine zile, die du dann immer mit document.writln() schreiben musst und zwar die zum einbinden eines externen scriptes
der stylestring muss in eine zeile, sonst haste wegen der vielen semikolon ne nicht abgeschlossene zeichenfolge.
es sei denn du machst jede zeile in anführungszeichen und immer brav ein plus vor ODER nach dem zeilen umbruch, dann kannste auch mehrere zeilen nehmen.

für den wechsel des text.className empfehle ich dir eine funktion zu schreiben, das macht deine idee grundsätzlich einfacher

synaptic

Zitat von synaptic

also bei deiner idee lohnt es sich tatsächlich alle funktionen die du in beiden seiten brauchst auch auszulagern, so haste nur eine zeile, die du dann immer mit document.writln() schreiben musst und zwar die zum einbinden eines externen scriptes
der stylestring muss in eine zeile, sonst haste wegen der vielen semikolon ne "nicht abgeschlossene zeichenfolge".
es sei denn du machst jede zeile in anführungszeichen und immer brav ein plus vor ODER nach dem zeilen umbruch, dann kannste auch mehrere zeilen nehmen.

für den wechsel des text.className empfehle ich dir eine funktion zu schreiben, das macht deine idee grundsätzlich einfacher

maxoon

Zitat

für den wechsel des text.className empfehle ich dir eine funktion zu schreiben, das macht deine idee grundsätzlich einfacher

was wäre dann einfacher?
wie wäre denn die funktion zum mouseover-ändern der class eines anderen objekts?

danke 1001x, m

synaptic

HTML

<html>


<head>
  <title></title>
  <style type="text/css">
  .stilA{
  width:100px;
  height:100px;
  background:blue;
  }

  .stilB{
  width:200px;
  height:200px;
  background:red;
  }
  </style>
  <script type="text/javascript">
function changeClass(target, styleX){
		 var obj = document.getElementById(target);
		 obj.className = styleX;
}
  </script>
</head>
<body>
<div id="opfer" class="stilA" onmouseover="changeClass('opfer', 'stilB');" onmouseout="changeClass('opfer', 'stilA');"></div>
</body>
</html>

Alles anzeigen

cooles skript für window.open - PROBLEM

Tags

Benutzer online in diesem Thema