Ergebnis 1 bis 3 von 3

Thema: Ladebalkeni Image Upload

  1. #1
    Hauer
    Gast

    Standard Popup automatisch schließen

    Hallo User.

    Ich möchte gern ein Ladebalken auf meiner Seite haben, dass angezeigt wird, wenn ich Bilder per Upload auf den Server lade. Nun habe ich schon Stunden im Netz verbracht um mich mit Input zu versorgen. Aber jetzt komme ich nicht so recht weiter:


    JavaScript:

    Code:
    <script language="javascript" type="text/javascript">
    function wait()
    {
    loader = new Image();
    loader.src = "images/ajax-loader.gif";
    window.document.images["loader"].src = loader.src;
    
    document.getElementById("box").style.visibility = "visible";
    return true;
    }
    </script>
    Form:

    HTML-Code:
    <form action="../backoffice/abc.php" method="POST" onsubmit="return wait();" enctype="multipart/form-data" />
    Box:

    HTML-Code:
    <div id="box" class="box">
    <table border="0" bgcolor="#ffffff" width="100%" cellspacing="0" style="padding:10px;margin:0px;">
    <tr>
    <td valign="top">
    <img src="images/ajax-loader.gif" name="loader">
    </td>
    <td valign="middle" align="center">
    <b>Upload... bitte warten!</b>
    </td>
    </tr>
    </table>
    </div>
    CSS:

    Code:
    #box { 
    background-color:#ffffff; 
    border:1px solid #222222; 
    position:relative; 
    left:300px; 
    bottom:1000px;
    width:320px; 
    padding:25px; 
    margin:0px; 
    visibility:hidden; 
    }
    Das Window Element öffnet sich auch beim Absenden, aber leider ohne das animierte Gif. Es bleibt leer.

    Gruß
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Hauer (05.03.2011 um 23:30 Uhr) Grund: Trifft eher das Thema

  2. #2
    Hauer
    Gast

    Standard AW: Popup automatisch schließen

    Ok, hab mir das noch mal angesen und es etwas einfacher gelöst:

    Code:
    <script language="javascript" type="text/javascript">
    function popup()
    {
    url = "popup.php"
    file = window.open(url, "popup", "width=300, height=150");
    return true();
    win.focus();
    }
    </script>
    HTML-Code:
    <body>
    
            
            <table width="100%">
            
            <tr><td><center><br>Upload... bitte warten</b></center></td></tr>
            <tr><td><br></b></td></tr>
            <tr><td><center><img src="images/ajax-loader.gif"></center></td></tr>
            
            </table>
            
    
    </body>
    Eine Anschlußfrage habe ich da noch.

    Wenn die Elternseite mit dem Upload fertig ist und zum Bestätigungsseite wechselt, wie kann ich es erreichen, dass das Popup sich selbständig schließt.

    Danke.
    Geändert von Hauer (06.03.2011 um 00:09 Uhr)

  3. #3
    Hauer
    Gast

    Standard AW: Popup automatisch schließen

    So habe es nun doch selbst hinbekommen

    Also auf der Seite A wird das Javascript ausgelöst:

    Code:
    <script language="javascript" type="text/javascript">
    function popup()
    {
    url = "popup.php"
    var w = (screen.availWidth-300)/2;
    var h = (screen.availHeight-150)/2;
    file = window.open(url, "popup", "width=300, height=150, left=" + w + ", top= + h + ", "scrollbars=no,locationbar=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no");
    return true();
    win.focus();
    }
    </script>
    Auf der Seite B (hier die Bestätigungseite des Uploads) habe ich es wie folgt gemacht:

    Code:
    <script language="javascript" type="text/javascript">
    url = "popup.php"
    var w = (screen.availWidth-300)/2;
    var h = (screen.availHeight-150)/2;
    var file = window.open (url, "popup", "width=300, height=150, left=" + w + ", top= + h + ", "scrollbars=no,locationbar=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no");
    file.close();
    if (file.closed == true) {
    }else {
    file.close();
    }
    </script>
    Vielleicht nicht sehr elegant, aber es funktioniert im IE, wie auch im Firefox.

    Danke fürs zusehen
    Geändert von Hauer (06.03.2011 um 00:09 Uhr)

Ähnliche Themen

  1. Image Map
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.01.2010, 19:56
  2. image hoster | image-uploads.de v.3
    Von Hubi im Forum Link Tipps
    Antworten: 10
    Letzter Beitrag: 10.06.2008, 16:23
  3. Image-Map
    Von Jenni im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 29.08.2006, 08:57
  4. Image Map???
    Von Cinderella im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 01.03.2005, 00:52
  5. image map
    Von norf im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.11.2004, 23:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •