 |  |  |  |  |  |  |  |
option dropdown can't see options
Please support our PHP advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
•
•
Join Date: May 2005
Posts: 232
Reputation: 
Solved Threads: 0
Posting Whiz in Training
Hey everyone, am having problem with some php code in a plugin I'm using on my Wordpress site. The problem is that there is an option box that lets you select from among a list of files in a certain directory on my site, and you can't see the options. Well, you can only see the first couple letters of each file name, because the option box is acting like it has no info in it, all closed up. I should mention, that the box works fine in Firefox, the problem occurs in IE6 and IE7 (of course).
Here is the code for the select portion:
[PHP]
<select name="rh_image" onchange="previewImage(this.options[this.selectedIndex].value);" style="width:30%">
<option value="">Choose an image</option>
<?php
$image_dir = @dir(get_template_directory().'/images');
if ($image_dir) {
$img_dir_uri = get_template_directory_uri().'/images';
while(($file = $image_dir->read()) !== false) {
if ( preg_match('/\w*(\.jpg|\.gif|\.png)$/', $file) )
printf('<option value="%1$s/%2$s">%2$s</option>',$img_dir_uri,$file);
}
}
?>
</select>
[/PHP]
First of all, there is some JavaScript, which I'm not too knowledgeable on yet, but maybe someone could explain the php code that he is using to display the file names in the option box? I can kind of follow it, but I'm still getting lost.
But anyway, I just need to know how to get the box to display properly in IE.
Thanks.
Edit: Oh, by the way, just in case you're wondering, yes, I have posted this question on the wordpress site, and even on the plugin's site, but am getting no responses. This forum is much more helpful for issues like this.
Here is the code for the select portion:
[PHP]
<select name="rh_image" onchange="previewImage(this.options[this.selectedIndex].value);" style="width:30%">
<option value="">Choose an image</option>
<?php
$image_dir = @dir(get_template_directory().'/images');
if ($image_dir) {
$img_dir_uri = get_template_directory_uri().'/images';
while(($file = $image_dir->read()) !== false) {
if ( preg_match('/\w*(\.jpg|\.gif|\.png)$/', $file) )
printf('<option value="%1$s/%2$s">%2$s</option>',$img_dir_uri,$file);
}
}
?>
</select>
[/PHP]
First of all, there is some JavaScript, which I'm not too knowledgeable on yet, but maybe someone could explain the php code that he is using to display the file names in the option box? I can kind of follow it, but I'm still getting lost.
But anyway, I just need to know how to get the box to display properly in IE.
Thanks.
Edit: Oh, by the way, just in case you're wondering, yes, I have posted this question on the wordpress site, and even on the plugin's site, but am getting no responses. This forum is much more helpful for issues like this.
Last edited by nathanpacker; Jan 13th, 2007 at 2:35 am.
•
•
Join Date: Sep 2005
Posts: 1,081
Reputation:
Solved Threads: 66
You'll need to view the output of the php to the page. (view-source on the browser).
You can then see what is causing the problem with IE.
As it looks, there should not be a problem.
What the code does is iterate through each image in the image directory of the template being used.
Then it writes out the options for the select element with:
[php]
printf('<option value="%1$s/%2$s">%2$s</option>',$img_dir_uri,$file);
[/php]
This is the same as:
[php]
echo '<option value="'.$img_dir_uri.$file.'">'.$file.'</option>';
[/php]
If you post the HTML source of the page, it will be easier to see the problem.
You can then see what is causing the problem with IE.
As it looks, there should not be a problem.
What the code does is iterate through each image in the image directory of the template being used.
Then it writes out the options for the select element with:
[php]
printf('<option value="%1$s/%2$s">%2$s</option>',$img_dir_uri,$file);
[/php]
This is the same as:
[php]
echo '<option value="'.$img_dir_uri.$file.'">'.$file.'</option>';
[/php]
If you post the HTML source of the page, it will be easier to see the problem.
Last edited by digital-ether; Jan 13th, 2007 at 3:18 am.
www.fijiwebdesign.com - web design and development and fun
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
•
•
Join Date: May 2005
Posts: 232
Reputation:
Solved Threads: 0
Posting Whiz in Training
Well, viewing the Source code in IE, here is what you get. (I'm assuming you just mean the source code of the portion itself, not the whole page.
As you said, it looks like it is doing everything right, and it probably is, because firefox reders it correctly. However in IE, it still is acting weird. I just uploaded a screenshot of what it is doing. This is what it looks like when you click the drop down box to view all the files:
http://www.packerworld.com/nate_personal/select.JPG
PHP Syntax (Toggle Plain Text)
As you said, it looks like it is doing everything right, and it probably is, because firefox reders it correctly. However in IE, it still is acting weird. I just uploaded a screenshot of what it is doing. This is what it looks like when you click the drop down box to view all the files:
http://www.packerworld.com/nate_personal/select.JPG
•
•
Join Date: Sep 2005
Posts: 1,081
Reputation:
Solved Threads: 66
Must be the style="width:30%".
Remove that and see if it helps...
Remove that and see if it helps...
www.fijiwebdesign.com - web design and development and fun
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
•
•
Join Date: May 2005
Posts: 232
Reputation:
Solved Threads: 0
Posting Whiz in Training
•
•
•
•
Originally Posted by digital-ether 
Must be the style="width:30%".
Remove that and see if it helps...
•
•
Join Date: Sep 2005
Posts: 1,081
Reputation:
Solved Threads: 66
When you specify a % for the width - it will be the percentage of the parent element.
Your test probably took on the window or document body as the parent..
I've heard IE needs widths and heights specifically defined for alot of CSS to work.
My guess is the parent element does not have a specific width, so the child inherited a percent of 0px or something like that..
Haven't used IE7, so I'm just guessing based on the problems with IE6..
Your test probably took on the window or document body as the parent..
I've heard IE needs widths and heights specifically defined for alot of CSS to work.
My guess is the parent element does not have a specific width, so the child inherited a percent of 0px or something like that..
Haven't used IE7, so I'm just guessing based on the problems with IE6..
www.fijiwebdesign.com - web design and development and fun
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
Cpanel Email - Let users Register email accounts on your website upon registration
Ajax Chat - Fully browser based chat!
•
•
Join Date: May 2005
Posts: 232
Reputation:
Solved Threads: 0
Posting Whiz in Training
•
•
•
•
Originally Posted by digital-ether
When you specify a % for the width - it will be the percentage of the parent element.
Your test probably took on the window or document body as the parent..
I've heard IE needs widths and heights specifically defined for alot of CSS to work.
My guess is the parent element does not have a specific width, so the child inherited a percent of 0px or something like that..
Haven't used IE7, so I'm just guessing based on the problems with IE6..
|
Similar Threads
- updating multiple rows with one form (PHP)
- Missing delegate Option in Outlook Express (Windows Software)
- select statemt LIKE (MySQL)
- Cant see my hidden folders - "folder options" missing!! (Windows NT / 2000 / XP)
- DropDown List (VB.NET)
- Selecting options (C++)
Other Threads in the PHP Forum
- Previous Thread: Disable URL change via URL bar
- Next Thread: DD I.D. Verification
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Latest PHP Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
.htaccess ajax apache api array back basic beginner binary broken cakephp checkbox class cms code computing cron curl customizableitems database date delete display dynamic echo email error file files filter folder form forms function functions gc_maxlifetime google host href htaccess html image include insert integration ip java javascript joomla limit link login loop mail memmory memory menu mlm mod_rewrite multiple mysql navigation oop parsing paypal pdf php problem query radio random recursion regex remote script search server sessions sms snippet soap source space sql syntax system table thesishelp trouble tutorial update upload url validation validator variable video web xml youtube
