==> [ pop-up ] <==

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • ==&gt; [ pop-up ] &lt;==

    Hallo zusammen
    Habe hier eine frage...???
    Ich wollte für Homepage folgende Script benutzen, aber leide kommt es nicht so wie ich will das Pop_up mit Bild soll in Explore Mitte kommen, er kommt immer links oben :

    hier ist scrip:

    HTML-Quellcode

    1. <head>
    2. <script language="JavaScript">
    3. <!--
    4. function ImageWindow(Imgsrc , ImgName, xSize, ySize) { //popUp Image V2.2
    5. if (ImgName == '' ) ImgName = Imgsrc; //wenn kein Name angegeben- verwende Dateinamen
    6. var popup = window.open(Imgsrc,"Bild",'width='+xSize+',height='+ySize+',resizable=yes');
    7. popup.resizeTo(xSize+100,ySize+100); //<-noch zu ändern!
    8. popup.document.write('<html><head><title>');
    9. popup.document.write(ImgName);
    10. popup.document.write('</title></head>');
    11. popup.document.write('<BODY leftmargin="0" topmargin="0" bgcolor="#384b61" color="#FFFFFF">');
    12. popup.document.write('<hr>');
    13. popup.document.write('<center><img src=" '+Imgsrc+' " alt="" border=""></center>');
    14. popup.document.write('<hr>');
    15. popup.document.write('</body></html>');
    16. popup.focus();
    17. if( navigator.appName.substring(0,8) == "Netscape"){ //sonst sieht man in NS garnix!
    18. popup.location = Imgsrc;
    19. popup.resizeTo(xSize+15,ySize+15);
    20. }
    21. }
    22. --></script>
    23. </head>
    24. <body>
    25. <p align="center"><a href="javascript:ImageWindow([COLOR=Red]'bild/1.jpg'[/COLOR],'Mein Bild',90,90)">
    26. <img src="[COLOR=Red]bild/1.jpg[/COLOR]" align=middle border=0 width="90" height="90"></a>
    27. </body>
    Alles anzeigen
    [size=2] MfG ©FusioN [/size]
  • try this:

    HTML-Quellcode

    1. <HTML>
    2. <HEAD>
    3. <script language="JavaScript">
    4. <!--
    5. function ImageWindow(Imgsrc, ImgName, xSize, ySize) {
    6. if (ImgName == '') {
    7. ImgName = Imgsrc;
    8. } // END if
    9. x = screen.availWidth/2 - xSize/2;
    10. y = screen.availHeight/2 - ySize/2;
    11. var popup = window.open(Imgsrc, 'Bild', 'left='+x+', top='+y+', width='+xSize+', height='+ySize+', resizable=yes');
    12. popup.resizeTo(xSize, ySize);
    13. popup.document.write('<html><head><title>');
    14. popup.document.write(ImgName);
    15. popup.document.write('</title></head>');
    16. popup.document.write('<BODY leftmargin="0" topmargin="0" bgcolor="#384b61" color="#FFFFFF">');
    17. popup.document.write('<hr>');
    18. popup.document.write('<center><img src="'+Imgsrc+'" alt="" border=""></center>');
    19. popup.document.write('<hr>');
    20. popup.document.write('</body></html>');
    21. popup.focus();
    22. if( navigator.appName.substring(0,8) == "Netscape") {
    23. popup.location = Imgsrc;
    24. popup.resizeTo(xSize+15,ySize+15);
    25. }
    26. }
    27. -->
    28. </script>
    29. </HEAD>
    30. <BODY>
    31. <p align="center"><a href="javascript:ImageWindow('bild1.jpg', 'Mein Bild', 500, 500);"><img src="bild1.jpg" align="middle" border="0" width="90" height="90"></a></p>
    32. </BODY>
    33. </HTML>
    Alles anzeigen


    <EDIT>
    BTW: das sollte eigentlich ins javascript-forum! ,-)
    </EDIT>

    ceeyaa.mex
  • Quellcode

    1. <script language="JavaScript">
    2. function verschieben()
    3. {
    4. breite=((screen.width/2)-XValue);
    5. hoehe=((screen.height/2)-YValue);
    6. self.moveTo(breite,hoehe);
    7. }
    8. /*
    9. written by killachicken
    10. don't be so stupid and
    11. clean this comment
    12. */
    13. </script>
    14. <body onload="verschieben()">
    Alles anzeigen



    > XValue mußt Du die Hälfte der Popupbreite ersetzen
    > YValue mit der Hälfte der Popuphöhe

    Damit sollte es funktionieren. Das Popup ist in der Mitte des Bildschirms zu sehen.

    //EDIT Das Script hier von mir sollte in die Popup file...

    Mfg kc :D
    [size=1]It's not a bug, it's a feature.[/size]
    [size=3]Bin vom 05.06.2006 - 10.06.2006 im Urlaub[/Size]
  • aehhhhmmm, was kann nich sein!?
    ich hab' doch deine funktion nur etwas erweitert!? du brauchst den code doch nur zu kopieren und dann deine bilder-links im BODY bereich dazuhaengen!! versteh' net was du jetzt fuern prob hast!? diese html funzt doch genau so, wie du's haben wolltest!

    @killachicken: das kann net funzen, also nicht in diesem fall! ,-)

    ceeyaa.mex
  • Aber hundert prozent funktioniert das in diesem fall wenn man den Ausgangscode von Fusion benutzt. Vielleicht solltest du es mal testen bevor du hier nicht bewiesene und unbegründete Behauptungen aufstellst.

    Mfg kc
    [size=1]It's not a bug, it's a feature.[/size]
    [size=3]Bin vom 05.06.2006 - 10.06.2006 im Urlaub[/Size]
  • @killachicken:
    naja, dann erklaer' mir mal bitte...
    • was fuer werte deine variablen XValue und YValue haben? ==> ich sag' mal undefined!
    • wie du darauf kommst, dass das die richtige formel ist breite=((screen.width/2)-XValue);? ==> ich sag' mal breite=screen.availWidth/2-breiteDesPopUpWindows/2;
    • in welche datei er dein JS skript kopieren soll, wenn er doch den inhalt des popUps aus der JS funktion rausschreibt und gar keine popUp-datei hat?

    genug 'bewiesene und unbegründete Behauptungen aufgestellt'!?

    dein JS wuerde funzen, wenn...
    • der popUp link so aussehen wuerde:

      HTML-Quellcode

      1. <a href="javascript:window.open('bild1.htm', 'Bild', 'resize=yes, left=0, top=0, ... ');><img src="bild1.jpg" ... ></a>

    • fuer jedes bild eine eigene html-datei aufgerufen wird
    • und in jeder dieser dateien deine beiden variablen (XValue && YValue) definiert sind

    mal abgesehen von den fehlern, die ohnehin schon in fusion's code sind, hast du gleich noch ein paar mehr reingecodet! und noch was, ich schreibe nicht umsonst, wenn fehler in einem prog sind, das kannste mir glauben! ,-)


    ALLES WEITER BITTE PER PN ODER ICQ, WIR WOLLEN DOCH HIER NICHT DAS THEMA DES THREADS VERFAELSCHEN! THX!! ,-)


    @fusion:
    um mit meiner variante eine bildergallerie zu zaubern, brauchst du nur alle deine bilder folgendermaßen verlinken:

    HTML-Quellcode

    1. <BODY>
    2. <p align="center"><a href="javascript:ImageWindow('bild1.jpg', 'Mein Bild', 500, 300);"><img src="bild1.jpg" align="middle" border="0" width="90" height="90"></a></p>
    3. <p align="center"><a href="javascript:ImageWindow('bild2.jpg', 'Mein Bild', 500, 300);"><img src="bild2.jpg" align="middle" border="0" width="90" height="90"></a></p>
    4. </BODY>
    5. </HTML>

    500 = breite des popUps fensters
    300 = hoehe des popUp fensters
    und diese kannst du fuer jedes bild beliebig angeben!