Quick PHP/HTML Forms question. - Overclock.net

Fkyx · 06-28-08

Alright. So I'm writing a simple gallery script for my dad's website.

For this gallery, I have a separate form for adding images to a specific album. I'd like to have a SELECT that will allow the user to choose how many images will be added to the album. Choosing to add 3 images would "refresh" the form to have 3 upload boxes.

How do I go about writing this? Is it as simple as this:

...
print<<<end
<select name="numImages">
<option value = 1>1</option>
<option value = 2>2</option>
<option value = 3>3</option>
<option value = 4>4</option>
<option value = 5>5</option>
</select>
<br>
end;

$i=0;
while($i < $numImages)
{
print "<input name=\"images[]\" type=\"fill\">";
print "<br>";
}
...

Something tells me that's not it.

Thanks.

mentholmoose · 07-05-08

You need JavaScript to do that code because PHP is all server-side code and won't work to dynamically change anything on the client side. I don't know enough Javascript to help you out with it, though.

metala · 07-06-08

Quote:

Originally Posted by Fkyx

Alright. So I'm writing a simple gallery script for my dad's website.

For this gallery, I have a separate form for adding images to a specific album. I'd like to have a SELECT that will allow the user to choose how many images will be added to the album. Choosing to add 3 images would "refresh" the form to have 3 upload boxes.

How do I go about writing this? Is it as simple as this:

...
print<<<end
<select name="numImages">
<option value = 1>1</option>
<option value = 2>2</option>
<option value = 3>3</option>
<option value = 4>4</option>
<option value = 5>5</option>
</select>
<br>
end;

$i=0;
while($i < $numImages)
{
print "<input name=\"images[]\" type=\"fill\">";
print "<br>";
}
...

Something tells me that's not it.

Thanks.

It will work if you make to forms.
First is the select input. And set attribute on the select onchange="this.form.submit();"
The other form will be generated dynamically by the PHP.
i.e. $numImages = $_POST['from_the_first_form'].
And afther that you have to put make an iteration of the $_FILES superglobal array, in order to work with the uploaded files.

But with Javascript will be better.. the only problem is that wit will be more complex/difficult to be done.

NessTheHero · 07-14-08

look into AJAX and XMLHttpRequest

LyokoHaCk · 07-17-08

Quote:

Originally Posted by mentholmoose

You need JavaScript to do that code because PHP is all server-side code and won't work to dynamically change anything on the client side. I don't know enough Javascript to help you out with it, though.

ajax

metala · 07-18-08

Quote:

Originally Posted by LyokoHaCk

ajax

You people, are AJAX obsessed, aren't you?

I would use AJAX only in case of not knowing how to program in JavaScript.
I was thinking of a simple solution:

Code:

<script>
function generateUploadInputs(num){
 inputCont = document.getElementById('uploadInputs');
 inputCont.innerHTML = '';
 for (var i =0; i < num; i++) inputCont.innerHTML += '<input type="file" name="images[]" />n<br />';
}
</script>
<select name="numImages" onchange="generateUploadInputs(this.options[this.selectedIndex]);">
<option value = 1>1</option>
<option value = 2>2</option>
<option value = 3>3</option>
<option value = 4>4</option>
<option value = 5>5</option>
</select>

<div id="uploadInputs">

</div>

NessTheHero · 07-18-08

You shouldn't rely on innerHTML. That standard has been deprecated.

Look into using the DOM (Document Object Model). With that, you create elements on the fly and it has better compatibility with most browsers. It's also easier to use with XML requests.

metala · 07-20-08

Quote:

Originally Posted by NessTheHero

You shouldn't rely on innerHTML. That standard has been deprecated.

I don't remember innerHTML to have ever been in the W3C specifications, however:

Quote:

Originally Posted by http://www.w3schools.com/htmldom/dom_methods.asp

The easiest way to get or modify the content of an element is by using the innerHTML property.

innerHTML is not a part of the W3C DOM specification. However, it is supported by all major browsers.

I was just looking for the easiest way to demonstrate what I mean. Creating objects and appending then to a node is somehow far more difficult than appending string.

PS. I have lots of experience with the DOM, especially DOM2 Event

Quote:

Originally Posted by NessTheHero

Look into using the DOM (Document Object Model). With that, you create elements on the fly and it has better compatibility with most browsers. It's also easier to use with XML requests.

I'm interested in it. Can you give me an example?
PS. I haven't thought another way than http://en.wikipedia.org/wiki/AXAH .
EDIT43: I found it... http://www.w3schools.com/Ajax/ajax_responsexml.asp
Damn it is a lot more source code than just using the innerHTML. And if you look through other ajax tutorials at w3schools you will see that they are mostle using innerHTML.

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
Quick PHP/HTML Forms question.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)