Comments on: jQuery file upload in modal window http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/ Read about Website Development, Online Marketing and Web Hosting Wed, 08 Feb 2012 09:30:54 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Olaf http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-132349 Olaf Fri, 21 Oct 2011 12:23:32 +0000 http://www.web-development-blog.com/?p=420#comment-132349 Hi Weleh, both hosts are not the same server right? I guess you need to check the permissions in your upload directory. Hi Weleh,
both hosts are not the same server right? I guess you need to check the permissions in your upload directory.

]]> By: weleh http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-132326 weleh Thu, 20 Oct 2011 23:25:18 +0000 http://www.web-development-blog.com/?p=420#comment-132326 hi... great code.. but i still have some problem recently i've upload my script to web... but when i tried to upload image/file, the link for passing the file name won't show u can try it in http://upm.unsri.ac.id/admin/scripts/upload/upload.php but if i use my computer like : http://localhost/upm/admin/scripts/upload/upload.php it has no problem do u have any suggestion for me? thanks :D hi…
great code.. but i still have some problem
recently i’ve upload my script to web…
but when i tried to upload image/file, the link for passing the file name won’t show
u can try it in http://upm.unsri.ac.id/admin/scripts/upload/upload.php

but if i use my computer like : http://localhost/upm/admin/scripts/upload/upload.php
it has no problem

do u have any suggestion for me?
thanks :D

]]> By: Olaf http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127755 Olaf Mon, 15 Aug 2011 17:31:39 +0000 http://www.web-development-blog.com/?p=420#comment-127755 Hi, you need to place your vars before the this one "placeValuesBeforeTB_" Hi, you need to place your vars before the this one “placeValuesBeforeTB_”

]]> By: Dhvani http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127752 Dhvani Mon, 15 Aug 2011 17:20:21 +0000 http://www.web-development-blog.com/?p=420#comment-127752 Hi.. Really great code.. Thanks I am trying to pass more variables. As i need to pass some ids with the image. But I am not able to fetch that id in upload.php.. Please help me for this. Below is what i am using <a href="upload_room.php?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=500&width=400&modal=true&rid=" class="thickbox">Upload</a> Thanks Dhvani Hi..

Really great code.. Thanks
I am trying to pass more variables. As i need to pass some ids with the image. But I am not able to fetch that id in upload.php..

Please help me for this.
Below is what i am using

<a href="upload_room.php?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=500&width=400&modal=true&rid=” class=”thickbox”>Upload

Thanks
Dhvani

]]> By: Olaf http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127202 Olaf Wed, 11 May 2011 08:30:44 +0000 http://www.web-development-blog.com/?p=420#comment-127202 You're welcome Tia! You’re welcome Tia!

]]> By: tia http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127201 tia Wed, 11 May 2011 08:30:12 +0000 http://www.web-development-blog.com/?p=420#comment-127201 hey!!! now it DOES work. I think there was something wrong with my image path. Thank you so much!!! hey!!! now it DOES work. I think there was something wrong with my image path.

Thank you so much!!!

]]> By: Olaf http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127199 Olaf Wed, 11 May 2011 08:13:22 +0000 http://www.web-development-blog.com/?p=420#comment-127199 Tia, you need to use exact the same name. <del datetime="2011-05-11T08:15:49+00:00">I will add the function to the demo page over a few minutes.</del> Forget the demo :) #1 create on the page where the image has to appear this tag: <code><div id="theDiv"></div></code> and inside the pop-up page you need to have this code: <pre lang="php"> $(document).ready(function() { $("#closelink").click(function() { $("#theDiv", top.document).prepend('<img id="theImg" src="<?php echo $image; ?>" />'); }); }); </pre> It seems like that Wordpress has stripped some important code in my previous answer :) Tia, you need to use exact the same name.
I will add the function to the demo page over a few minutes. Forget the demo :)

#1 create on the page where the image has to appear this tag:

and inside the pop-up page you need to have this code:

$(document).ready(function() { 
	$("#closelink").click(function() {
		$("#theDiv", top.document).prepend('<img id="theImg" src="<?php echo $image; ?>" />');
	});
});

It seems like that WordPress has stripped some important code in my previous answer :)

]]> By: tia http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127197 tia Wed, 11 May 2011 08:04:23 +0000 http://www.web-development-blog.com/?p=420#comment-127197 in the form.php class i create DIV with id "The Div" in the form.php class i create DIV with id “The Div”

]]> By: tia http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127196 tia Wed, 11 May 2011 08:02:38 +0000 http://www.web-development-blog.com/?p=420#comment-127196 (sorry) Hey Olaf. Well, i tried doing this : (upload.php) ---------$(“#theDiv”).prepend(“bu”); (form.php) --------- and even like that , it didnt work out. (sorry)
Hey Olaf.
Well, i tried doing this :

(upload.php)

———$(“#theDiv”).prepend(“bu”);
(form.php)

———
and even like that , it didnt work out.

]]> By: Olaf http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/#comment-127191 Olaf Wed, 11 May 2011 06:25:12 +0000 http://www.web-development-blog.com/?p=420#comment-127191 okay, create on that page a DIV container with the ID "theDiv" and use this code: <code> $("#myfile", top.document).val(''); </code> with <code> $('#theDiv').prepend('<img id="theImg" src="" />'); </code> Maybe you need to fix the image path okay, create on that page a DIV container with the ID “theDiv”

and use this code:


$("#myfile", top.document).val('');

with

$('#theDiv').prepend('<img id="theImg" src="" />');

Maybe you need to fix the image path

]]>