[js] Nałożenie div na iframe podczas onsubmit

Forum PHP.pl > Forum > Po stronie przeglądarki

[js] Nałożenie div na iframe podczas onsubmit

dado Zobacz profil	23.03.2008, 07:45:03 Post #1
Grupa: Zarejestrowani Postów: 194 Pomógł: 2 Dołączył: 12.04.2004 Skąd: Częstochowa Ostrzeżenie: (10%)	Wydziabałem prosty uploader plików bez potrzeby przeładowywania strony. Zbudowany w ten sposób że na stronie mam iframe a w nim formularz do upload plików. Wszystko pięknie działa pliki się uploadują a ajax je sobie na akcję onload iframe pakuje do wskazanego diva. Chciałbym uzyskać dodatkowy efekt w postaci nałożenia diva na iframe w momencie kiedy wysyłany jest formularz np: z jakimś gifo-preloaderem. Macie jakiś pomysł ? Próbwałem do formularza z iframe dołożyć zdarzenie na onsubmit - funkcję upploading(); która ukrywałaby diva id#uploader ale wywołanie funkcji z ramki mi nie działa. Pewnie gdyby kod js do ukrycia formularza podczas przesyłania plików umieścił w ramce a nie wpliku głównym to by zadziałało ale plik do którego się odwołuję czyli upload.php ma obsługiwać tylko żadania uploadu i wyświetlania formularza. [HTML] pobierz, plaintext <form action="upload.php?mode=upload" enctype="multipart/form-data" method="post" onsubmit="upploading();"> <input type="file" name="plik"><input type="submit" value="upload"> </form> [HTML] pobierz, plaintext kod strony głównej: [HTML] pobierz, plaintext <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> function requestAjax(){ var div = 'galery'; var url = 'upload.php?mode=dir'; new Ajax.Request(url, { method:'post', requestHeaders: [ 'Cache-Control', 'no-cache', 'Pragma', 'no-cache'], encoding: 'utf-8', asynchronous: 'true', onSuccess: function(transport) { var response = transport.responseText; $(div).innerHTML = response; } }); } function upploading(){ document.getElementById('uploader').style.display = 'none'; } </script> <style type="text/css"> #galery{ width:800px; height:300px; border: 1px solid #40CAFF; background-color: #DCDCDC; font-size:10px; } </style> </head> <body> <div id="galery"></div> <div id="uploader"> <iframe onload="requestAjax();" src="upload.php?mode=form" style="width:500px; height:50px; border:none;" scrolling="no"></iframe> </div> </body> </html> [HTML] pobierz, plaintext plik upload.php [PHP] pobierz, plaintext <?php $mode = $_GET['mode']; if( $mode == 'form' ){ echo'<form action="upload.php?mode=upload" enctype="multipart/form-data" method="post"> <input type="file" name="plik"><input type="submit" value="upload"> </form>'; } if( $mode == 'upload' ){ if(is_uploaded_file($_FILES['plik']['tmp_name'])){ move_uploaded_file($_FILES['plik']['tmp_name'], "upload/".$_FILES['plik']['name']); } echo'<form action="upload.php?mode=upload" enctype="multipart/form-data" method="post" onsubmit="upploading();"> <input type="file" name="plik"><input type="submit" value="upload"> </form>'; } if( $mode == 'dir' ){ $dir = 'upload/'; if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { if( preg_match('/jpg\|gif/',$file) ){ echo '<img src="'.$dir.'/'.$file.'" width="100" height="100" alt="">'; } } closedir($dh); } } } ?> [PHP] pobierz, plaintext Ten post edytował dado 23.03.2008, 07:56:12